/* ═══════════════════════════════════════════════════════════════════
   FOUC Guard — CSS seviyesinde ilk savunma katmanı.
   body, JS tarafından .ad-dom-ready sınıfı eklenmeden tamamen
   görünmez kalır. Bu, CSS dosyasının JS'den ÖNCE yüklenmesi
   nedeniyle en güvenilir katmandır.
═══════════════════════════════════════════════════════════════════ */
body:not(.ad-dom-ready) {
  opacity: 0 !important;
}

/*HIDDEN*/
#header,
#header.homeHeader,
.homeHeader,
.navigation,
#divTopProductSearch,
.searchContent,
.usernav,
#lang_flag_container,
.yanResimliMenu,
#divNewsLetter,
.newaslater,
#divHeaderCart,
#divMemberPanel,
.welcome,
.bottomHead,
.categoryTitle,
.categoryTitleText,
svg[alt="Ticimax E-Ticaret Sistemleri"],
#divTicimaxCopyrightContent,
#footer.productFooter,
#footer.categoryFooter,
#footer.homeFooter,
#back-to-top,
#footerclass,
#loader {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* Force hide ad-header-nav and desktop action links on mobile by default to prevent flickering */
@media (max-width: 1024px) {

  .ad-header-nav,
  .ad-header-actions .ad-header-nav-link,
  .ad-header-actions .ad-header-icon-link {
    display: none !important;
  }
}

/*HIDDEN*/

/*HIDDEN*/


/*PAGE-LOADER*/
#ad-page-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.35s ease;
}

#ad-page-loader.ad-loader-out {
  opacity: 0;
  pointer-events: none;
}

#ad-page-loader-spinner {
  width: 38px;
  height: 38px;
  border: 3px solid #e8e8e8;
  border-top-color: #1a1a1a;
  border-radius: 50%;
  animation: ad-loader-spin 0.7s linear infinite;
}

@keyframes ad-loader-spin {
  to {
    transform: rotate(360deg);
  }
}

/*PAGE-LOADER*/


/*CATEGORIES*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Ticimax native PLP shell — keep in DOM for scripts; must not paint (FOUC backup when theme omits inline head) */
#ProductListMainContainer,
#divSayfalamaUst,
#divSayfalamaAlt,
#divScrollContainer,
#divFilterSaveContent,
#divFilterSaveListContent,
/* Ticimax native product detail shell */
#contentProductDetail,
.contentProductDetail,
.ProductDetail,
.adminEditButton.productDetail {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ProductDetailMain/Row: display:none DEĞİL — off-screen render edilir.
   iOS Safari'de display:none içindeki butonlar programatik click()'e yanıt vermez.
   Bu yüzden görünmez ama rendered tutuyoruz; sepete ekle butonu böyle tetiklenebilir. */
.ProductDetailMain,
.ProductDetailMainRow {
  display: block !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --ad-accent: #d93235;
  --ad-label: #1d1d1f;
  --ad-label-muted: #6e6e73;
  --ad-label-sub: #86868b;
  --ad-separator: rgba(0, 0, 0, 0.08);
  --ad-content-width: 1260px;
  --ad-radius-card: 22px;
  --ad-radius-tile: 14px;
  --ad-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 0.5px rgba(0, 0, 0, 0.04);
  --ad-shadow-hover: 0 14px 44px rgba(0, 0, 0, 0.13), 0 4px 12px rgba(0, 0, 0, 0.06);
  --ad-transition: 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  --ad-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ── Ticimax container genişlik override'ları ───────────────────────────── */
/* #divCenterBlock.centerCount.Middle genellikle float:left ile çalışır;   */
/* float sıfırlanmazsa margin:0 auto işe yaramaz, içerik sola yapışır.     */
#ad-footer,
.ad-apple-footer {
  clear: both !important;
  float: none !important;
  width: 100% !important;
  display: block !important;
  position: relative !important;
}

#divIcerik,
#mainHolder_divBlocks,
#divCenterBlock {
  float: none !important;
  clear: both !important;
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

.centerCount,
.Middle {
  float: none !important;
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* ── Reveal animation ───────────────────────────────────────────────────── */

[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION 1 — Category tiles
══════════════════════════════════════════════════════════════════════════ */

.ad-cat-section {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: max(22px, calc((100% - 1216px) / 2));
  padding-right: max(22px, calc((100% - 1216px) / 2));
  padding-bottom: 64px;
  box-sizing: border-box;
}

/* Brand logo */
.ad-cat-brand-logo {
  height: 40px;
  width: 180px;
  display: block;
  margin-top: 96px;
  margin-bottom: 36px;
  object-fit: contain;
  object-position: left center;
  flex-shrink: 0;
}

.ad-cat-brand-logo--hidden {
  display: none !important;
}

/* Headline */
.ad-cat-headline {
  font-size: 80px;
  font-weight: 600;
  color: var(--ad-label);
  letter-spacing: -0.045em;
  line-height: 1;
  margin-bottom: 40px;
}

/* Row wrapper */
.ad-cat-row-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

/* Scrollable row */
.ad-cat-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  flex: 1;
}

.ad-cat-row::-webkit-scrollbar {
  display: none;
}

/* Edge fade states */
.ad-cat-row.is-start {
  -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%);
  mask-image: linear-gradient(to right, black 88%, transparent 100%);
}

.ad-cat-row.is-end {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%);
  mask-image: linear-gradient(to right, transparent 0%, black 12%);
}

.ad-cat-row.is-start.is-end {
  -webkit-mask-image: none;
  mask-image: none;
}

.ad-cat-row:not(.is-start):not(.is-end) {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

/* ── Tile ─────────────────────────────────────────────────────────────── */

.ad-cat-tile {
  flex-shrink: 0;
  width: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  text-decoration: none;
  color: var(--ad-label);
  padding: 10px 4px 12px;
  border-radius: var(--ad-radius-tile);
  transition: background var(--ad-transition);
  position: relative;
  cursor: pointer;
}

/* Icon background chip */
.ad-cat-tile-img-wrap {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border-radius: 22px;
  background: #f0f0f2;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    background 0.2s ease;
}


.ad-cat-tile:hover .ad-cat-tile-img-wrap {
  transform: translateY(-5px) scale(1.06);
}

.ad-cat-tile:active .ad-cat-tile-img-wrap {
  transform: scale(0.95);
  transition-duration: 0.08s;
}

.ad-cat-tile-icon {
  width: 44px;
  height: 44px;
}

.ad-cat-tile-img-wrap img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 22px;
}

.ad-cat-tile-name {
  font-size: 12px;
  font-weight: 400;
  color: var(--ad-label);
  letter-spacing: -0.01em;
  text-align: center;
  line-height: 1.35;
}

.ad-cat-tile-badge {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: var(--ad-accent);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-top: 3px;
}


/* ── Category scroll arrows ─────────────────────────────────────────── */

.ad-cat-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 80px;
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.25s ease;
}

.ad-cat-arrow--prev {
  left: 0;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, .92) 55%,
      rgba(255, 255, 255, 0) 100%);
  justify-content: flex-start;
}

.ad-cat-arrow--next {
  right: 0;
  background: linear-gradient(to left,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, .92) 55%,
      rgba(255, 255, 255, 0) 100%);
  justify-content: flex-end;
}

.ad-cat-arrow-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.10),
    0 0 0 0.5px rgba(0, 0, 0, 0.06);
  transition:
    transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.2s ease;
}

.ad-cat-arrow--prev .ad-cat-arrow-circle {
  margin-left: 2px;
}

.ad-cat-arrow--next .ad-cat-arrow-circle {
  margin-right: 2px;
}

.ad-cat-arrow svg {
  width: 8px;
  height: 14px;
  color: var(--ad-label);
  transition: transform 0.18s ease;
}

.ad-cat-arrow:hover .ad-cat-arrow-circle {
  transform: scale(1.12);
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.14),
    0 0 0 0.5px rgba(0, 0, 0, 0.06);
}

.ad-cat-arrow--prev:hover svg {
  transform: translateX(-1.5px);
}

.ad-cat-arrow--next:hover svg {
  transform: translateX(1.5px);
}

.ad-cat-arrow:active .ad-cat-arrow-circle {
  transform: scale(0.93);
  transition-duration: 0.08s;
}

.ad-cat-arrow.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION 2 — Featured products bento grid
══════════════════════════════════════════════════════════════════════════ */

.ad-feat-section {
  background: #f5f5f7;
  padding: 80px 0 88px;
}

.ad-feat-inner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: max(22px, calc((100% - 1216px) / 2));
  padding-right: max(22px, calc((100% - 1216px) / 2));
  box-sizing: border-box;
}

/* ── Section header ───────────────────────────────────────────────────── */

.ad-feat-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 28px;
}

.ad-feat-eyebrow {
  font-size: 12px;
  font-weight: 500;
  color: var(--ad-label-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.ad-feat-headline {
  font-size: 40px;
  font-weight: 600;
  color: var(--ad-label);
  letter-spacing: -0.03em;
  line-height: 1.05;
}

.ad-feat-all-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ad-accent);
  text-decoration: none;
  letter-spacing: -0.01em;
  padding-bottom: 3px;
  white-space: nowrap;
  transition: gap 0.2s ease;
}

.ad-feat-all-link:hover {
  gap: 8px;
}

.ad-feat-all-link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* ── Product horizontal scroll ────────────────────────────────────────── */

/* Section: full viewport width */
.ad-feat-section {
  background: #f5f5f7;
  padding: 80px 0 88px;
  width: 100%;
  overflow: hidden;
}

/* Header row: aligned to content width */
.ad-feat-header {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: max(22px, calc((100% - 1216px) / 2));
  padding-right: max(22px, calc((100% - 1216px) / 2));
  padding-bottom: 28px;
  box-sizing: border-box;
}

/* Scroll row: starts at same x as "Kategoriler" headline */
.ad-prod-scroll {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scrollbar-width: none;
  /* Align left edge of first card with content left edge */
  padding-left: max(22px, calc((100% - 1260px) / 2 + 22px));
  padding-right: 40px;
  padding-bottom: 6px;
  /* prevent shadow clip */
}

.ad-prod-scroll::-webkit-scrollbar {
  display: none;
}

/* Card */
.ad-prod-card {
  flex-shrink: 0;
  width: 313px;
  height: 500px;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.05);
  transition:
    box-shadow var(--ad-transition),
    transform var(--ad-transition);
  cursor: pointer;
}

.ad-prod-card:hover {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12), 0 4px 10px rgba(0, 0, 0, 0.06);
  transform: translateY(-4px);
}

/* Image container: rounded bg, contains full product */
.ad-prod-img-wrap {
  margin: 30px 30px 0;
  border-radius: 14px;
  background: #ffffff;
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.ad-prod-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 14px;
}

.ad-prod-card:hover .ad-prod-img-wrap img {
  transform: scale(1.05);
}

.ad-prod-img-wrap.is-empty {
  background: linear-gradient(140deg, #e8e8ed 0%, #d4d4d8 100%);
}

/* Color swatches */
.ad-prod-swatches {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 12px 30px 0;
}

.ad-prod-swatch {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
  transition: transform 0.15s ease;
}

.ad-prod-swatch:hover {
  transform: scale(1.2);
}

.ad-prod-swatch--more {
  background: none;
  border: 1.5px solid #c7c7cc;
  color: #86868b;
  font-size: 9px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
}

/* ── Favori butonu ────────────────────────────────────────────────────── */

.ad-prod-fav {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 0 0 0.5px rgba(0, 0, 0, 0.05);
  color: #8e8e93;
  transition:
    transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1),
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease;
}

.ad-prod-fav svg {
  width: 16px;
  height: 16px;
}

.ad-prod-fav:hover {
  transform: scale(1.15);
  color: var(--ad-accent);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16), 0 0 0 0.5px rgba(0, 0, 0, 0.05);
}

.ad-prod-fav:active {
  transform: scale(0.92);
  transition-duration: 0.08s;
}

/* Aktif (favori) durumu */
.ad-prod-fav.is-active {
  background: #fff0f0;
  color: var(--ad-accent);
  box-shadow: 0 2px 10px rgba(217, 50, 53, 0.2), 0 0 0 0.5px rgba(217, 50, 53, 0.15);
}

.ad-prod-fav.is-active .ad-prod-fav-icon {
  fill: var(--ad-accent);
  stroke: var(--ad-accent);
}

/* Tık animasyonu */
@keyframes adFavPop {
  0% {
    transform: scale(1);
  }

  40% {
    transform: scale(1.35);
  }

  70% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

.ad-prod-fav.is-popping {
  animation: adFavPop 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ── Hover overlay ─────────────────────────────────────────────────────── */

.ad-prod-overlay {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  background: linear-gradient(to top,
      rgba(10, 10, 10, 0.55) 0%,
      rgba(10, 10, 10, 0.28) 50%,
      rgba(10, 10, 10, 0.08) 100%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 24px;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ad-prod-card:hover .ad-prod-overlay {
  opacity: 1;
}

.ad-prod-overlay-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 172px;
  height: 44px;
  border-radius: 22px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.015em;
  text-decoration: none;
  cursor: pointer;
  transform: translateY(10px);
  transition:
    transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1),
    background 0.18s ease;
}

.ad-prod-card:hover .ad-prod-overlay-btn {
  transform: translateY(0);
}

.ad-prod-card:hover .ad-prod-overlay-btn:nth-child(2) {
  transition-delay: 0.06s;
}

.ad-prod-overlay-btn--ghost {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.55);
}

.ad-prod-overlay-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.24);
}

.ad-prod-overlay-btn--fill {
  background: var(--ad-accent);
  color: #ffffff;
  border: 1.5px solid transparent;
}

.ad-prod-overlay-btn--fill:hover {
  background: #c12b2e;
}

/* ── Product scroll arrows ────────────────────────────────────────────── */

.ad-prod-scroll-outer {
  position: relative;
}

.ad-prod-arrow {
  position: absolute;
  top: 0;
  bottom: 6px;
  /* match scroll padding-bottom */
  z-index: 10;
  width: 120px;
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.25s ease;
}

.ad-prod-arrow--prev {
  left: 0;
  background: linear-gradient(to right,
      rgba(245, 245, 247, 1) 0%,
      rgba(245, 245, 247, .92) 55%,
      rgba(245, 245, 247, 0) 100%);
  justify-content: flex-start;
}

.ad-prod-arrow--next {
  right: 0;
  background: linear-gradient(to left,
      rgba(245, 245, 247, 1) 0%,
      rgba(245, 245, 247, .92) 55%,
      rgba(245, 245, 247, 0) 100%);
  justify-content: flex-end;
}

.ad-prod-arrow-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow:
    0 2px 12px rgba(0, 0, 0, 0.12),
    0 0 0 0.5px rgba(0, 0, 0, 0.06);
  transition:
    transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.2s ease;
}

.ad-prod-arrow--prev .ad-prod-arrow-circle {
  margin-left: 6px;
}

.ad-prod-arrow--next .ad-prod-arrow-circle {
  margin-right: 6px;
}

.ad-prod-arrow svg {
  width: 8px;
  height: 14px;
  color: var(--ad-label);
  transition: transform 0.18s ease;
}

.ad-prod-arrow:hover .ad-prod-arrow-circle {
  transform: scale(1.12);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.16),
    0 0 0 0.5px rgba(0, 0, 0, 0.06);
}

.ad-prod-arrow--prev:hover svg {
  transform: translateX(-2px);
}

.ad-prod-arrow--next:hover svg {
  transform: translateX(2px);
}

.ad-prod-arrow:active .ad-prod-arrow-circle {
  transform: scale(0.93);
  transition-duration: 0.08s;
}

.ad-prod-arrow.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* ── Card info — fixed height so all cards align ────────────────────── */

.ad-prod-info {
  padding: 14px 30px 28px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex-shrink: 0;
  height: 148px;
  /* fixed → image area fills rest, text always same level */
  justify-content: flex-start;
}

/* Label (Yeni / Ücretsiz Kargo / Çok Satan) */
.ad-prod-label {
  font-size: 11px;
  font-weight: 500;
  color: var(--ad-accent);
  letter-spacing: -0.005em;
}

.ad-prod-label--best {
  color: var(--ad-label-muted);
}

.ad-prod-cat {
  font-size: 12px;
  font-weight: 400;
  color: var(--ad-label-muted);
  letter-spacing: -0.005em;
  margin-bottom: 2px;
}

.ad-prod-name {
  font-size: 17px;
  font-weight: 600;
  color: #1d1d1f;
  letter-spacing: -0.02em;
  line-height: 1.35;
  min-height: calc(17px * 1.35 * 2);
  /* always reserve 2 lines */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ad-prod-price {
  font-size: 14px;
  font-weight: 400;
  color: var(--ad-label);
  letter-spacing: -0.01em;
  margin-top: 4px;
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION 3 — Avantajlar şeridi
══════════════════════════════════════════════════════════════════════════ */

.ad-adv-section {
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 0;
  margin-bottom: 60px;
}

.ad-adv-inner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-left: max(22px, calc((100% - 1216px) / 2));
  padding-right: max(22px, calc((100% - 1216px) / 2));
  display: flex;
  align-items: stretch;
}

/* Single advantage item */
.ad-adv-item {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 26px 20px;
  cursor: default;
  transition: background 0.22s ease;
  border-radius: 4px;
}

.ad-adv-item:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* Colored icon chip */
.ad-adv-icon-wrap {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: var(--adv-bg);
  color: var(--adv-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ad-adv-item:hover .ad-adv-icon-wrap {
  transform: scale(1.1) rotate(-4deg);
}

.ad-adv-icon-wrap svg {
  width: 22px;
  height: 22px;
}

/* Text */
.ad-adv-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.ad-adv-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--ad-label);
  letter-spacing: -0.015em;
  white-space: nowrap;
}

.ad-adv-sub {
  font-size: 12px;
  font-weight: 400;
  color: var(--ad-label-muted);
  letter-spacing: -0.005em;
  line-height: 1.4;
}

/* Separator line */
.ad-adv-sep {
  width: 1px;
  background: rgba(0, 0, 0, 0.07);
  flex-shrink: 0;
  margin: 16px 0;
}

/* ══════════════════════════════════════════════════════════════════════════
   Responsive
══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1068px) {
  .ad-cat-headline {
    font-size: 64px;
  }

  .ad-feat-headline {
    font-size: 32px;
  }
}

@media (max-width: 1068px) {
  .ad-adv-item {
    padding: 24px 14px;
    gap: 12px;
  }

  .ad-adv-sub {
    display: none;
  }
}

@media (max-width: 833px) {
  .ad-adv-section {
    margin-bottom: 48px;
  }

  .ad-adv-inner {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0 20px;
    gap: 0;
    align-items: stretch;
  }

  .ad-adv-inner::-webkit-scrollbar {
    display: none;
  }

  .ad-adv-sep {
    width: 1px;
    flex-shrink: 0;
    margin: 12px 0;
  }

  .ad-adv-item {
    flex: 0 0 auto;
    width: 160px;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 16px;
    gap: 10px;
  }

  .ad-adv-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .ad-adv-icon-wrap svg {
    width: 18px;
    height: 18px;
  }

  .ad-adv-title {
    font-size: 13px;
    white-space: normal;
  }

  .ad-adv-sub {
    display: block;
    font-size: 11px;
  }
}

@media (max-width: 833px) {
  .ad-cat-brand-logo {
    margin-top: 6px;
    height: 28px;
    width: 130px;
  }

  .ad-cat-section {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }

  .ad-cat-headline {
    font-size: 48px;
    margin-bottom: 28px;
  }

  .ad-cat-tile {
    width: 96px;
  }

  .ad-cat-tile-img-wrap {
    width: 62px;
    height: 62px;
  }

  .ad-cat-tile-icon {
    width: 38px;
    height: 38px;
  }

  .ad-cat-tile-img-wrap img {
    width: 38px;
    height: 38px;
  }

  .ad-feat-section {
    padding: 52px 0 60px;
  }

  .ad-feat-header {
    padding: 0 20px 22px;
  }

  .ad-feat-headline {
    font-size: 26px;
  }

  /* Cards: ~1.3 visible → peek at next */
  .ad-prod-card {
    width: 72vw;
    max-width: 340px;
    height: 460px;
  }

  .ad-prod-scroll {
    padding-left: 20px;
    padding-right: 20px;
    gap: 12px;
  }

  .ad-prod-info {
    height: 136px;
  }

  /* Hide arrows on touch screens */
  .ad-prod-arrow {
    display: none;
  }
}

.ad-brand-section {
  width: 100%;
  padding-bottom: 96px;
  overflow: hidden;
}

.ad-brand-feature {
  width: 100%;
  max-width: 100%;
  padding-left: max(22px, calc((100% - 1260px) / 2));
  padding-right: max(22px, calc((100% - 1260px) / 2));
  margin: 60px 0 40px;
  box-sizing: border-box;
}

.ad-brand-feature-inner {
  background: #f5f5f7;
  border-radius: 32px;
  padding: 120px 64px;
  text-align: center;
}

.ad-brand-feature-eyebrow {
  font-family: var(--ad-font);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #86868b;
  text-transform: uppercase;
  margin: 0 0 24px;
}

.ad-brand-feature-title {
  font-family: var(--ad-font);
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.05;
  color: #1d1d1f;
  margin: 0 0 24px;
}

.ad-brand-feature-body {
  font-family: var(--ad-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  color: #6e6e73;
  max-width: 680px;
  margin: 0 auto;
}

@media (max-width: 1068px) {
  .ad-brand-feature-title {
    font-size: 48px;
  }

  .ad-brand-feature-body {
    font-size: 20px;
  }

  .ad-brand-feature-inner {
    padding: 80px 48px;
  }
}

@media (max-width: 833px) {
  .ad-brand-section {
    padding: 0 0 72px;
  }

  .ad-brand-feature {
    padding-left: 20px;
    padding-right: 20px;
    margin: 40px 0;
  }

  .ad-brand-feature-inner {
    padding: 64px 28px;
    border-radius: 24px;
  }

  .ad-brand-feature-eyebrow {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .ad-brand-feature-title {
    font-size: 34px;
    letter-spacing: -0.03em;
  }

  .ad-brand-feature-body {
    font-size: 17px;
  }
}

/* ── Bento grid ─────────────────────────────────────────────────────── */

.ad-brand-bento {
  width: calc(100% - 44px);
  max-width: 1260px;
  margin: 16px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ad-bento-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ad-bento-card {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
  transition: box-shadow 0.4s ease;
  will-change: transform;
  transform-style: preserve-3d;
}

.ad-bento-card.is-tilting {
  transform: perspective(800px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px) scale(1.01);
  transition: transform 0.08s linear, box-shadow 0.4s ease;
}

.ad-bento-card.is-resting {
  transform: perspective(800px) rotateX(0deg) rotateY(0deg);
  transition: transform 0.7s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease;
}

.ad-bento-card:hover {
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.36);
}

.ad-bento-card--large {
  background: linear-gradient(148deg, #0f1923 0%, #1a2d40 100%);
  min-height: 420px;
}

.ad-bento-card--print {
  background: linear-gradient(148deg, #13111a 0%, #1e1830 100%);
  flex: 1;
}

.ad-bento-card--bond {
  background: linear-gradient(148deg, #0d1a12 0%, #152b1e 100%);
  flex: 1;
}

.ad-bento-visual {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 32px 0;
}

.ad-bento-svg {
  width: 160px;
  height: 160px;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ad-bento-card--print .ad-bento-svg,
.ad-bento-card--bond .ad-bento-svg {
  width: 110px;
  height: 110px;
}

.ad-bento-card:hover .ad-bento-svg {
  transform: scale(1.1) translateY(-6px);
}

.ad-bento-body {
  padding: 20px 32px 32px;
}

.ad-bento-eyebrow {
  font-family: var(--ad-font);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.ad-bento-card--large .ad-bento-eyebrow {
  color: #d93235;
}

.ad-bento-card--print .ad-bento-eyebrow {
  color: rgba(191, 90, 242, 0.85);
}

.ad-bento-card--bond .ad-bento-eyebrow {
  color: rgba(52, 199, 89, 0.85);
}

.ad-bento-title {
  font-family: var(--ad-font);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.06;
  color: #f5f5f7;
  margin: 0 0 14px;
}

.ad-bento-card--print .ad-bento-title,
.ad-bento-card--bond .ad-bento-title {
  font-size: 22px;
  margin-bottom: 0;
}

.ad-bento-desc {
  font-family: var(--ad-font);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.45);
  margin: 0 0 20px;
}

.ad-bento-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ad-font);
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  transition: color 0.2s ease, gap 0.2s ease;
}

.ad-bento-cta svg {
  width: 14px;
  height: 14px;
  transition: transform 0.2s ease;
}

.ad-bento-card:hover .ad-bento-cta {
  color: rgba(255, 255, 255, 0.9);
  gap: 10px;
}

.ad-bento-card:hover .ad-bento-cta svg {
  transform: translateX(4px);
}

/* ── Categories (Brand) ───────────────────────────────────────────────── */

.ad-brand-cats {
  width: 100%;
  padding: 80px 0;
  overflow: hidden;
}

.ad-brand-cats-header {
  width: 100%;
  max-width: 100%;
  padding-left: max(22px, calc((100% - 1260px) / 2));
  padding-right: max(22px, calc((100% - 1260px) / 2));
  margin-bottom: 40px;
  box-sizing: border-box;
}

.ad-brand-cats-eyebrow {
  font-family: var(--ad-font);
  font-size: 15px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 12px;
}

.ad-brand-cats-title {
  font-family: var(--ad-font);
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #1d1d1f;
  line-height: 1.05;
  margin: 0 0 16px;
}

.ad-brand-cats-sub {
  font-family: var(--ad-font);
  font-size: 20px;
  line-height: 1.4;
  color: #6e6e73;
  max-width: 720px;
  margin: 0;
}

.ad-brand-cats-scroll-outer {
  position: relative;
}

.ad-brand-cats-controls {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding-right: max(22px, calc((100% - 1260px) / 2));
  margin-top: 24px;
}

.ad-brand-cats-arrow-sm {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #1d1d1f;
  transition: background 0.2s, transform 0.2s;
}

.ad-brand-cats-arrow-sm svg {
  width: 8px;
  height: 14px;
  transition: transform 0.2s;
}

.ad-brand-cats-arrow-sm:hover {
  background: rgba(0, 0, 0, 0.08);
  transform: scale(1.05);
}

.ad-brand-cats-arrow-sm--prev:hover svg {
  transform: translateX(-2px);
}

.ad-brand-cats-arrow-sm--next:hover svg {
  transform: translateX(2px);
}

.ad-brand-cats-arrow-sm.is-hidden {
  opacity: 0.3;
  pointer-events: none;
}

.ad-brand-cats-row {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 24px;
  padding-left: max(22px, calc((100% - 1260px) / 2));
  padding-right: max(22px, calc((100% - 1260px) / 2));
}

.ad-brand-cats-row::-webkit-scrollbar {
  display: none;
}

.ad-brand-cat-card {
  flex-shrink: 0;
  width: 700px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  cursor: default;
}

.ad-brand-cat-visual {
  width: 700px;
  height: 450px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.4s ease;
}

.ad-brand-cat-card--restorative .ad-brand-cat-visual {
  background: #e81123;
  color: #ffffff;
}

.ad-brand-cat-card--print .ad-brand-cat-visual {
  background: #f5f5f7;
  color: #1d1d1f;
}

.ad-brand-cat-card--bond .ad-brand-cat-visual {
  background: #1d2328;
  color: #ffffff;
}

.ad-brand-cat-card--cem .ad-brand-cat-visual {
  background: #162436;
  color: #ffffff;
}

.ad-brand-cat-svg {
  width: 100px;
  height: 100px;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ad-brand-cat-card:hover .ad-brand-cat-svg {
  transform: scale(1.08);
  /* slight internal bump */
}

.ad-brand-cat-info {
  margin-top: 20px;
  padding: 0 4px;
}

.ad-brand-cat-desc {
  font-family: var(--ad-font);
  font-size: 15px;
  line-height: 1.4;
  color: #6e6e73;
  margin: 0;
}

.ad-brand-cat-desc strong {
  color: #1d1d1f;
  font-weight: 600;
}

@media (max-width: 1068px) {
  .ad-brand-cats-title {
    font-size: 40px;
  }

  .ad-brand-cats-sub {
    font-size: 18px;
  }
}

@media (max-width: 833px) {
  .ad-brand-cats-header {
    margin-bottom: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .ad-brand-cats-eyebrow {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .ad-brand-cats-title {
    font-size: 32px;
  }

  .ad-brand-cats-sub {
    font-size: 16px;
  }

  .ad-brand-cats-row {
    padding-left: 20px;
    padding-right: 20px;
    gap: 16px;
  }

  .ad-brand-cat-card {
    width: 280px;
  }

  .ad-brand-cat-visual {
    width: 280px;
    height: 340px;
  }

  .ad-brand-cat-info {
    margin-top: 16px;
  }

  .ad-brand-cat-desc {
    font-size: 14px;
  }

  .ad-brand-cats-controls {
    display: none;
  }
}

/* ── Heritage section ───────────────────────────────────────────────── */

.ad-brand-heritage {
  width: calc(100% - 44px);
  max-width: 1260px;
  margin: 16px auto 0;
  background: #1d1d1f;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}

.ad-brand-heritage-alps {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ad-brand-heritage-alps svg {
  width: 100%;
  height: 100%;
}

.ad-brand-heritage-content {
  position: relative;
  z-index: 1;
  padding: 72px 64px;
  text-align: center;
}

.ad-brand-heritage-eyebrow {
  font-family: var(--ad-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #86868b;
  margin: 0 0 20px;
}

.ad-brand-heritage-title {
  font-family: var(--ad-font);
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.06;
  color: #f5f5f7;
  margin: 0 0 20px;
}

.ad-brand-heritage-body {
  font-family: var(--ad-font);
  font-size: 17px;
  line-height: 1.68;
  color: #86868b;
  max-width: 480px;
  margin: 0 auto 36px;
}

.ad-brand-heritage-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ad-brand-heritage-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  font-family: var(--ad-font);
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: -0.01em;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.ad-brand-heritage-badge:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.2);
}

.ad-brand-heritage-badge svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

@media (max-width: 1068px) {
  .ad-bento-title {
    font-size: 26px;
  }

  .ad-brand-heritage-title {
    font-size: 40px;
  }
}

@media (max-width: 833px) {
  .ad-brand-bento {
    grid-template-columns: 1fr;
  }

  .ad-bento-card--large {
    min-height: 360px;
  }

  .ad-bento-card--print,
  .ad-bento-card--bond {
    flex-direction: row;
    align-items: center;
    min-height: 140px;
  }

  .ad-bento-card--print .ad-bento-visual,
  .ad-bento-card--bond .ad-bento-visual {
    padding: 20px 0 20px 24px;
    flex: 0 0 auto;
  }

  .ad-bento-card--print .ad-bento-body,
  .ad-bento-card--bond .ad-bento-body {
    padding: 20px 24px;
  }

  .ad-bento-title {
    font-size: 22px;
  }

  .ad-bento-card--print .ad-bento-title,
  .ad-bento-card--bond .ad-bento-title {
    font-size: 18px;
  }

  .ad-brand-heritage-content {
    padding: 52px 28px;
  }

  .ad-brand-heritage-title {
    font-size: 32px;
  }

  .ad-brand-heritage-body {
    font-size: 15px;
  }

  .ad-brand-heritage-badge {
    font-size: 12px;
    padding: 7px 13px;
  }
}

@media (max-width: 600px) {
  .ad-cat-headline {
    font-size: 40px;
    letter-spacing: -0.035em;
  }

  .ad-cat-tile {
    width: 88px;
  }

  .ad-cat-tile-img-wrap {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }

  .ad-cat-tile-icon {
    width: 34px;
    height: 34px;
  }

  .ad-cat-tile-img-wrap img {
    width: 34px;
    height: 34px;
  }

  .ad-feat-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .ad-feat-header {
    padding: 0 16px 18px;
  }

  .ad-feat-headline {
    font-size: 24px;
  }

  .ad-prod-card {
    width: 78vw;
    max-width: 300px;
    height: 430px;
  }

  .ad-prod-scroll {
    padding-left: 16px;
    padding-right: 16px;
    gap: 10px;
  }

  .ad-prod-img-wrap {
    margin: 16px 16px 0;
    border-radius: 12px;
  }

  .ad-prod-img-wrap img {
    border-radius: 12px;
  }

  .ad-prod-info {
    padding: 12px 16px 20px;
    height: 130px;
  }

  .ad-prod-cat {
    font-size: 11px;
  }

  .ad-prod-name {
    font-size: 15px;
    min-height: calc(15px * 1.35 * 2);
  }

  .ad-prod-price {
    font-size: 13px;
  }
}

@media (max-width: 390px) {
  .ad-cat-section {
    padding: 40px 16px 36px;
  }

  .ad-cat-headline {
    font-size: 32px;
  }

  .ad-prod-card {
    width: 82vw;
    height: 400px;
  }

  .ad-prod-info {
    height: 122px;
  }

  .ad-prod-name {
    font-size: 14px;
    min-height: calc(14px * 1.35 * 2);
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   Favori Popup — #urunFavoriV2
══════════════════════════════════════════════════════════════════════════ */

/* Overlay */
#urunFavoriV2.ticimaxModal {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.36) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  padding: 20px !important;
}

/* Modal kart */
#urunFavoriV2 .modal-content {
  width: 420px !important;
  max-width: calc(100vw - 40px) !important;
  background: #ffffff !important;
  border-radius: 24px !important;
  box-shadow:
    0 32px 80px rgba(0, 0, 0, 0.18),
    0 4px 16px rgba(0, 0, 0, 0.08) !important;
  padding: 32px !important;
  position: relative !important;
  overflow: hidden !important;
  border: none !important;
  box-sizing: border-box !important;
}

/* İçerik sarmalayıcı */
#urunFavoriV2 .modal-content-html {
  overflow: visible !important;
}

/* Kapat butonu */
#urunFavoriV2 .modal-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #e8e8ed !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  color: #1d1d1f !important;
  cursor: pointer !important;
  margin: 0 !important;
  transition: background 0.2s ease !important;
  user-select: none !important;
  z-index: 1 !important;
}

#urunFavoriV2 .modal-close:hover {
  background: #d1d1d6 !important;
}

/* Başlık */
#urunFavoriV2 .favoriTitle {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.025em !important;
  margin-bottom: 16px !important;
  padding-right: 40px !important;
  line-height: 1.3 !important;
}

/* Liste öğeleri */
#urunFavoriV2 .detayFavoriListItem {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 11px 14px !important;
  border-radius: 12px !important;
  background: #f5f5f7 !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  font-family: inherit !important;
}

#urunFavoriV2 .detayFavoriListItem button {
  background: #1d1d1f !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  margin-left: 12px !important;
  transition: background 0.2s ease !important;
}

#urunFavoriV2 .detayFavoriListItem button:hover {
  background: #3a3a3c !important;
}

/* Yeni grup bölümü */
#urunFavoriV2 #divGrupOlusturContent {
  margin-top: 16px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  padding-top: 16px !important;
}

#urunFavoriV2 .divGrupOlusturContentBottomError {
  min-height: 20px !important;
  margin-bottom: 6px !important;
}

#urunFavoriV2 #spnHataMesaji {
  font-size: 12px !important;
  color: #d93235 !important;
  font-family: inherit !important;
}

#urunFavoriV2 .divGrupOlusturContentBottom {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

#urunFavoriV2 #txtFavoriGrup {
  width: 100% !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  color: #1d1d1f !important;
  background: #f5f5f7 !important;
  outline: none !important;
  box-sizing: border-box !important;
  display: block !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}

#urunFavoriV2 #txtFavoriGrup:focus {
  border-color: #1d1d1f !important;
  background: #ffffff !important;
}

#urunFavoriV2 #txtFavoriGrup::placeholder {
  color: #86868b !important;
}

#urunFavoriV2 #btnFavoriGrupKaydet {
  width: 100% !important;
  display: block !important;
  background: var(--ad-accent, #d93235) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 13px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease !important;
}

#urunFavoriV2 #btnFavoriGrupKaydet:hover {
  background: #c12b2e !important;
}

@media (max-width: 480px) {
  #urunFavoriV2 .modal-content {
    padding: 24px 20px !important;
    border-radius: 20px !important;
  }

  #urunFavoriV2 .favoriTitle {
    font-size: 16px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   Ticimax Toast Notification — .ticimaxDialogContainer
══════════════════════════════════════════════════════════════════════════ */

@keyframes adToastIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ticimaxDialogContainer {
  position: fixed !important;
  bottom: 28px !important;
  right: 28px !important;
  left: auto !important;
  top: auto !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  width: auto !important;
  max-width: 360px !important;
  min-width: 260px !important;
  animation: adToastIn 0.36s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
}

.ticimaxDialogTxt {
  pointer-events: auto !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.06),
    0 0 0 0.5px rgba(0, 0, 0, 0.06) !important;
  padding: 16px 48px 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  border: none !important;
  cursor: default !important;
}

/* Kalp ikonu — pseudo-element ile */
.ticimaxDialogTxt::before {
  content: '♥' !important;
  font-size: 18px !important;
  color: var(--ad-accent, #d93235) !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

.ticimaxDialogTxt p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.015em !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Kapat butonu */
.tici-noty-notification-close-btn {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #f0f0f2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  color: #6e6e73 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.18s ease, color 0.18s ease !important;
  font-style: normal !important;
}

.tici-noty-notification-close-btn:hover {
  background: #e0e0e5 !important;
  color: #1d1d1f !important;
}

/* info / success / error renk varyantları */
.ticimaxDialog-info {
  border-left: none !important;
}

.ticimaxDialog-success::before {
  color: #34c759 !important;
}

.ticimaxDialog-error::before {
  content: '!' !important;
  color: #d93235 !important;
}

@media (max-width: 480px) {
  .ticimaxDialogContainer {
    bottom: 16px !important;
    right: 16px !important;
    left: 16px !important;
    max-width: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   Sepete Ekle Dialog — .ticimaxDialogContainer.dialogSiparis
   Gerçek Ticimax HTML yapısına göre Apple-style override
   HTML: backdrop > .ticimaxDialogTxt > (a.close + p + div#txnoty_confirm > .ticiNotyBtn×2)
══════════════════════════════════════════════════════════════════════════ */

@keyframes adDialogBackdropIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes adDialogCardIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* ── dialogSiparis varken genel toast'u gizle ── */
body:has(.ticimaxDialogContainer.dialogSiparis) .ticimaxDialogContainer:not(.dialogSiparis) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ── Backdrop ── */
.ticimaxDialogContainer.dialogSiparis {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  background: rgba(0, 0, 0, 0.36) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  z-index: 9999999 !important;
  pointer-events: auto !important;
  animation: adDialogBackdropIn 0.22s ease both !important;
}

/* ── Ana kart — backdrop ile aynı anda başlar, delay yok ── */
.ticimaxDialogContainer.dialogSiparis .ticimaxDialogTxt {
  position: relative !important;
  width: 100% !important;
  max-width: 400px !important;
  pointer-events: auto !important;
  background: #f5f5f7 !important;
  border-radius: 20px !important;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.04),
    0 12px 32px rgba(0, 0, 0, 0.12),
    0 40px 80px rgba(0, 0, 0, 0.10) !important;
  border: none !important;
  padding: 32px 28px 28px !important;
  overflow: hidden !important;
  cursor: default !important;
  animation: adDialogCardIn 0.38s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

/* Kart pseudo — sıfırla */
.ticimaxDialogContainer.dialogSiparis .ticimaxDialogTxt::before,
.ticimaxDialogContainer.dialogSiparis .ticimaxDialogTxt::after {
  display: none !important;
  content: none !important;
}

/* ── Mesaj metni — <p> ── */
.ticimaxDialogContainer.dialogSiparis .ticimaxDialogTxt>p {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  letter-spacing: -0.02em !important;
  line-height: 1.4 !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}

/* ── Buton container — div#txnoty_confirm_* ── */
.ticimaxDialogContainer.dialogSiparis [id^="txnoty_confirm"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Paylaşılan buton stilleri ── */
.ticimaxDialogContainer.dialogSiparis .ticiNotyBtn {
  display: block !important;
  width: 100% !important;
  padding: 13px 20px !important;
  border-radius: 12px !important;
  border: none !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: opacity 0.18s ease !important;
  box-sizing: border-box !important;
}

.ticimaxDialogContainer.dialogSiparis .ticiNotyBtn:hover {
  opacity: 0.85 !important;
}

/* ── Siparişi Tamamla — marka rengi ── */
.ticimaxDialogContainer.dialogSiparis .ticiNotyBtn.ticiNotyBtnConfirm {
  background: #d93235 !important;
  color: #ffffff !important;
  order: -1 !important;
}

.ticimaxDialogContainer.dialogSiparis .ticiNotyBtn.ticiNotyBtnConfirm:hover {
  background: #c12b2e !important;
  opacity: 1 !important;
}

/* ── Alışverişe Devam — ikincil/nötr ── */
.ticimaxDialogContainer.dialogSiparis .ticiNotyBtn.ticiNotyBtnCancel {
  background: rgba(0, 0, 0, 0.07) !important;
  color: #3a3a3c !important;
}

.ticimaxDialogContainer.dialogSiparis .ticiNotyBtn.ticiNotyBtnCancel:hover {
  background: rgba(0, 0, 0, 0.12) !important;
  opacity: 1 !important;
}

/* ── Kapatma butonu — koyu daire, sağ üst ── */
.ticimaxDialogContainer.dialogSiparis .tici-noty-notification-close-btn {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  transform: none !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.72) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.18s ease !important;
  font-style: normal !important;
  z-index: 2 !important;
}

.ticimaxDialogContainer.dialogSiparis .tici-noty-notification-close-btn:hover {
  background: rgba(0, 0, 0, 0.90) !important;
}

/* ── Mobil ── */
@media (max-width: 600px) {
  .ticimaxDialogContainer.dialogSiparis {
    padding: 0 !important;
    align-items: flex-end !important;
  }

  .ticimaxDialogContainer.dialogSiparis .ticimaxDialogTxt {
    max-width: 100% !important;
    /* border-radius: 20px 20px 0 0 !important; */
    padding: 28px 24px 36px !important;
    margin-left: 25px;
    margin-right: 25px;
  }
}

/* ADDITIONAL BRAND CARDS */
/* Biowhiten - Cyan / White theme */
.ad-brand-cat-card--whitening .ad-brand-cat-visual {
  background: #dff6f5;
  color: #0a8f89;
}

.ad-brand-cat-card--home .ad-brand-cat-visual {
  background: #f0fdfc;
  color: #1fcedd;
}

.ad-brand-cat-card--care .ad-brand-cat-visual {
  background: #005f73;
  color: #ffffff;
}

/* Deppeler - Metallic / Red theme */
.ad-brand-cat-card--perio .ad-brand-cat-visual {
  background: #2f343a;
  color: #ffffff;
}

.ad-brand-cat-card--resto .ad-brand-cat-visual {
  background: #e02424;
  color: #ffffff;
}

.ad-brand-cat-card--diag .ad-brand-cat-visual {
  background: #ebeced;
  color: #202428;
}

.ad-brand-cat-card--surg .ad-brand-cat-visual {
  background: #18191a;
  color: #ffffff;
}

/* SurgiMac - Surgical Blue / Dark */
.ad-brand-cat-card--surginst .ad-brand-cat-visual {
  background: #0a3055;
  color: #ffffff;
}

.ad-brand-cat-card--infect .ad-brand-cat-visual {
  background: #1352a1;
  color: #ffffff;
}

.ad-brand-cat-card--dispos .ad-brand-cat-visual {
  background: #f0f4f8;
  color: #0a3055;
}

.ad-brand-cat-card--ortho .ad-brand-cat-visual {
  background: #1d2b38;
  color: #ffffff;
}

/* Dentsay - Deep Gold / Purple or elegant Teal */
.ad-brand-cat-card--rotary .ad-brand-cat-visual {
  background: #37284b;
  color: #ecdba3;
}

.ad-brand-cat-card--clinicals .ad-brand-cat-visual {
  background: #5d4875;
  color: #ffffff;
}

.ad-brand-cat-card--endo .ad-brand-cat-visual {
  background: #ebecf0;
  color: #37284b;
}


/*CATEGORIES*/





/*PROD-DETAIL*/


:root {
  --ad-pd-bg-color: #ffffff;
  --ad-pd-text-primary: #2b2a29;
  --ad-pd-text-secondary: #86868b;
  --ad-pd-accent-brand: #e31e24;
  --ad-pd-border-color: #d2d2d7;
  --ad-pd-card-hover-border: #86868b;
  --ad-pd-sidebar-width: 400px;
  --ad-pd-transition-speed: 0.3s;
  --ad-pd-info-surface: #fafafa;
  --ad-pd-info-surface-2: #ffffff;
  --ad-pd-info-ink: #2b2a29;
  --ad-pd-info-ink-muted: #424245;
  --ad-pd-info-ink-soft: #6e6e73;
  --ad-pd-info-accent-soft: rgba(227, 30, 36, 0.14);
  --ad-pd-info-prose-max: 42rem;
}

.ad-prod-detail-wrapper * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ad-prod-detail-wrapper {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--ad-pd-bg-color);
  color: var(--ad-pd-text-primary);
  line-height: 1.47059;
  font-weight: 400;
  letter-spacing: -.022em;
}

.ad-prod-detail-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px;
}

.ad-prod-detail-content {
  display: grid;
  grid-template-columns: 1fr var(--ad-pd-sidebar-width);
  grid-template-areas:
    "gallery sidebar"
    "info sidebar";
  gap: 60px;
  margin-top: 40px;
  align-items: flex-start;
}

.ad-prod-detail-gallery-section {
  grid-area: gallery;
}

.ad-prod-detail-info-sections {
  grid-area: info;
}

.ad-prod-detail-left-column {
  display: contents;
}

.ad-prod-detail-gallery-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ad-prod-detail-gallery-container {
  width: 100%;
  background-color: #f6f6f6;
  border-radius: 30px;
  position: relative;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ad-prod-detail-gallery-image {
  max-width: 90%;
  max-height: 85%;
  object-fit: contain;
  transition: opacity 0.3s ease-in-out;
}

.ad-prod-detail-thumbnail-row {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.ad-prod-detail-thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  background-color: #f6f6f6;
  padding: 8px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.2s, background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad-prod-detail-thumbnail:hover {
  background-color: #ececec;
}

.ad-prod-detail-thumbnail.ad-prod-detail-active {
  border-color: var(--ad-pd-accent-brand);
  background-color: #fff;
}

.ad-prod-detail-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.ad-prod-detail-info-sections {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* ─────────────────────────────────────────────
       ULTRA PREMIUM FEATURE CARD
    ───────────────────────────────────────────── */

.ad-prod-detail-feature-card {
  position: relative;
  background: linear-gradient(160deg, #ffffff 0%, #faf9f7 55%, #f5f4f1 100%);
  border-radius: 40px;
  padding: clamp(52px, 6.5vw, 96px) clamp(44px, 5.5vw, 80px);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 -1px 0 rgba(0, 0, 0, 0.03) inset,
    0 2px 4px rgba(0, 0, 0, 0.03),
    0 12px 24px -8px rgba(0, 0, 0, 0.06),
    0 40px 80px -24px rgba(0, 0, 0, 0.09),
    0 64px 120px -40px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.5s ease, transform 0.5s ease;
}

/* Top shimmer */
.ad-prod-detail-feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.95) 25%,
      rgba(255, 255, 255, 0.95) 75%,
      transparent 100%);
  pointer-events: none;
}

/* Bottom accent glow */
.ad-prod-detail-feature-card::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 20%;
  right: 20%;
  height: 2px;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(227, 30, 36, 0.18) 30%,
      rgba(227, 30, 36, 0.28) 50%,
      rgba(227, 30, 36, 0.18) 70%,
      transparent 100%);
  border-radius: 0 0 40px 40px;
  pointer-events: none;
}

.ad-prod-detail-feature-card:hover {
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 1) inset,
    0 -1px 0 rgba(0, 0, 0, 0.04) inset,
    0 4px 8px rgba(0, 0, 0, 0.04),
    0 16px 32px -8px rgba(0, 0, 0, 0.08),
    0 56px 96px -28px rgba(0, 0, 0, 0.11),
    0 80px 140px -48px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

/* Divider between two content sections */
.ad-prod-detail-feature-divider {
  height: 1px;
  margin: clamp(40px, 5vw, 64px) 0;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(0, 0, 0, 0.07) 15%,
      rgba(0, 0, 0, 0.09) 50%,
      rgba(0, 0, 0, 0.07) 85%,
      transparent 100%);
  position: relative;
}

.ad-prod-detail-feature-divider::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.9) 30%,
      rgba(255, 255, 255, 0.9) 70%,
      transparent 100%);
}

.ad-prod-detail-feature-content {
  max-width: 100%;
}

.ad-prod-detail-feature-text {
  font-size: 1.0625rem;
  font-weight: 400;
  color: var(--ad-pd-info-ink-muted);
  line-height: 1.72;
  letter-spacing: -0.012em;
  max-width: var(--ad-pd-info-prose-max);
}

.ad-prod-detail-feature-text .left_line,
.ad-prod-detail-feature-text .teksatir {
  display: block;
  max-width: none;
}

/* ── Heading Scales ─────────────────────── */

.ad-prod-detail-feature-card h1 {
  font-size: clamp(2.625rem, 5.5vw, 4.5rem);
  font-weight: 200;
  letter-spacing: -0.048em;
  line-height: 1.05;
  color: #111110;
  margin: 0 0 1.75rem;
  font-optical-sizing: auto;
}

.ad-prod-detail-feature-card h2 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 200;
  letter-spacing: -0.04em;
  line-height: 1.08;
  color: #1a1918;
  margin: 0 0 1.5rem;
  font-optical-sizing: auto;
}

.ad-prod-detail-feature-card h3 {
  font-size: clamp(1.5rem, 2.8vw, 2.25rem);
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.14;
  color: #1d1d1b;
  margin: 0 0 1.25rem;
}

.ad-prod-detail-feature-card h4 {
  font-size: clamp(1.125rem, 1.8vw, 1.5rem);
  font-weight: 400;
  letter-spacing: -0.022em;
  line-height: 1.22;
  color: #2b2a29;
  margin: 0 0 1rem;
}

.ad-prod-detail-feature-card h5 {
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  line-height: 1.3;
  color: #2b2a29;
  margin: 0 0 0.875rem;
}

.ad-prod-detail-feature-card h6 {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--ad-pd-accent-brand);
  margin: 0 0 1rem;
}

/* Headings that follow other content get top breathing room */
.ad-prod-detail-feature-card *+h1,
.ad-prod-detail-feature-card *+h2,
.ad-prod-detail-feature-card *+h3 {
  margin-top: 2.75rem;
}

.ad-prod-detail-feature-card *+h4,
.ad-prod-detail-feature-card *+h5,
.ad-prod-detail-feature-card *+h6 {
  margin-top: 2rem;
}

/* ── Tag / Label ────────────────────────── */

.ad-prod-detail-feature-tag {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ad-pd-accent-brand);
  margin: 0 0 0.875rem;
  display: block;
  line-height: 1.3;
}

.ad-prod-detail-feature-text>.ad-prod-detail-feature-tag~.ad-prod-detail-feature-tag,
.ad-prod-detail-feature-text>ul~.ad-prod-detail-feature-tag,
.ad-prod-detail-feature-text>p~.ad-prod-detail-feature-tag {
  margin-top: 2.5rem;
  padding-top: 2.25rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.ad-prod-detail-feature-title {
  font-size: clamp(1.75rem, 3vw, 2.625rem);
  font-weight: 200;
  line-height: 1.1;
  letter-spacing: -0.038em;
  margin: 0 0 1.375rem;
  color: #111110;
}

/* ── Body Text ──────────────────────────── */

.ad-prod-detail-feature-content p {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.75;
  color: #424245;
  letter-spacing: -0.012em;
  margin: 0 0 1.25rem;
  max-width: var(--ad-pd-info-prose-max);
}

.ad-prod-detail-feature-content p:last-child {
  margin-bottom: 0;
}

.ad-prod-detail-feature-content>.ad-prod-detail-feature-text>p:first-of-type,
.ad-prod-detail-feature-content .ad-prod-detail-feature-title+p {
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.75;
  color: #424245;
  letter-spacing: -0.012em;
}

/* ── Lists ──────────────────────────────── */

.ad-prod-detail-feature-content ul {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
  max-width: var(--ad-pd-info-prose-max);
}

.ad-prod-detail-feature-content ul:last-child {
  margin-bottom: 0;
}

.ad-prod-detail-feature-content li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.9rem;
  font-size: 1.03125rem;
  font-weight: 400;
  line-height: 1.68;
  color: #424245;
  letter-spacing: -0.011em;
}

.ad-prod-detail-feature-content li:last-child {
  margin-bottom: 0;
}

.ad-prod-detail-feature-content li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ad-pd-accent-brand);
  opacity: 0.8;
  box-shadow: 0 0 0 3px var(--ad-pd-info-accent-soft);
}

.ad-prod-detail-feature-content li.ad-prod-detail-feature-text {
  padding-left: 1.25rem;
}

.ad-prod-detail-feature-content strong {
  font-weight: 600;
  color: var(--ad-pd-info-ink);
  letter-spacing: -0.02em;
}

.ad-prod-detail-feature-text>strong {
  display: block;
  margin-top: 2rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.55;
  color: var(--ad-pd-info-ink);
  letter-spacing: -0.018em;
  max-width: var(--ad-pd-info-prose-max);
}

/* ── Images — Ultra Premium ─────────────── */

.ad-prod-detail-feature-card img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 24px;
  object-fit: contain;
  margin: 2.5rem 0;
  background: #f2f1ef;
  transition:
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.5s ease,
    filter 0.5s ease;
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.04),
    0 8px 16px -4px rgba(0, 0, 0, 0.07),
    0 24px 48px -16px rgba(0, 0, 0, 0.1),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  filter: saturate(0.96) brightness(1.01);
}

.ad-prod-detail-feature-card img:hover {
  transform: scale(1.018) translateY(-6px);
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.05),
    0 16px 32px -8px rgba(0, 0, 0, 0.1),
    0 40px 80px -24px rgba(0, 0, 0, 0.14),
    0 0 0 1px rgba(0, 0, 0, 0.06);
  filter: saturate(1.02) brightness(1.02);
}

.ad-prod-detail-feature-image-container {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: #f2f1ef;
  margin: 2.5rem 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow:
    0 8px 16px -4px rgba(0, 0, 0, 0.07),
    0 24px 48px -16px rgba(0, 0, 0, 0.1);
}

.ad-prod-detail-feature-image {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.ad-prod-detail-feature-card:hover .ad-prod-detail-feature-image {
  transform: scale(1.025);
}

/* ── Scroll Reveal — Feature Card ──────────── */

.ad-fc-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.72s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.72s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: var(--ad-fc-delay, 0ms);
  will-change: opacity, transform;
}

.ad-fc-reveal-heading {
  opacity: 0;
  transform: translateY(32px);
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--ad-fc-delay, 0ms);
  will-change: opacity, transform;
}

.ad-fc-reveal-img {
  opacity: 0;
  transform: translateY(18px) scale(0.982);
  transition:
    opacity 0.95s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.95s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: var(--ad-fc-delay, 0ms);
  will-change: opacity, transform;
}

.ad-fc-reveal.is-visible,
.ad-fc-reveal-heading.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ad-fc-reveal-img.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.ad-prod-detail-specs-section {
  padding: 40px 0;
}

.ad-prod-detail-specs-title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 30px;
  color: #2b2a29;
}

.ad-prod-detail-specs-grid {
  border-top: 1px solid #e5e5e5;
}

.ad-prod-detail-specs-row {
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid #e5e5e5;
}

.ad-prod-detail-specs-label {
  width: 30%;
  font-weight: 600;
  font-size: 15px;
  color: #2b2a29;
}

.ad-prod-detail-specs-value {
  width: 70%;
  font-size: 15px;
  color: #4b4b4b;
  line-height: 1.5;
}

.ad-prod-detail-sidebar {
  grid-area: sidebar;
  align-self: stretch;
  width: var(--ad-pd-sidebar-width);
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
}

.ad-prod-detail-sidebar-card {
  background-color: #fff;
  border: 1px solid var(--ad-pd-border-color);
  border-radius: 24px;
  padding: 25px;
}

.ad-prod-detail-accessories-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #b0b0b0;
  margin-bottom: 10px;
}

.ad-prod-detail-accessory-item {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.ad-prod-detail-accessory-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ad-prod-detail-accessory-grid>div {
  flex: 1 1 auto;
  min-width: 0;
}

.ad-prod-detail-accessory-text {
  font-size: 12px;
  color: #6e6e73;
  line-height: 1.6;
}

.ad-prod-detail-accessory-text p {
  margin: 0 0 6px;
}

.ad-prod-detail-accessory-text p:last-child {
  margin-bottom: 0;
}

.ad-prod-detail-accessory-text a {
  display: inline-block;
  background: rgba(217, 50, 53, 0.07);
  border-radius: 8px;
  padding: 4px 12px;
  color: #d93235;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  transition: background 0.2s;
}

.ad-prod-detail-accessory-text a:hover {
  background: rgba(217, 50, 53, 0.13);
  text-decoration: none;
}

.ad-acc-divider {
  display: none;
}

.ad-prod-detail-sidebar-sticky {
  position: sticky;
  top: 50px;
  z-index: 11;
}

.ad-prod-detail-sidebar-brand {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.ad-prod-detail-sidebar-brand svg {
  width: 24px;
  height: 24px;
}

.ad-prod-detail-sidebar-title {
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 15px 0;
  color: #2b2a29;
  line-height: 1.2;
}

.ad-prod-detail-sidebar-desc {
  font-size: 15px;
  color: #4b4b4b;
  line-height: 1.5;
  margin-bottom: 16px;
}

.ad-prod-detail-box-contents {
  margin-bottom: 25px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.ad-prod-detail-box-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #b0b0b0;
  margin-bottom: 6px;
}

.ad-prod-detail-box-text {
  font-size: 12px;
  color: #9a9895;
  line-height: 1.6;
}

.ad-prod-detail-box-text p,
.ad-prod-detail-box-text ul,
.ad-prod-detail-box-text ol {
  margin: 0 0 4px;
}

.ad-prod-detail-box-text li {
  margin: 0;
}

.ad-prod-detail-sidebar-divider {
  height: 1px;
  background-color: #e5e5e5;
  margin-bottom: 25px;
}

.ad-prod-detail-sidebar-price-container {
  margin-bottom: 20px;
}

.ad-prod-detail-sidebar-price {
  margin-bottom: 4px;
}

.ad-prod-detail-sidebar-price .left_line {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #4b4b4b;
  margin-right: 8px;
  vertical-align: middle;
}

.ad-prod-detail-sidebar-price .center_line {
  display: none;
}

.ad-prod-detail-sidebar-price .right_line {
  display: inline-block;
  vertical-align: middle;
}

.ad-prod-detail-sidebar-price .right_line .spanFiyat {
  font-size: 24px;
  font-weight: 700;
  color: #2b2a29;
}

.ad-prod-detail-sidebar-payment-info {
  font-size: 14px;
  color: #2b2a29;
  display: flex;
  align-items: center;
  gap: 4px;
}

.ad-prod-detail-sidebar-payment-info b {
  font-weight: 700;
}

.ad-prod-detail-sidebar-payment-info-icon {
  width: 14px;
  height: 14px;
  border: 1.2px solid #2b2a29;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
}

.ad-prod-detail-sidebar-heading {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #2b2a29;
}

.ad-prod-detail-selected-variant-label {
  font-size: 11px;
  font-weight: 400;
  color: #86868b;
  margin-left: 8px;
  text-transform: lowercase;
  letter-spacing: 0;
}

.ad-prod-detail-sidebar-features {
  list-style: none;
  margin-bottom: 25px;
}

.ad-prod-detail-sidebar-features li {
  font-size: 15px;
  color: #2b2a29;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}

.ad-prod-detail-sidebar-features li::before {
  content: "•";
  font-size: 20px;
  line-height: 1;
}

.ad-prod-detail-shade-selection {
  margin-bottom: 30px;
}

.ad-prod-detail-shade-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 15px;
}

.ad-prod-detail-shade-item {
  border: 1px solid #d2d2d7;
  border-radius: 10px;
  padding: 10px 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background-color: #fff;
  min-height: 54px;
  justify-content: center;
}

.ad-prod-detail-shade-item:hover {
  border-color: #86868b;
  transform: translateY(-2px);
}

.ad-prod-detail-shade-item.ad-prod-detail-active {
  border: 2px solid #2b2a29;
  padding: 9px 3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.ad-prod-detail-shade-name {
  font-size: 13px;
  font-weight: 700;
  color: #2b2a29;
}

.shade-a1 {
  background-color: #fcf4f0;
}

.shade-a2 {
  background-color: #fdf1e3;
}

.shade-a2-op {
  background-color: #ebd39d;
}

.shade-a3 {
  background-color: #fdead9;
}

.shade-a3-op {
  background-color: #d9bf86;
}

.shade-a35-b4 {
  background-color: #d6b474;
}

.shade-a4 {
  background-color: #d7b370;
}

.shade-b1 {
  background-color: #dedcbf;
}

.shade-b2 {
  background-color: #dbcc93;
}

.shade-b3 {
  background-color: #dbbf7d;
}

.shade-c2 {
  background-color: #d4c594;
}

.shade-c3 {
  background-color: #ccb681;
}

.shade-c4 {
  background-color: #c2a56e;
}

.shade-d3 {
  background-color: #d6bf8d;
}

.shade-rb {
  background-color: #c49d6a;
}

.shade-it {
  background-color: #d9d4ca;
}

.shade-sw {
  background-color: #ffffff;
}

.shade-sw-plus {
  background-color: #ffffff;
}

.shade-bright {
  background-color: #F9F8E2;
}

.shade-classic {
  background-color: #FAEAC1;
}

.shade-warm {
  background-color: #E3BD5F;
}

.shade-diamond-crystal {
  background-color: #ffffff;
}

.shade-shimmershell {
  background-color: #a3ffff;
}

.shade-ruby {
  background-color: #f07c7c;
}

.shade-aqua-marine {
  background-color: #9fbeff;
}

.shade-saphire {
  background-color: #ffdaa4;
}

.shade-yellow {
  background-color: #d9b366;
}

.shade-brown {
  background-color: #b0958a;
}

.shade-grey {
  background-color: #afb0ac;
}

.shade-blue {
  background-color: #a8bacb;
}

.shade-red {
  background-color: #bf7f88;
}

.shade-incisal {
  background-color: #d9dbba;
}

.shade-ia {
  background-color: #d7dbd3;
}

.shade-ib {
  background-color: #d7dbd4;
}

.ad-prod-detail-login-prompt {
  font-size: 14px;
  color: #4b4b4b;
  line-height: 1.6;
  margin-bottom: 20px;
  padding: 14px 16px;
  background-color: #f5f5f7;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
}

.ad-prod-detail-login-prompt a {
  color: var(--ad-pd-accent-brand);
  font-weight: 600;
  text-decoration: none;
}

.ad-prod-detail-login-prompt a:hover {
  text-decoration: underline;
}

.ad-prod-detail-sidebar-actions.ad-prod-detail-actions-disabled {
  opacity: 0.4;
  pointer-events: none;
  user-select: none;
}

.ad-prod-detail-sidebar-availability {
  margin-bottom: 20px;
}

.ad-prod-detail-sidebar-availability-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #2b2a29;
  margin-bottom: 8px;
}

.ad-prod-detail-sidebar-availability-item b {
  color: var(--ad-pd-accent-brand);
}

.ad-prod-detail-sidebar-availability-item a {
  color: var(--ad-pd-accent-brand);
  text-decoration: none;
  font-weight: 500;
}

.ad-prod-detail-sidebar-availability-item a:hover {
  text-decoration: underline;
}

.ad-prod-detail-sidebar-availability-item svg {
  width: 18px;
  height: 18px;
  color: #4b4b4b;
}

.ad-prod-detail-quantity-wrapper {
  display: flex;
  align-items: center;
  background-color: #f5f5f7;
  border: 1px solid #d2d2d7;
  border-radius: 28px;
  height: 56px;
  padding: 0 4px;
  flex-shrink: 0;
}

.ad-prod-detail-qty-btn {
  background: none;
  border: none;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #2b2a29;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.ad-prod-detail-qty-btn:hover {
  background-color: #e8e8ed;
}

.ad-prod-detail-qty-btn svg {
  width: 16px;
  height: 16px;
}

.ad-prod-detail-qty-value {
  font-size: 16px;
  font-weight: 600;
  width: 40px;
  text-align: center;
  color: #2b2a29;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: inherit;
}

.ad-prod-detail-qty-value::-webkit-inner-spin-button,
.ad-prod-detail-qty-value::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

@keyframes addToBagPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.97);
    background-color: #d1000f;
  }

  100% {
    transform: scale(1);
  }
}

.ad-prod-detail-add-to-bag.variant-selected-pulse {
  animation: addToBagPulse 0.3s ease-out;
}


.ad-prod-detail-add-to-bag {
  flex: 1;
  padding: 16px 0;
  background-color: var(--ad-pd-accent-brand);
  color: #fff;
  border: none;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.2s;
}

.ad-prod-detail-add-to-bag:hover {
  background-color: #c41a20;
}

.ad-prod-detail-favorite-btn {
  width: 56px;
  height: 56px;
  border-radius: 28px;
  background-color: #f5f5f7;
  border: 1px solid #d2d2d7;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #2b2a29;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.ad-prod-detail-favorite-btn:hover {
  background-color: #e8e8ed;
  color: #e31e24;
  border-color: #c6c6c8;
}

.ad-prod-detail-favorite-btn.active {
  border-color: #e31e24;
}

.ad-prod-detail-favorite-btn.active svg {
  fill: #e31e24;
  color: #e31e24;
}

.ad-prod-detail-favorite-btn svg {
  width: 24px;
  height: 24px;
  transition: transform 0.2s ease, fill 0.2s ease, color 0.2s ease;
}

.ad-prod-detail-favorite-btn:active svg {
  transform: scale(0.9);
}

.ad-prod-detail-sidebar-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.ad-prod-detail-sidebar-whatsapp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  padding: 5px 0;
  transition: opacity 0.2s;
  margin-top: 0;
}

.ad-prod-detail-sidebar-whatsapp:hover {
  opacity: 0.8;
  transform: none;
}

.ad-prod-detail-whatsapp-title {
  font-size: 11px;
  font-weight: 500;
  color: #86868b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}

.ad-prod-detail-whatsapp-subtitle {
  font-size: 15px;
  color: #25D366;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}

.ad-prod-detail-whatsapp-icon {
  width: 18px;
  height: 18px;
}

.ad-prod-detail-sidebar-footer-links {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.ad-prod-detail-sidebar-footer-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #4b4b4b;
}

.ad-prod-detail-sidebar-footer-item svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 1068px) {
  .ad-prod-detail-content {
    grid-template-columns: 1fr;
    grid-template-areas:
      "gallery"
      "sidebar"
      "info";
    gap: 40px;
  }

  .ad-prod-detail-sidebar {
    width: 100%;
  }

  .ad-prod-detail-gallery-container {
    height: 500px;
  }

  .ad-prod-detail-sidebar-sticky {
    position: relative;
    top: 0;
  }
}

@media (max-width: 768px) {
  .ad-prod-detail-container {
    padding: 15px;
  }

  .ad-prod-detail-gallery-container {
    height: 350px;
    border-radius: 20px;
  }

  .ad-prod-detail-sidebar-title {
    font-size: 26px;
    margin-bottom: 10px;
  }

  .ad-prod-detail-feature-card {
    padding: clamp(32px, 6vw, 44px) clamp(26px, 5vw, 36px);
    border-radius: 28px;
  }

  .ad-prod-detail-feature-card h1 {
    font-size: clamp(2rem, 8vw, 2.75rem);
  }

  .ad-prod-detail-feature-card h2 {
    font-size: clamp(1.625rem, 6.5vw, 2.25rem);
  }

  .ad-prod-detail-feature-card h3 {
    font-size: clamp(1.3rem, 5.5vw, 1.75rem);
  }

  .ad-prod-detail-feature-title {
    font-size: clamp(1.5rem, 6vw, 1.875rem);
    letter-spacing: -0.03em;
  }

  .ad-prod-detail-feature-divider {
    margin: clamp(28px, 5vw, 40px) 0;
  }

  .ad-prod-detail-feature-text>.ad-prod-detail-feature-tag~.ad-prod-detail-feature-tag,
  .ad-prod-detail-feature-text>ul~.ad-prod-detail-feature-tag,
  .ad-prod-detail-feature-text>p~.ad-prod-detail-feature-tag {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
  }

  .ad-prod-detail-feature-content p,
  .ad-prod-detail-feature-content li,
  .ad-prod-detail-feature-text {
    font-size: 1rem;
  }

  .ad-prod-detail-feature-content>.ad-prod-detail-feature-text>p:first-of-type,
  .ad-prod-detail-feature-content .ad-prod-detail-feature-title+p {
    font-size: 1.0625rem;
  }

  .ad-prod-detail-feature-card img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 18px;
    margin: 1.75rem 0;
  }

  .ad-prod-detail-specs-row {
    flex-direction: column;
    gap: 4px;
  }

  .ad-prod-detail-specs-label,
  .ad-prod-detail-specs-value {
    width: 100%;
  }
}

/*PROD-DETAIL*/







/*HEADER*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ===== Ticimax native header — completely hidden, data source only ===== */
#header,
#header.homeHeader,
.homeHeader,
.navigation,
#divTopProductSearch,
.searchContent,
.usernav,
#lang_flag_container,
.yanResimliMenu,
#divHeaderCart,
#divMemberPanel,
.welcome {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(100%) !important;
}

/* ===================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --ad-color-bg: rgba(255, 255, 255, 0.92);
  --ad-color-bg-solid: #ffffff;
  --ad-color-bg-flyout: rgba(255, 255, 255, 0.96);
  --ad-color-accent: #d93235;
  --ad-color-label: rgb(0 0 0 / 80%);
  --ad-color-label-muted: rgb(0 0 0 / 48%);
  --ad-color-label-bright: rgb(0 0 0 / 80%);
  --ad-color-separator: rgba(0, 0, 0, 0.10);
  --ad-nav-height: 44px;
  --ad-content-width: 980px;
  --ad-flyout-transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: #ffffff;
}

.ad-source-menu-hidden {
  display: none !important;
}

#ad-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2147483647;
  height: var(--ad-nav-height);
  background-color: #ffffff;
  border-bottom: none;
  transition: background-color 0.3s ease;
}

#ad-header.ad-header--menu-open {
  background-color: var(--ad-color-bg-solid);
}

.ad-header-content {
  max-width: var(--ad-content-width);
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: var(--ad-nav-height);
  padding: 0 22px;
  position: relative;
}

.ad-header-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--ad-nav-height);
  margin-right: 16px;
}

/* Ticimax #hb-logo.flex-col.logo ile aynı iskelet; tek satır barda yatay hizalama */
#hb-logo.ad-header-logo.flex-col {
  flex-direction: row;
}

.ad-header-logo-link {
  display: flex;
  align-items: center;
  height: var(--ad-nav-height);
  color: var(--ad-color-label-bright);
  text-decoration: none;
  opacity: 0.85;
  transition: opacity 0.15s ease;
}

.ad-header-logo-link:hover {
  opacity: 1;
}

.ad-header-logo-link img {
  height: 12px;
  width: auto;
  display: block;
}

.ad-header-nav {
  display: flex;
  list-style: none;
  flex: 1;
  align-items: center;
  height: var(--ad-nav-height);
  justify-content: flex-start;
  gap: 0;
}

.ad-header-nav-item {
  display: flex;
  align-items: center;
  height: var(--ad-nav-height);
  position: relative;
}

.ad-header-nav-link {
  display: flex;
  align-items: center;
  height: var(--ad-nav-height);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  color: var(--ad-color-label);
  text-decoration: none;
  letter-spacing: -0.01em;
  white-space: nowrap;
  transition: color 0.15s ease, opacity 0.15s ease;
  cursor: pointer;
  background: none;
  border: none;
  font-family: inherit;
  line-height: var(--ad-nav-height);
}

.ad-header-nav-link:hover,
.ad-header-nav-link.ad-active {
  color: var(--ad-color-label-bright);
}

.ad-header-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--ad-nav-height);
  gap: 0;
  margin-left: 8px;
}

.ad-header-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: var(--ad-nav-height);
  color: var(--ad-color-label);
  text-decoration: none;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: color 0.15s ease;
}

.ad-header-icon-link:hover {
  color: var(--ad-color-label-bright);
}

.ad-header-icon-link svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.ad-cart-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.ad-cart-badge {
  display: none;
  position: absolute;
  top: 6px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #1d1d1f;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 980px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
}

.ad-cart-badge.ad-badge--visible {
  display: flex;
}

.ad-cart-flyout {
  position: fixed;
  top: var(--ad-nav-height);
  left: 50%;
  width: 100vw;
  background-color: #ffffff;
  z-index: 2147483646;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-6px);
  transition: opacity var(--ad-flyout-transition), transform var(--ad-flyout-transition);
}

.ad-cart-flyout.ad-cart--open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.ad-cart-inner {
  max-width: var(--ad-content-width);
  margin: 0 auto;
  padding: 32px 22px 36px;
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 0 48px;
  align-items: start;
}

.ad-cart-left {}

.ad-cart-right {}

.ad-cart-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 20px;
}

.ad-cart-title {
  font-size: 20px;
  font-weight: 600;
  color: rgb(0 0 0 / 88%);
  letter-spacing: -0.03em;
}

.ad-cart-count {
  font-size: 12px;
  font-weight: 400;
  color: rgb(0 0 0 / 36%);
}

.ad-cart-items {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.ad-cart-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.ad-cart-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.ad-cart-item-thumb {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 10px;
  background: #f5f5f7;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.15s ease;
}

.ad-cart-item-thumb:hover {
  opacity: 0.7;
}

.ad-cart-item-thumb svg {
  width: 24px;
  height: 24px;
  fill: #c8c8cc;
}

.ad-cart-item-info {
  flex: 1;
  min-width: 0;
}

.ad-cart-item-brand {
  font-size: 10px;
  font-weight: 500;
  color: rgb(0 0 0 / 32%);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.ad-cart-item-name {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: rgb(0 0 0 / 82%);
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-decoration: none;
  transition: color 0.12s ease;
}

.ad-cart-item-name:hover {
  color: var(--ad-color-accent);
}

.ad-cart-item-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.ad-cart-item-qty {
  font-size: 12px;
  color: rgb(0 0 0 / 40%);
}

.ad-cart-item-price {
  font-size: 12px;
  font-weight: 500;
  color: rgb(0 0 0 / 48%);
  letter-spacing: -0.01em;
}

.ad-cart-more {
  font-size: 11px;
  color: rgb(0 0 0 / 32%);
  display: block;
  padding: 10px 0 0;
  letter-spacing: -0.01em;
}

.ad-cart-summary {
  background: rgba(0, 0, 0, 0.025);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 16px;
}

.ad-cart-review-btn {
  display: none;
}

.ad-cart-total-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
}

.ad-cart-total-label {
  font-size: 12px;
  font-weight: 400;
  color: rgb(0 0 0 / 48%);
  letter-spacing: -0.01em;
}

.ad-cart-total-value {
  font-size: 18px;
  font-weight: 600;
  color: rgb(0 0 0 / 88%);
  letter-spacing: -0.03em;
}

.ad-cart-checkout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  background: var(--ad-color-accent);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: opacity 0.15s ease;
}

.ad-cart-checkout-btn:hover {
  opacity: 0.88;
}

.ad-cart-profile {}

.ad-cart-profile-title {
  font-size: 11px;
  font-weight: 500;
  color: rgb(110, 110, 115);
  letter-spacing: 0;
  margin-bottom: 6px;
}

.ad-cart-profile-links {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.ad-cart-profile-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0 0 0 / 70%);
  text-decoration: none;
  letter-spacing: -0.01em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  transition: color 0.12s ease;
}

.ad-cart-profile-link:last-child {
  border-bottom: none;
}

.ad-cart-profile-link:hover {
  color: var(--ad-color-accent);
}

.ad-cart-profile-link:hover svg {
  fill: var(--ad-color-accent);
}

.ad-cart-profile-link svg {
  width: 15px;
  height: 15px;
  fill: rgb(0 0 0 / 36%);
  flex-shrink: 0;
  transition: fill 0.12s ease;
}

.ad-header-cta {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 14px;
  background-color: var(--ad-color-accent);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 980px;
  text-decoration: none;
  letter-spacing: -0.01em;
  white-space: nowrap;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  margin-left: 6px;
}

.ad-header-cta:hover {
  opacity: 0.88;
}

.ad-mobile-icons {
  display: none;
}

.ad-header-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: var(--ad-nav-height);
  gap: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--ad-color-label);
  position: relative;
}

.ad-hamburger-icon,
.ad-hamburger-close {
  width: 22px;
  height: 22px;
  fill: currentColor;
  transition: opacity 0.2s ease, transform 0.2s ease;
  position: absolute;
}

.ad-hamburger-close {
  opacity: 0;
  transform: rotate(-45deg) scale(0.8);
}

#ad-header.ad-header--menu-open .ad-hamburger-icon {
  opacity: 0;
  transform: rotate(45deg) scale(0.8);
}

#ad-header.ad-header--menu-open .ad-hamburger-close {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.ad-header-overlay {
  display: block;
  position: fixed;
  top: var(--ad-nav-height);
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.06);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 2147483640;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1),
    visibility 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ad-header-overlay.ad-visible {
  visibility: visible;
  pointer-events: auto;
}

.ad-header-overlay.ad-fade-in {
  opacity: 1;
}

#ad-flyouts-root {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483645;
}

.ad-header-flyout {
  position: fixed;
  top: var(--ad-nav-height);
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: #ffffff;
  border-bottom: none;
  z-index: 2147483645;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-50%) translateY(-6px);
  transition: opacity var(--ad-flyout-transition), transform var(--ad-flyout-transition);
  will-change: opacity, transform;
}

.ad-header-flyout.ad-flyout--open {
  pointer-events: auto;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.ad-header-flyout-scroll-container {
  max-width: var(--ad-content-width);
  margin: 0 auto;
  padding: 24px 22px 32px;
  display: flex;
  flex-direction: row;
  gap: 0 40px;
  align-items: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - var(--ad-nav-height));
}

.ad-flyout-column:first-child {
  flex: 0 0 auto;
  min-width: 200px;
}

.ad-flyout-column:not(:first-child) {
  flex: 0 0 auto;
  min-width: 140px;
}

.ad-flyout-column {
  padding-top: 4px;
}

.ad-flyout-column-title {
  font-size: 12px;
  font-weight: 400;
  color: rgb(110, 110, 115);
  letter-spacing: 0;
  margin-bottom: 14px;
}

.ad-flyout-links {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.ad-flyout-link {
  display: block;
  padding: 5px 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--ad-color-label-bright);
  text-decoration: none;
  letter-spacing: -0.03em;
  line-height: 1.25;
  transition: color 0.1s ease;
}

.ad-flyout-link:hover {
  color: var(--ad-color-accent);
}

.ad-flyout-link-sm {
  display: block;
  padding: 4px 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--ad-color-label-bright);
  text-decoration: none;
  letter-spacing: -0.01em;
  line-height: 1.4;
  transition: color 0.1s ease;
}

.ad-flyout-link-sm:hover {
  color: var(--ad-color-accent);
}

.ad-header-mobile-menu {
  display: block;
  position: fixed;
  top: var(--ad-nav-height);
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  z-index: 2147483645;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.ad-header-mobile-menu.ad-mobile-menu--open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateY(0);
}

.ad-mobile-menu-inner {
  padding: 20px 24px 60px;
}

.ad-mobile-menu-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  padding: 11px 16px;
  background: rgba(120, 120, 128, 0.12);
  border-radius: 12px;
}

.ad-mobile-menu-search svg {
  width: 15px;
  height: 15px;
  fill: rgb(0 0 0 / 36%);
  flex-shrink: 0;
}

.ad-mobile-menu-search input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-size: 15px;
  color: var(--ad-color-label-bright);
  font-family: inherit;
  letter-spacing: -0.01em;
}

.ad-mobile-menu-search input::placeholder {
  color: rgb(0 0 0 / 36%);
}

.ad-mobile-menu-list {
  list-style: none;
}

.ad-mobile-menu-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.ad-mobile-menu-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.ad-mobile-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  font-size: 17px;
  font-weight: 500;
  color: rgb(0 0 0 / 88%);
  text-decoration: none;
  letter-spacing: -0.025em;
  background: none;
  border: none;
  width: 100%;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s ease;
}

.ad-mobile-menu-link:active {
  color: var(--ad-color-accent);
}

.ad-mobile-chevron {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(120, 120, 128, 0.12);
  pointer-events: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.2s ease;
}

.ad-mobile-chevron svg {
  width: 10px;
  height: 10px;
  fill: none;
  stroke: rgb(0 0 0 / 40%);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ad-mobile-menu-item.ad-mobile-expanded .ad-mobile-chevron {
  transform: rotate(180deg);
  background: rgba(217, 50, 53, 0.10);
}

.ad-mobile-menu-item.ad-mobile-expanded .ad-mobile-chevron svg {
  stroke: var(--ad-color-accent);
}

.ad-mobile-menu-item.ad-mobile-expanded>.ad-mobile-menu-link {
  color: var(--ad-color-accent);
}

.ad-mobile-submenu {
  list-style: none;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding-left: 0;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.25s ease;
}

.ad-mobile-menu-item.ad-mobile-expanded .ad-mobile-submenu {
  max-height: 500px;
  opacity: 1;
}

.ad-mobile-submenu-inner {
  padding: 4px 0 16px 4px;
  border-left: 2px solid rgba(217, 50, 53, 0.18);
  margin-left: 2px;
}

.ad-mobile-submenu-link {
  display: block;
  padding: 9px 0 9px 16px;
  font-size: 15px;
  font-weight: 400;
  color: rgb(0 0 0 / 65%);
  text-decoration: none;
  letter-spacing: -0.015em;
  transition: color 0.12s ease;
}

.ad-mobile-submenu-link:active {
  color: var(--ad-color-accent);
}

.ad-mobile-menu-utilities {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ad-mobile-utility-link {
  display: flex;
  align-items: center;
  padding: 12px 0;
  font-size: 15px;
  font-weight: 400;
  color: rgb(0 0 0 / 70%);
  text-decoration: none;
  letter-spacing: -0.015em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: color 0.15s ease;
}

.ad-mobile-utility-link:last-child {
  border-bottom: none;
}

.ad-mobile-utility-link:active {
  color: var(--ad-color-accent);
}

.ad-mobile-menu-cta-wrap {
  margin-top: 28px;
}

.ad-mobile-menu-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background-color: var(--ad-color-accent);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 14px;
  text-decoration: none;
  letter-spacing: -0.02em;
  transition: opacity 0.15s ease;
}

.ad-mobile-menu-cta:active {
  opacity: 0.82;
}

.ad-header-search-panel {
  position: fixed;
  top: var(--ad-nav-height);
  left: 50%;
  width: 100vw;
  background-color: #ffffff;
  border: none;
  z-index: 2147483646;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-6px);
  transition: opacity var(--ad-flyout-transition), transform var(--ad-flyout-transition);
}

.ad-header-search-panel.ad-search--open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.ad-header-search-inner {
  max-width: var(--ad-content-width);
  margin: 0 auto;
  padding: 20px 22px 28px;
}

.ad-search-field-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 20px;
  position: relative;
}

.ad-search-field-wrap svg {
  width: 18px;
  height: 18px;
  fill: var(--ad-color-label-muted);
  flex-shrink: 0;
}

.ad-search-input::-webkit-search-cancel-button,
.ad-search-input::-webkit-search-decoration {
  -webkit-appearance: none;
  display: none;
}

.ad-search-input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  padding-right: 32px;
  font-weight: 400;
  color: var(--ad-color-label-bright);
  font-family: inherit;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.ad-search-input::placeholder {
  color: var(--ad-color-label-muted);
}

.ad-search-quick-title {
  font-size: 12px;
  font-weight: 400;
  color: rgb(110, 110, 115);
  margin-bottom: 10px;
  letter-spacing: 0;
}

.ad-search-quick-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ad-search-quick-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--ad-color-label-bright);
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: color 0.1s ease;
}

.ad-search-quick-link:hover {
  color: var(--ad-color-accent);
}

.ad-search-quick-link svg {
  width: 14px;
  height: 14px;
  fill: rgb(110, 110, 115);
  flex-shrink: 0;
}

.ad-search-cancel {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.ad-search-cancel.ad-search-cancel--visible {
  display: flex;
}

.ad-search-cancel:hover {
  opacity: 1;
}

.ad-search-cancel svg {
  width: 20px;
  height: 20px;
  fill: var(--ad-color-label-bright);
}

/* ── Flyout — Ürün Önizleme Kolonu ─────────────────────────────── */
.ad-flyout-col--products {
  flex: 0 0 auto;
  margin-left: auto;
  overflow: hidden;
}

.ad-flyout-products {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.ad-flyout-product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  border-radius: 10px;
  padding: 8px 6px;
  width: 162px;
  box-sizing: border-box;
  overflow: hidden;
}

.ad-flyout-product-card:hover .ad-flyout-product-name {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ad-flyout-product-img {
  width: 150px;
  height: 150px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
}

.ad-flyout-product-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.ad-flyout-product-name {
  font-size: 12px;
  line-height: 1.35;
  color: var(--ad-color-label, #1d1d1f);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  transition: text-decoration 0.1s;
}

@media (max-width: 1068px) {
  .ad-header-content {
    padding: 0 16px;
  }

  .ad-header-nav-link {
    padding: 0 7px;
    font-size: 11.5px;
  }

  .ad-header-cta {
    padding: 0 10px;
    font-size: 11px;
  }

  .ad-flyout-link {
    font-size: 20px;
  }

  .ad-header-flyout-scroll-container {
    gap: 0 32px;
  }
}

@media (max-width: 833px) {
  .ad-mobile-submenu-link {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.015em;
  }
}

@media (max-width: 833px) {
  .ad-header-nav {
    display: none;
  }

  .ad-header-actions {
    display: none;
  }

  .ad-header-flyout {
    display: none !important;
  }

  .ad-header-search-panel {
    position: fixed;
    top: var(--ad-nav-height);
    left: 0 !important;
    right: 0;
    bottom: 0;
    width: 100% !important;
    transform: translateY(-8px) !important;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ad-header-search-panel.ad-search--open {
    transform: translateY(0) !important;
  }

  .ad-header-search-inner {
    max-width: 100%;
    padding: 20px 20px 40px;
  }

  .ad-search-input {
    font-size: 20px;
  }

  .ad-cart-flyout {
    position: fixed;
    top: var(--ad-nav-height);
    left: 0 !important;
    right: 0;
    bottom: 0;
    width: 100% !important;
    transform: translateY(-8px) !important;
    border-radius: 0;
    box-shadow: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ad-cart-flyout.ad-cart--open {
    transform: translateY(0) !important;
  }

  .ad-cart-inner {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 20px 20px 40px;
  }

  .ad-cart-right {
    margin-top: 20px;
  }

  .ad-header-hamburger {
    display: flex;
  }

  .ad-mobile-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
  }

  .ad-header-hamburger {
    margin-left: 10px;
  }

  .ad-header-logo {
    margin-right: 0;
  }

  .ad-header-logo-link img {
    height: 15px;
  }
}

@media (max-width: 374px) {
  .ad-header-content {
    padding: 0 12px;
  }

  .ad-mobile-menu-inner {
    padding: 12px 16px 40px;
  }
}

/* Ticimax arama girişi — panele taşındığında özel stil */
#txtbxArama.ad-search-input {
  flex: 1 !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 18px !important;
  padding: 0 32px 0 0 !important;
  font-weight: 400 !important;
  color: var(--ad-color-label-bright) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  width: 100% !important;
  border-radius: 0 !important;
}

#txtbxArama.ad-search-input::placeholder {
  color: var(--ad-color-label-muted) !important;
}

/* Ticimax arama sonuçları – hızlı bağlantı stili */
#ad-search-results-slot {
  margin-bottom: 8px;
}

/* Ticimax'ın absolute konumlamasını sıfırla — sonuçlar panelin içinde normal akışta görünsün */
#ad-search-results-slot,
#ad-search-results-slot .ticimax-search-content,
#ad-search-results-slot .ticimax-search-content.sTemp4 {
  position: static !important;
  display: block !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
  z-index: auto !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 4px 0 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 0 !important;
}

/* Ticimax iç elementlerdeki min-height'ı da sıfırla */
html body .ticimax-search-content.sTemp4,
html body .ticimax-search-content.sTemp4 .ticimax-search-products,
html body .ticimax-search-content.sTemp4 .products,
html body .ticimax-search-content.sTemp2,
html body .ticimax-search-content.sTemp2 .ticimax-search-products,
html body .ticimax-search-content.sTemp2 .products {
  min-height: 0 !important;
  min-width: 0 !important;
}

/* Scrollbar olmasın */
html body .ticimax-search-content.sTemp4,
html body .ticimax-search-content.sTemp4 * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body .ticimax-search-content.sTemp4::-webkit-scrollbar,
html body .ticimax-search-content.sTemp4 *::-webkit-scrollbar {
  display: none !important;
}

/* Sadece ilk 5 ürünü göster */
html body .ticimax-search-content.sTemp4 .products>li:nth-child(n+6) {
  display: none !important;
}

/* Tüm iç wrapper'ların arkaplan ve padding'ini sıfırla */
#ad-search-results-slot .ticimax-search-content *,
html body .ticimax-search-content.sTemp4 .ticimax-search-products,
html body .ticimax-search-content.sTemp4 .ticimax-search-products>* {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-products {
  padding: 0 !important;
  margin: 0 !important;
}

/* Hizalama — wrapper'lar hızlı bağlantılarla aynı seviyeye gelsin */
html body .ticimax-search-content.sTemp4>* {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* "Tüm sonuçları gör" linki */
.ad-search-see-all {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  color: var(--ad-color-accent);
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: opacity 0.1s ease;
}

.ad-search-see-all:hover {
  opacity: 0.72;
}

.ad-search-see-all::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background-color: var(--ad-color-accent);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m440-200 137-240H80v-80h497L440-760l440 280-440 280Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m440-200 137-240H80v-80h497L440-760l440 280-440 280Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-products::before {
  content: 'Önerilen Ürünler';
  display: block !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgb(110, 110, 115) !important;
  margin-bottom: 4px !important;
}

html body .ticimax-search-content.sTemp4 ul.products,
html body .ticimax-search-content.sTemp4 .products {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

html body .ticimax-search-content.sTemp4 .products>li {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
}

/* Ok ikonu + ürün adı – hızlı bağlantı görünümü */
html body .ticimax-search-content.sTemp4 .products>li>a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  background: none !important;
  width: 100% !important;
  box-shadow: none !important;
  border: none !important;
  color: var(--ad-color-label-bright) !important;
  transition: color 0.1s ease !important;
}

html body .ticimax-search-content.sTemp4 .products>li>a::before {
  content: '';
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 14px !important;
  height: 14px !important;
  background-color: rgb(110, 110, 115) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m440-200 137-240H80v-80h497L440-760l440 280-440 280Z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m440-200 137-240H80v-80h497L440-760l440 280-440 280Z'/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

html body .ticimax-search-content.sTemp4 .products>li>a:hover {
  color: var(--ad-color-accent) !important;
  background: none !important;
}

/* Ok ikonu hover'da renk değiştirmesin — sabit gri */
html body .ticimax-search-content.sTemp4 .products>li>a:hover::before {
  background-color: rgb(110, 110, 115) !important;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-product-image {
  display: none !important;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-product-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-product-info-category {
  display: none !important;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-product-info-name {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: inherit !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

html body .ticimax-search-content.sTemp4 .ticimax-search-product-info-price {
  display: none !important;
}

.aramasonuc-empty,
.aramasonuc-loading {
  padding: 18px 14px;
  text-align: center;
  font-size: 13px;
  color: var(--ad-color-label-muted, #86868b);
}

.aramasonuc-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  text-decoration: none;
  color: var(--ad-color-text-main, #1d1d1f);
  transition: background 0.15s ease;
  border-radius: 8px;
  margin-bottom: 2px;
}

.aramasonuc-item:hover {
  background: var(--ad-color-surface-hover, rgba(0, 0, 0, 0.04));
}

.aramasonuc-img {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid var(--ad-color-border-subtle, rgba(0, 0, 0, 0.07));
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.aramasonuc-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.aramasonuc-name {
  font-size: 13px;
  line-height: 1.4;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--ad-color-text-main, #1d1d1f);
  transition: color 0.15s ease;
}

.aramasonuc-item:hover .aramasonuc-name {
  color: var(--ad-color-accent, #0066cc);
}

.aramasonuc-footer {
  display: block;
  padding: 10px 14px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--ad-color-link, #0066cc);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease;
  border-radius: 8px;
  margin-top: 8px;
}

.aramasonuc-footer:hover {
  background: var(--ad-color-surface-hover, rgba(0, 0, 0, 0.04));
}


/*HEADER*/





/* ==================== */
/* ------F5--HT-------- */
/* ==================== */
:root {
  --theme-color: #f04873;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*Fadein Css*/
@media(min-width: 768px) {
  @keyframes fadein {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @-moz-keyframes fadein {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @-webkit-keyframes fadein {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @-o-keyframes fadein {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  body {
    -webkit-animation: fadein 500ms ease-in-out .5s both;
    animation: fadein 500ms ease-in-out .5s both;
  }

  .tooltip {
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
  }

  .hoverr:before {
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
  }

  .mobilaf {
    -webkit-animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -ms-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
    animation: fadein 0.5s;
  }
}

[hidden] {
  display: none !important;
}

[role="button"] {
  cursor: pointer;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  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;
}

[hidden] {
  display: none;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

#yorumYaz .frmUrunDetayYorumYaz #selectCity {
  height: auto;
}

body {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

textarea {
  overflow: auto;
}

p {
  margin-top: 0;
}

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;
}

label {
  display: inline-block;
  margin-bottom: 0;
}

input,
button,
select,
textarea {
  line-height: inherit;
}

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: #666;
  transition: background .1s ease-in-out;
}

a:active,
a:hover {
  outline-width: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

select,
input {
  font-family: 'Montserrat', sans-serif !important;
}

button {
  -moz-appearance: none;
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 600s ease-in-out 0s;
}

textarea {
  resize: vertical;
  overflow: auto;
}

.sepetimBody .fa {
  font-family: FontAwesome;
}

/*reset Css*/
/* ============ ol,ul reset ============ */
.ProductList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blokSonYazilar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blogKategori ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blogCenter ul,
.blogCenter ol {
  padding: revert;
  margin: revert;
}

.blogRight ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation .navUl ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer .socialdiv ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer .store ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer .linkler .blink ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.category-vertical-filters .vertical-filter-panel .list-group {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

.TopDet .product_social_icon_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tabUrunOneriler ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sepetimBody ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

body .category-vertical-filters.top-filters ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobilMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bottomHead ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.breadList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.urunOzellikTab .urunTab>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.CartProduct ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.welcome ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.brandlistselection ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.TopDet #IlgiliUrunDiv ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.urunOzellik .urunTab ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#pnlSlider ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mBread ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.categorydesign ul,
.categorydesign ol {
  padding: revert;
  margin: revert;
}

.GuvenList ul {
  list-style: none;
}

/* ============ */
/*colgrid*/
.pull-center {
  display: inline-block;
  vertical-align: top;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.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 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

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

.hesabimBolumuTutucu i {
  vertical-align: middle;
}

.adminUserLoginBody #mainHolder_Panel1 .newuserForm>div {
  margin: 0 !important;
}

#cb3DSecureOdeme {
  margin-right: 8px;
}

#txtbxCep {
  border: solid 1px #a9a9a9;
  height: 26px;
  color: #777777;
  background-color: transparent;
}

.clear {
  clear: both;
}

.textarea {
  font-family: 'Montserrat', sans-serif;
  border: solid 1px #a9a9a9;
  padding: 4px;
  width: 100%;
  height: 80px;
  resize: none;
  color: #777777;
  background-color: transparent;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-duration: 0.2s, 0.2s;
}

.textbox {
  font-family: 'Montserrat', sans-serif;
  color: #666666;
  display: block;
  font-size: 14px;
  width: 100%;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-duration: 0.2s, 0.2s;
}

.button {
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
  color: #fff;
  padding: 4px 5px;
  transition: all 0.3s ease 0s;
  border: none;
  text-align: center;
}

.selectboxx {
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  background-color: none !important;
  width: 100%;
  margin-bottom: 4px;
}

.validate,
.validateSol,
.validateOrta {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  /* display: table; */
  background-color: #a94442;
  color: #fff;
  border-radius: 5px;
  padding: 0 10px;
}

.validate .validateOk,
.validateSol .validateSolOk,
.validateOrta .validateOrtaOk {
  background-color: #a94442;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 10px;
  display: block;
  border-radius: 0 0 5px 5px;
}

.cloudzoom-zoom {
  z-index: 999;
}

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

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

.KasaOnuFirsatlarContent ul li a.button {
  border: none !important;
}

.KasaOnuFirsatlarContent ul li a {
  margin-bottom: 10px !important;
  max-height: auto !important;
}

.KasaOnuFirsatlarContent ul li a img {
  max-height: auto !important;
}

.KasaOnuFirsatlarContent ul li span,
.KasaOnuFirsatlarContent ul li p {
  line-height: 26px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.KasaOnuFirsatlarContent ul li span+span,
.KasaOnuFirsatlarContent ul li p+span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ------------------------------------ ToolTip --------------------------------------------*/
.tooltip {
  position: absolute;
  z-index: -1;
  display: none;
  font-size: 10px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=90);
  z-index: 1030;
  display: block;
}

.tooltip.top {
  padding: 5px 0;
  margin-bottom: 7px;
  bottom: 100%;
  left: 50%;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 7px;
  left: 100%;
  top: 50%;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 7px;
  top: 100%;
  left: 50%;
}

.tooltip.left {
  padding: 0 5px;
  margin-right: 7px;
  right: 100%;
  top: 50%;
}

.tooltip-inner {
  min-width: auto;
  padding: 0 8px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  background: #000;
  text-decoration: none;
  border-radius: 0;
  white-space: nowrap;
  font-weight: normal;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000;
}

/* ------------------------------------ ToolTip --------------------------------------------*/
/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
.Magazalar #header {
  margin-bottom: 50px;
}

.Magazalar .magazaSelect {
  background: #fff;
  border: 1px solid #eeeff0;
  color: #222222;
  font-size: 13px;
  margin-right: 20px;
  width: calc(25% - 20px);
}

.Magazalar #searchStore {
  width: 25%;
  margin: 0;
}

.Magazalar #searchStore input {
  background: #fff;
  border: 1px solid #eeeff0;
  color: #222222;
  font-size: 13px;
  width: calc(100% - 115px);
}

.Magazalar #searchStore .buton {
  width: 105px;
  background: #222;
  border-color: #222;
}

.Magazalar #searchStore .buton:hover {
  color: #222;
}

.Magazalar .magazalarContent {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.Magazalar #nearStores {
  float: left;
  width: 100%;
}

.Magazalar #nearStores>h2 {
  font-weight: 600 !important;
  color: #222;
  font-size: 18px;
}

/* -----------------------------------Magaza Sayfasi--------------------------------------------*/
/*------------------------------------iletisim--------------------------------------------*/
.iletisimContent {
  float: left;
  width: 100%;
}

.iletisimContent .row {
  margin: 0;
}

.iletisimContent .AdBan {
  float: left;
  width: 50%;
}

.iletisimContent .iletisimLeft {
  float: left;
  padding: 0;
  margin: 0 0 40px;
  width: 100%;
  display: block;
}

.iletisimContent .categoryTitle {
  float: left;
  padding: 0;
  margin: 0 0 30px;
  width: 100%;
  text-align: left;
}

.iletisimContent .categoryTitle .categoryTitleText {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 80px;
  text-align: left;
}

.iletisimContent .categoryTitle:after {
  clear: left;
  content: '';
  width: 70px;
  height: 1px;
  background: #e5e5e5;
  float: left;
}

.iletisimContent .iletisimLeft .Left {
  display: none;
}

.iletisimContent .iletisimLeft .Center {
  display: none;
}

.iletisimContent .iletisimLeft .span {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.iletisimContent .iletisimLeft .Right {
  display: block;
  color: #343434;
  font-size: 14px;
  line-height: 20px;
}

.iletisimContent .iletisimLeft .Right:before {
  color: #bababa;
  font-size: 20px;
  font-family: 'FontAwesome';
  width: 35px;
  text-align: left;
  font-weight: 300;
  float: left;
}

.iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
  font-size: 20px;
  font-weight: bold;
}

.iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
  font-size: 24px;
}

.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 #e5e5e5;
  padding: 0 0 20px;
  margin: 0 0 20px;
}

.iletisimContent .iletisimRight .iletisimbanka .span>div span {
  display: inline-block;
  vertical-align: top;
  width: auto !important;
  color: #343434;
  font-size: 14px;
}

.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: 10px;
}

.iletisimContent .iletisimRight .iletisimbanka .span>div.line2>div.line2 {
  float: right;
}

.iletisimContent .iletisimRight .iletisimbanka .span>.line1:nth-child(n+2) {
  border-top: 4px solid;
  margin-top: 20px;
  padding-top: 20px;
}

.iletisimContent .iletisimForm {
  float: left;
  width: 50%;
  padding-left: 80px;
}

.iletisimContent .iletisimForm .rowLeft {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}

.iletisimContent .iletisimForm .rowLeft .span {
  float: left;
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
}

.iletisimContent .iletisimForm .rowLeft .span .Center {
  display: none;
}

.iletisimContent .iletisimForm .rowLeft .span .Left {
  display: block;
  font-size: 12px;
  color: #222222;
  font-weight: 600;
  line-height: 30px;
}

.iletisimContent .iletisimForm .rowLeft .span .Right {
  display: block;
  position: relative;
}

.iletisimContent .iletisimForm .rowLeft .span .Right input {
  height: 40px;
  border-color: #e3e3e3;
  background: transparent;
  padding: 0 10px;
}

.iletisimContent .iletisimForm .rowRight {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
}

.iletisimContent .iletisimForm .rowRight .span {
  float: left;
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
}

.iletisimContent .iletisimForm .rowRight .span .Center {
  display: none;
}

.iletisimContent .iletisimForm .rowRight .span .Left {
  display: block;
  font-size: 12px;
  color: #222222;
  font-weight: 600;
  line-height: 30px;
  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: 10px;
}

.iletisimContent .iletisimForm .rowRight .span .Right input {
  height: 40px;
  border-color: #e3e3e3;
  background: transparent;
  padding: 0 10px;
}

.iletisimContent .iletisimForm .rowRight .span .Right textarea {
  border-color: #e3e3e3;
  background: transparent;
  padding: 10px;
}

.iletisimContent .iletisimForm .rowRight .iletisimBtn {
  margin-top: 20px;
}

.iletisimContent .iletisimForm .rowRight .iletisimBtn input {
  padding: 0;
  display: block;
  height: 55px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  float: left;
  width: 100%;
}

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

.iletisimContent .validate,
.iletisimContent .validateSol,
.iletisimContent .validateOrta {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  display: block;
  border-radius: 2px;
}

/*------------------------------------iletisim--------------------------------------------*/
/*******************************************UYELIK********************************/
/*------------------------------------uye Ol--------------------------------------------*/
.uyeOlContainer .FormTitle {
  display: block;
  margin: 20px 0;
  font-size: 26px;
  text-align: center;
}

.uyeOlContainer #FrmYeniUye>.uyeOlCol {
  margin: 30px 20px 0 0;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #eee;
  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: 14px;
  margin-bottom: 10px;
  display: inline-block;
}

.uyeOlContainer .uyeOlCol input.textbox {
  font-size: 14px;
  display: block;
  letter-spacing: 0.3px;
  background-color: #fff !important;
  height: auto !important;
  border-radius: 0;
  box-shadow: none;
  padding: 15px 0;
  border: 1px solid #eee !important;
  font-weight: 400;
  color: #555 !important;
  width: 100%;
  text-indent: 15px;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-duration: 0.2s, 0.2s;
}

.uyeOlContainer .uyeOlCol select.selectboxx {
  font-size: 14px;
  display: block;
  letter-spacing: 0.3px;
  background-color: #fff !important;
  height: auto;
  border-radius: 0;
  box-shadow: none;
  padding: 15px 0;
  border: 1px solid #eee !important;
  font-weight: 400;
  color: #555 !important;
  width: 100%;
  text-indent: 15px;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-duration: 0.2s, 0.2s;
}

.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: 10px;
  display: block;
}

.uyeOlContainer .gender input {
  float: left;
  margin-top: 14px;
  margin-right: 3px;
}

.uyeOlContainer .intl-tel-input {
  margin-bottom: 15px;
}

.uyeOlContainer #mainHolder_rblCinsiyet {
  float: left;
}

.uyeOlContainer input.uyeol {
  height: auto;
  padding: 15px 0;
  line-height: normal;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
}

.uyeOlContainer .intl-tel-input input[type=tel] {
  padding-left: 48px !important;
  line-height: 1;
}

.uyeOlContainer .uyeOlColItem.checkboxItem label span {
  display: inline-block;
  vertical-align: top;
  float: left;
  font-size: 13px;
  line-height: 14px;
  width: calc(100% - 26px);
}

.uyeOlContainer .uyeol {
  width: 100%;
  text-align: center;
  padding: 2px;
  margin: 30px 0;
  height: 45px;
  font-size: 15px;
  line-height: 48px;
}

.uyeOlContainer .uyeOlColItem.checkboxItem label input {
  margin-left: -20px;
}

.uyeOlContainer .uyeOlColItem.checkboxItem label:before {
  margin-right: 10px;
}

.uyeOlContainer .uyeOlCol .uyeOlCol {
  margin-right: 20px;
}

.uyeOlContainer #chkSozlesme {
  margin: 0 !important;
}

.uyeOlContainer #chkSozlesme+label {
  width: calc(100% - 20px);
  float: right;
  line-height: 15px;
  font-size: 13px;
}

.userContainer {
  float: left;
  width: 100%;
  margin: 30px 0;
}

.userContainer .userDivLeft,
.userContainer .userDivRight {
  padding: 0 15px;
}

.userContainer .userMail,
.userContainer .userSms,
.userContainer .userSozlesmeDiv {
  float: left;
  width: 100%;
  margin: 10px 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: 25px;
}

.userContainer .userLoginBtn,
.userContainer .userSignBtn {
  float: left;
  width: 100%;
}

.userContainer .uyeGirisBeniHatirla {
  margin: 20px 0;
}

.userContainer .uyeGirisBeniHatirla input,
.userContainer .uyeGirisBeniHatirla span {
  float: left;
}

.userContainer .uyeGirisBeniHatirla input {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.userContainer .userPassBtn {
  margin: 20px 0;
}

/*------------------------------------uye Ol--------------------------------------------*/
/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
.SifremiUnuttum {
  width: 100%;
  margin: 30px 0;
  padding-left: 50px;
  float: left;
}

.SifremiUnuttum p {
  line-height: 25px;
}

.SifremiUnuttum #mainHolder_txtbxMail {
  width: 80%;
  height: 40px;
  float: left;
  line-height: 40px;
  padding: 0 20px;
}

.SifremiUnuttum .button {
  padding: 0 10px;
  float: right;
  width: 20%;
  height: 40px;
}

.SifremiUnuttumInput {
  position: relative;
  width: 100%;
  margin-top: 10px;
}

.SifremiUnuttumInput .validate {
  left: auto;
  right: 0;
  top: -38px;
}

.SifremiUnuttumInput .validateSol {
  left: 0;
  right: auto;
  top: -38px;
}

.SifremiUnuttumInput .validateSol .validateSolOk {
  border-radius: 0 0 15px;
  bottom: -5px;
  left: 10px;
}

.SifremiUnuttum .line {
  min-height: 32px;
  line-height: 32px;
  margin-bottom: 5px;
  width: 400px;
  position: relative;
  margin: 0 auto;
}

.SifremiUnuttum .line .Left {
  width: 30%;
  float: left;
}

.SifremiUnuttum .line .Center {
  width: 4%;
  float: left;
}

.SifremiUnuttum .line .Right {
  width: 66%;
  float: left;
}

/* ------------------------------------Sifremi Unuttum--------------------------------------------*/
/* ------------------------------------Uye Ol Basarili--------------------------------------------*/
.userLogin {
  float: left;
  width: 100%;
  text-align: center;
  margin: 50px 0;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik {
  display: inline-block;
  vertical-align: top;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title {
  color: #000;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title:before {
  content: '\f00c';
  font-family: 'FontAwesome';
  display: block;
  font-size: 40px;
  color: #097d2d;
  font-weight: bold;
  margin-bottom: 10px;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title h4 {
  font-size: 25px;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik .title span {
  font-size: 15px;
  margin: 10px 0;
  display: inline-block;
  vertical-align: top;
}

.userLogin .newuserForm .uyelikonay.basariliUyelik a {
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}

/*******************************************UYELIK********************************/
/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
#divTaksitContainer {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.taksitMain {
  margin: 0 -5px;
}

.taksitBlok {
  width: 50%;
  height: auto;
  float: left;
  line-height: 20px;
  padding: 0 5px;
  margin-bottom: 10px;
}

.taksitBaslik {
  width: 100%;
  height: 20px;
  text-align: center;
}

.taksitBaslik img {
  vertical-align: top;
}

.taksitLine {
  width: 101%;
}

.taksitLine .tak {
  width: 39.1%;
  height: 20px;
  overflow: hidden;
  border-bottom: solid 1px #FFF;
  border-right: solid 1px #FFF;
  font-size: 10px;
  float: left;
  color: #000;
  text-align: center;
}

.taksitLine .tak.Taksit {
  background-color: #ededed;
  width: 19%;
}

/* ------------------------------------Taksit Secenekleri--------------------------------------------*/
/*******************************************URUN DETAY********************************/
.RightDetail>.clear {
  clear: none;
}

.ProductDetailMain {
  float: left;
  width: 100%;
}

.ProductDetailMainRow {
  float: left;
  width: 100%;
}

.TopDet {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}

.leftImage {
  width: 587px;
  float: left;
  position: relative;
  padding: 0;
}

.RightDetail {
  width: calc(100% - 587px);
  float: left;
  position: relative;
  padding: 0 0 0 30px;
}

/*Urun Resim*/
.UrunDetayLeft {
  margin: 0 !important;
  overflow: hidden;
}

.Images {
  float: right;
  width: 480px;
  padding-bottom: 107.4%;
  position: relative;
}

.Images img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

#divVideoGoruntulemeAlan {
  float: right;
  width: 480px !important;
  padding-bottom: 107.4%;
  position: relative;
}

#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: 107px;
  max-height: 630px;
  overflow-y: auto;
  overflow-x: hidden;
}

.SmallImages div {
  float: left;
  width: 78px;
  margin-bottom: 10px;
  border: 1px solid #fff;
  cursor: pointer;
}

.SmallImages div.active {
  border-color: #000;
}

.SmallImages div:hover {
  border-color: #000;
}

.SmallImages div img {
  max-width: 100%;
  max-height: 100%;
}

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

.DetayYeniUrun {
  display: none !important;
}

.RightDetail .TopList {
  float: left;
  width: 100%;
  position: relative;
}

.RightDetail .MiddleList {
  float: left;
  width: 100%;
  position: relative;
}

.RightDetail .BottomList {
  float: left;
  width: 100%;
  position: relative;
}

.ProductName {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}

.ProductName h1 {
  margin: 0;
  float: left;
  width: calc(100% - 25px);
}

.ProductName h1 span {
  float: left;
  width: 100%;
  display: inline-block;
  color: #000000;
  font-size: 20px;
  font-weight: 700;
}

#divUrunKodu {
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  padding: 0;
}

#divUrunKodu span {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  position: relative;
  line-height: 12px;
  float: left;
}

#divUrunKodu span:after {
  content: ':';
  margin: 0 4px 0 2px;
}

#divTaksitAciklama {
  display: block;
  float: right;
  clear: right;
  margin-top: 12px;
}

#divTaksitAciklama .taksitSatir {
  color: #131313;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  float: left;
}

.RightDetail .puanVer {
  float: left;
  clear: left;
  margin-top: 10px;
}

.RightDetail #PuanVer {
  float: left;
}

.RightDetail .PuanVerSag {
  float: left;
  font-size: 14px;
  color: #2a2929;
  margin-left: 5px;
  font-weight: 600;
  line-height: 17px;
  display: none;
}

.RightDetail ul.rating {
  float: left;
}

.RightDetail ul.rating li {
  margin-right: 5px !important;
  width: 14px !important;
  float: left;
  height: 14px;
}

.RightDetail ul.rating li i.starItem {
  font-size: 14px !important;
  line-height: 14px;
  height: 14px;
  font-weight: 300;
  font-family: FontAwesome;
}

.RightDetail ul.rating li i.starItem:before {
  content: '\f005' !important;
}

.RightDetail ul.rating li i.starItem:hover {
  font-size: 14px !important;
  font-weight: 600;
}

.RightDetail ul.rating li.filled i {
  font-weight: 600;
}

.RightDetail .rating-stars ul>li.star.hover>i.fa {
  font-weight: 600;
}

.RightDetail .rating-stars ul>li.star.selected>i.fa {
  font-weight: 600;
}

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

.markaresmi a {
  float: left;
}

.markaresmi img {
  max-width: 100%;
  float: left;
}

#divMagazaStok {
  float: left;
  clear: left;
  margin: 10px 0 0 !important;
}

#divMagazaStok a {
  display: inline-block;
  vertical-align: top;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
}

/*on yazi*/
#divOnyazi {
  float: left;
  width: 100%;
  margin-top: 10px;
}

#divOnyazi h2 {
  font-weight: normal;
  font-size: 100%;
}

#divOnyazi * {}

#divOnyazi strong {
  font-weight: bold;
}

#divOnyazi strong * {
  font-weight: bold;
}

#divOnyazi i {
  font-family: 'FontAwesome' !important;
  margin-right: 12px;
}

/*fiyatlar*/
.urunDetayFiyatContainer {}

.PriceList {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 0 30px;
  margin: 15px 0 5px;
  border-bottom: 1px solid #e5e5e5;
}

#pnlFiyatlar {
  display: inline-block;
  vertical-align: top;
  float: left;
  margin-top: 12px;
}

#divIndirimliFiyat {
  display: block;
}

#divMarka {
  float: left;
  width: 100%;
  line-height: 12px;
  margin-top: 10px;
}

#divTedarikci,
#divUrunStokAdedi,
#divToplamStokAdedi,
#divBarkod,
#divParaPuan,
#divTahminiTeslimatSuresi {
  float: left;
  clear: left;
  margin-top: 10px;
  line-height: 12px;
  width: 100%
}

#divMarka .left_line,
#divTedarikci .left_line,
#divUrunStokAdedi .left_line,
#divToplamStokAdedi .left_line,
#divBarkod .left_line,
#divParaPuan .left_line,
#divTahminiTeslimatSuresi .left_line {
  display: inline-block;
  vertical-align: top;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

#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: #000000;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

#divMarka .right_line,
#divTedarikci .right_line {
  display: inline-block;
  vertical-align: top;
  width: auto;
}

#divMarka .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: #000000;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
}

#divMinMaksAlim {
  margin-top: 10px;
  float: left;
  width: 100%
}

#divIndirimOrani {
  float: left;
  width: 50px;
  height: 45px;
  text-align: center;
  display: block;
  padding-top: 6px;
  margin-right: 20px
}

#divIndirimOrani .left_line {
  display: none;
}

#divIndirimOrani .center_line {
  display: none;
}

#divIndirimOrani .indirimliOrani {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

#divIndirimOrani .indirimliOrani * {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

/*piyasa fiyati*/
.PiyasafiyatiContent {
  display: block;
  line-height: 0.8;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.PiyasafiyatiContent .left_line {
  display: none;
  color: #343434;
  font-size: 14px;
  font-weight: normal;
  line-height: 0.8;
}

.PiyasafiyatiContent .center_line {
  display: none;
  color: #4d555f;
  font-size: 14px;
  font-weight: normal;
  margin-right: 0;
}

.PiyasafiyatiContent .right_line {
  display: inline-block;
  vertical-align: top;
}

.PiyasafiyatiContent .right_line * {
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  text-decoration: line-through;
  line-height: 0.8;
}

.PiyasafiyatiContent .right_line .spanKdv {
  display: none !important;
  vertical-align: top;
}

/*indirimli fiyati*/
.IndirimliFiyatContent {
  display: block;
  line-height: 0.8;
  float: left;
}

.IndirimliFiyatContent .left_line {
  display: none;
  color: #343434;
  font-size: 14px;
  font-weight: normal;
  line-height: 0.8;
}

.IndirimliFiyatContent .center_line {
  display: none;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  margin-right: 0;
}

.IndirimliFiyatContent .right_line {
  display: inline-block;
  vertical-align: top;
}

.IndirimliFiyatContent .right_line * {
  display: inline-block;
  vertical-align: top;
  line-height: 0.8;
}

.IndirimliFiyatContent .right_line .spanKdv {
  display: none !important;
  vertical-align: bottom;
  font-size: 12px;
  line-height: 1;
}

/*turk lirasi fiyati*/
#divTurkLirasiFiyat {
  display: block;
  line-height: 0.8;
}

#divTurkLirasiFiyat .left_line {
  display: none;
  width: 103px;
  color: #152e59;
  font-size: 12px;
  font-weight: normal;
}

#divTurkLirasiFiyat .center_line {
  display: none;
  color: #152e59;
  font-size: 14px;
  font-weight: normal;
  margin-right: 0;
}

#divTurkLirasiFiyat .right_line {
  display: inline-block;
}

#divTurkLirasiFiyat .right_line * {
  display: inline-block !important;
  vertical-align: top;
  line-height: 0.8;
}

/*indirimsiz fiyati*/
#divIndirimsizFiyat {
  display: block;
  line-height: 0.8;
}

#divIndirimsizFiyat .left_line {
  display: none;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
}

#divIndirimsizFiyat .center_line {
  display: none;
  color: #000;
  font-size: 17px;
  font-weight: normal;
  margin-right: 0;
}

#divIndirimsizFiyat .right_line {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
}

#divIndirimsizFiyat .right_line * {
  display: inline-block !important;
  vertical-align: top;
}

#divIndirimsizFiyat .right_line .spanKdv {
  display: none !important;
  vertical-align: top;
}

/*kdv dahil fiyati*/
#divKDVDahilFiyat {
  display: block;
  line-height: 0.8;
  float: left;
  margin-top: 8px;
}

#divKDVDahilFiyat .left_line {
  display: inline-block;
  vertical-align: top;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

#divKDVDahilFiyat .center_line {
  display: none;
  color: #000;
  font-size: 13px;
  font-weight: normal;
  margin-right: 0;
}

#divKDVDahilFiyat .right_line {}

#divKDVDahilFiyat .right_line * {
  display: inline-block !important;
  vertical-align: top;
}

/*Stok yok*/
body #divStokYok {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  color: #000;
  font-weight: normal;
  text-align: center;
  padding: 7% 0;
  background-color: #f2f5f6;
  border-radius: 0;
}

body #divStokYok:before {
  content: '\f057';
  font-family: 'FontAwesome';
  font-weight: 300;
  width: 100%;
  float: left;
  font-size: 45px;
}

/*kdvler*/
#pnlFiyatlar .spanKdv {
  margin-left: 5px;
  display: inline-block;
}

/*Urun ekstrabilgileri*/
#divEkstraBilgiler {
  float: left;
  clear: left;
}

#divEkstraBilgiler img {
  max-width: 100%;
  display: block;
}

/*varyasyonlar*/
#divUrunEkSecenek {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 10px 0 0;
}

#divUrunEkSecenek .eksecenekLine {
  clear: none !important;
  margin: 0 0 15px;
  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: 45px;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
}

#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: 13px;
  position: relative;
  color: #000000;
  font-weight: normal;
  margin-right: 10px;
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box img {
  width: 100%;
  height: 100%;
  display: block
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line {
  width: 100%;
}

#divUrunEkSecenek .eksecenekLine.selectvaryasyon .right_line select {
  min-width: 100%;
  float: left;
  height: 30px;
  border: 1px solid #dcdcdc;
  color: #000000;
  font-size: 13px;
  font-weight: normal;
  padding: 0 10px;
  background: #fff;
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box {
  width: 60px;
  height: 30px;
}

#divUrunEkSecenek .eksecenekLine.resimlivaryasyon .right_line .size_box.selected {
  padding: 1px;
  border: 1px solid #000;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon {
  position: relative;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box {
  min-width: 60px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  padding: 0 4px;
  border: 1px solid #dcdcdc;
}

#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:last-child {
  margin-right: 0;
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok {
  position: relative;
  background: #f5f3f3 !important;
  color: #7a7979 !important;
  border-color: #e4dfdd;
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#divUrunEkSecenek .eksecenekLine .right_line .size_box.nostok:after {
  content: '';
  height: 1px;
  max-width: 65px;
  margin: 0 auto;
  background: #cecece;
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  transform: rotate(155deg);
}

/*ilgili Urunler*/
#IlgiliUrunDiv {
  float: left;
  width: 100%;
  display: none;
}

.TopDet #IlgiliUrunDiv {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0
}

.TopDet #IlgiliUrunDiv #divIlgiliUrunler {
  padding: 0 0 25px 0;
  margin: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}

.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 {
  display: none;
}

.TopDet #IlgiliUrunDiv .JKatAdi .bold:after {
  display: none;
}

.TopDet #IlgiliUrunDiv .JKatAdi .bold .satir1 {
  background: transparent;
  padding: 15px 0 !important;
  margin: 0;
  border: none;
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
  color: #000000;
}

.TopDet #IlgiliUrunDiv .clear {
  display: none;
}

.TopDet #IlgiliUrunDiv ul {
  float: left;
  width: 100%;
  padding: 0;
}

.TopDet #IlgiliUrunDiv ul li {
  float: left;
  width: 50px;
  margin-right: 10px;
  overflow: hidden;
  border: 1px solid #fff;
}

.TopDet #IlgiliUrunDiv ul li:hover {
  border-color: #e5e5e5;
}

.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 {
  padding-bottom: 132%;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productImage a:before {
  display: none !important;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productIcon {
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .urunListeAdet {
  display: none !important;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail {
  padding: 0;
  margin: 0;
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:before {
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productDetail:after {
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productYeInUcFi {
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .productName {
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .TukendiIco {
  display: none;
}

.TopDet #IlgiliUrunDiv ul li .productItem .boxBedenlerContent {
  display: none !important;
}

/*satinal*/
#divSatinAl {
  float: left;
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
}

.BasketBtn {
  float: left;
  position: relative;
  width: 100%;
}

/*Adet Select*/
#divAdetCombo {
  float: left;
  display: inline-block !important;
  position: relative;
}

#divAdetCombo .left_line {}

#divAdetCombo .center_line {
  display: none !important;
  float: left;
}

#divAdetCombo .right_line {
  float: left;
  width: 90px;
  max-width: 100% !important;
}

#divAdetCombo select {
  width: 100%;
  padding: 0 10px;
  text-align: left;
  background: url(images/downbutton.png) no-repeat right center #fff !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-webkit-appearance: none;
}

/*Adet input*/
.RightDetail .riSingle {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 0;
  width: 90px;
}

.RightDetail .riSingle a.riUp,
.riSingle a.riDown {
  width: 30px !important;
  height: 40px !important;
  top: 0;
  line-height: 40px;
  font-weight: normal;
  position: absolute;
  margin: 0 !important;
  float: left;
  cursor: pointer;
  text-indent: 0;
  text-align: center;
}

.RightDetail .riSingle a.riUp i {
  line-height: 40px;
}

.RightDetail .riSingle a.riDown i {
  line-height: 40px;
}

.RightDetail .riSingle a.riUp {
  left: auto;
  right: 0;
}

.RightDetail .riSingle a.riDown {
  left: 0;
}

.UFavorilerimeEkle {
  float: left;
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  width: 38px;
  height: 40px
}

.UFavorilerimeEkle .box1 {
  min-width: auto;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 0;
  float: left;
  width: 100%;
  text-align: center;
}

.UFavorilerimeEkle .box1 i {
  font-size: 18px;
  color: #d7d7d7;
  font-weight: 600;
  margin: 0 !important;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 38px
}

.UFavorilerimeEkle .box1 i:before {
  float: left;
  width: 100%
}

.Basketinp {
  display: block;
  position: relative;
  float: left;
}

.Basketinp p,
#divAdetCombo .left_line {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  float: 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 {
  float: left;
  height: 40px !important;
  margin: 0;
  border-radius: 0;
  font-size: 13px;
  font-weight: 700;
}

/*sepete Ekle*/
.basketBtn {
  float: left;
  position: relative;
  width: calc(100% - 150px - 38px);
  max-width: 320px;
  margin: 0;
  padding: 0 20px;
}

/* Fix iOS Safari click event bubbling */
.basketBtn,
.btnAddToCart,
.buttonSepeteEkle {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.basketBtn input {
  cursor: pointer !important;
  touch-action: manipulation !important;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  letter-spacing: 0;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
  letter-spacing: 2px
}

/*Hemen Al*/
.buyfast {
  float: left;
  width: 100%;
  margin: 10px 0 0;
  display: none
}

.buyfast input {
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  letter-spacing: 0;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
  letter-spacing: 2px
}

/*kombin Al*/
#divKombinSatinAl {
  display: none;
}

/*Iconlar*/
.ProductIcon {
  float: left;
  width: 100%;
  margin: 0;
}

.ProductIcon .box1 {
  padding: 0;
  margin: 0;
  min-width: 0;
  background: transparent;
  color: #000000;
  font-size: 0;
  font-weight: normal;
  float: left;
  width: 35px;
  height: 35px;
  border: 1px solid #000000;
  border-radius: 100%;
  text-align: center;
}

.ProductIcon .box1 i {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  font-weight: normal;
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: 33px;
}

.ProductIcon .UGelinceHaberVer .box1 i:before {
  content: '\f0a1';
}

.ProductIcon>div {
  float: left;
  margin-right: 10px;
  position: relative;
}

.ProductIcon>div>a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.ProductIcon2 {
  float: left;
  margin-top: 20px;
}

.ProductIcon2 .clear {
  clear: none;
}

.ProductIcon2>div {
  float: left;
}

.ProductIcon2>div>a {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
  padding: 0 18px;
  line-height: 31px;
}

.ProductIcon2>div>a:before {
  font-family: 'FontAwesome';
  font-size: 16px;
  line-height: 31px;
  margin-right: 7px;
  vertical-align: top;
  font-weight: 300;
}

.ProductIcon2>div.YorumYazbtnContent>a:before {
  content: '\f303';
}

.ProductIcon2>div.TavsiyeEtBtnContent>a:before {
  content: '\f164';
}

.productDetailContainer .product_social_icon_wrapper {
  float: left;
  width: 100%;
  display: block !important;
  font-size: 0;
  margin: 30px 0;
}

.productDetailContainer .product_social_icon_wrapper .PaylasTit {
  float: left;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  margin-right: 18px;
}

.productDetailContainer .product_social_icon_wrapper ul {
  display: inline-block;
  vertical-align: top;
}

.productDetailContainer .product_social_icon_wrapper ul li {
  float: left;
  margin-right: 8px;
}

.productDetailContainer .product_social_icon_wrapper ul li:last-child {
  margin-right: 0;
}

.productDetailContainer .product_social_icon_wrapper ul li a {
  float: left;
  color: #fff;
  background: #000;
  font-size: 14px;
  border-radius: 100%;
  text-align: center;
  width: 30px;
}

.productDetailContainer .product_social_icon_wrapper ul li a i {
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
}

.productDetailContainer .product_social_icon_wrapper ul li:nth-child(1) a {
  background: #3b5999;
}

.productDetailContainer .product_social_icon_wrapper ul li:nth-child(2) a {
  background: #55acee;
}

.productDetailContainer .product_social_icon_wrapper ul li:nth-child(3) a {
  background: #bd081c;
}

.productDetailContainer .product_social_icon_wrapper ul li:nth-child(4) a {
  background: #e15541;
}

.productDetailContainer .product_social_icon_wrapper ul li:nth-child(5) a {
  background: #29d871;
}

.UWhatsApp {
  vertical-align: top;
  float: left;
}

.UWhatsApp a {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
}

.whatsApp i {
  font-family: 'FontAwesomeBrands';
}

.UWhatsApp label {
  display: none;
}

.divYorumYaz,
#yorumYaz {
  min-height: 220px;
}

.socialButons {
  float: right !important;
  width: 100%;
  position: relative;
  margin: 0 !important;
}

.socialButons iframe {
  float: left;
}

.product-social {
  float: left;
  margin-right: 10px;
}

.product-social span {
  float: left;
  line-height: 32px;
  display: inline-block;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.product-social ul {
  float: left;
}

.product-social ul li {
  float: left;
  margin-right: 13px;
}

.product-social ul li a {
  display: block;
  color: #323232;
  font-size: 18px;
}

/*urun ozellik Bolumu*/
.urunOzellik {
  float: left;
  width: 100%;
  margin: 20px 0;
}

.urunTab {
  float: left;
  width: 100%;
}

.urunTab ul {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.urunTab>ul>li {
  float: left;
  margin-right: 40px;
}

.urunTab>ul>li:last-child {
  margin-right: 0;
}

.urunTab>ul>li>a {
  cursor: pointer;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  line-height: 35px;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
  float: left;
}

.urunTab>ul>li>a span {
  font-weight: 700;
}

.webTab {
  float: left;
  position: relative;
  width: 100%;
}

.webTab>ul {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.webTab>ul>li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.webTab>ul>li:last-child>a {
  margin-bottom: 0;
}

.webTab>ul>li>a {
  float: left;
  width: 100%;
  text-align: left;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
}

.webTab>ul>li>a:after {
  content: '\f067';
  font-family: 'FontAwesome';
  font-weight: 300;
  float: right;
  margin-right: 0;
  font-size: 10px;
  color: #000;
}

.webTab>ul>li>a span {
  font-weight: 700;
}

.webTab>ul>li.active>a:after {
  content: '\f068';
}

.webTab>ul>li.active .urunDetayPanel {
  display: block !important;
}

.urunDetayPanel {
  float: left;
  width: 100%;
  clear: none !important;
  border: none;
  padding: 6px 0 10px;
}

.urunTabAlt {
  float: left;
  width: 100%;
}

.TabOzellikler .urunDetayPanel .urunTabAlt {
  max-height: 137px;
  overflow: auto;
  padding-right: 10px;
}

.urunTabAlt strong {
  font-weight: bold;
}

.urunTabAlt .divYorumYaz,
.urunTabAlt #yorumYaz {
  padding: 0 0 10px;
  width: 100%;
}

.urunTabAlt #txtOneriMail {
  width: 100%;
  margin: 0;
  height: 30px;
  padding: 0 10px;
  width: 100% !important;
}

.urunTabAlt #txtOneriNot {
  width: 100%;
  margin: 0;
  padding: 10px;
  width: 100% !important;
  background: #fff;
}

.yorumlarItem {
  background-color: #eeeeee;
  border-bottom: 3px solid #A09B98;
  padding: 16px;
  line-height: 26px;
  width: 100%;
  margin-top: 20px;
  text-align: left;
}

.yorumlarItemS1 {
  padding-bottom: 5px;
  font-size: 12px;
  color: #666;
  border-bottom: 1px dashed #A09B98;
}

.urunDetayPanel .button {
  color: #fff;
}

.urunTabAlt {
  font-family: 'Montserrat', sans-serif !important;
  padding: 0;
}

.urunTabAlt * {
  font-family: 'Montserrat', sans-serif !important;
}

.urunTabAlt i {
  font-family: 'FontAwesome' !important;
}

.urunTabAlt img {
  max-width: 100% !important;
}

.urunTabAlt iframe {
  max-width: 100% !important;
}

.urunTabAlt .ng-valid-email {
  text-align: left;
}

.urunTabAlt .button {
  padding: 10px 5px;
}

.orders .order-info i {
  margin-top: 0 !important;
}

#btnYorumKaydet {
  float: left;
  text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.urunTabAlt ul li {
  margin-bottom: 10px;
  clear: both;
}

.oneriValidate .validate {
  top: 0;
  padding: 5px;
}

.urunTabAlt ul li input {
  float: left;
  margin-right: 5px;
  width: auto !important;
}

.urunTabAlt ul li label {
  float: left;
  width: auto !important;
  line-height: normal;
}

.urunTabAlt ul li input[type="checkbox"] {
  margin-top: 0;
}

.urunTabAlt ul li .captchaImageBox {
  float: left;
}

.urunTabAlt ul li .captchaImageBox img {
  max-width: 100%;
  width: auto;
}

.urunTabAlt ul li .captchaInputBox {
  margin: 10px;
  float: left;
}

.urunTabAlt ul li.urundetyaGuvenlikodu span {
  float: left;
}

.urunTabAlt ul li .GuvnelikKodu {
  float: left;
  line-height: 50px;
  margin-right: 10px;
  display: block;
}

/*------------------------------------Etiketler--------------------------------------------*/
#divEtiketler {
  float: left;
  width: 100%;
  padding: 0 20px 20px;
  margin: 50px 0 0;
  background: #fff;
  text-align: center;
}

#divEtiketler .productModuleTitle {
  float: left;
  color: #202122;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  line-height: 30px;
  margin: 10px 0;
}

#divEtiketler a {
  color: #696d71;
  font-size: 13px;
}

#divEtiketler a:hover {
  text-decoration: underline;
}

/*******************************************URUN DETAY********************************/
/*******************************************KATEGORI**********************************/
.Block_Title {
  display: none;
}

.noProduct {
  background: url('/Uploads/Images/urunyok.png') center center no-repeat !important;
  width: 212px;
  height: 214px;
}

.noProduct * {
  display: none !important;
}

#divUstFiltreKategori {
  display: none;
}

#divUstFiltreMarka {
  display: none;
}

/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.categorydesign {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.categorydesign .Blok {
  margin: 0;
}

.leftBlock .categorydesign {
  display: block;
}

.categorydesign * {}

.categorydesign p {
  margin-bottom: 0;
}

.categorydesign strong {
  font-weight: bold;
}

.categorydesign strong * {
  font-weight: bold;
}

.categorydesign img {
  display: inline-block;
  vertical-align: middle;
}

/*------------------------------------KATEGORi AcIKLAMA-----------------------------------*/
.breadcrumbContent {
  float: left;
}

body ul.breadcrumb {
  margin: 0 auto;
  display: block !important;
  padding: 0 !important;
  border-radius: 0;
  float: none;
}

body ul.breadcrumb * {
  color: #000000;
  font-size: 12px !important;
  line-height: 50px !important;
  float: left;
  font-weight: 500;
}

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 5px;
  color: #000000;
  font-size: 12px;
  line-height: 50px;
  float: left;
  font-weight: 500;
}

body ul.breadcrumb li:nth-child(1) a:before {
  content: '\f3c5';
  font-family: 'FontAwesome';
  float: left;
  font-size: 13px;
  line-height: 50px;
  float: left;
  margin-right: 10px;
  font-weight: 500;
}

body ul.breadcrumb li:nth-last-of-type(1):after {
  display: none;
}

body ul.breadcrumb li:nth-last-of-type(1) * {
  color: #ef557f;
}

body a#linkOncekiSayfa {
  line-height: 50px;
  display: block;
  color: #000000;
  font-size: 12px !important;
  font-weight: 500;
}

.categoryTitle {
  float: left;
  width: 100%;
}

.categoryTitleText {
  float: left;
  width: 100%;
}

.categoryTitleText ul.breadcrumb {
  border-bottom: 1px solid #e5e5e5;
}

body #divSayfalamaUst {
  float: right;
  margin: 0 0 40px;
  padding: 0;
  text-align: center;
}

.urunListRel {
  width: 100%;
  float: left;
  position: relative;
}

.brandlistselection {
  display: inline-block;
  vertical-align: top;
  float: left;
  margin: 0;
  width: 100%;
}

.brandlistselection .clear {
  clear: none;
  display: none;
}

body #divSayfalamaUst .blockSelect {
  float: right;
  margin: 10px 0 0 5px;
  display: block !important;
  padding: 0;
}

body #divSayfalamaUst .blockSelect a {
  float: left;
  width: auto;
  height: auto;
  margin: 0 0 0 15px;
  padding: 0;
  text-align: center;
  border: none;
  background: transparent;
}

body #divSayfalamaUst .blockSelect i {
  color: #d7d7d7;
  line-height: 20px;
  font-size: 10px;
  font-family: 'FontAwesome';
  font-weight: 600;
}

body #divSayfalamaUst .blockSelect a:hover i {
  color: #000000;
  font-weight: 600;
}

body #divSayfalamaUst .blockSelect .sort_hrz {
  display: none;
}

body #divSayfalamaUst .blockSelect .sort_2 {
  display: none;
}

body #divSayfalamaUst .blockSelect .sort_5 {
  display: none;
}

body #divSayfalamaUst .blockSelect a.Active i {
  color: #000000;
  font-weight: 600;
}

body #divSayfalamaUst .blockSelect .sort_3 i:before {
  content: '\f111  \f111  \f111';
}

body #divSayfalamaUst .blockSelect .sort_4 i:before {
  content: '\f111  \f111  \f111  \f111';
}

body #divSayfalamaUst .blockSelect .sort_4 {
  border-left: 1px solid #e1e1e1;
  padding-left: 15px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
  float: left;
  width: 100%;
  z-index: 999;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {
  float: left;
  font-weight: normal;
  border-radius: 0;
  padding: 0;
  border: none;
  margin: 0 5px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):nth-child(1) {
  margin-left: 0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter):last-child {
  margin-right: 0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a {
  position: relative;
  background-color: transparent;
  color: #000000;
  font-size: 12px;
  border-radius: 0;
  padding: 0 8px;
  border: 1px solid #e5e5e5;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a span {
  font-weight: 500;
  line-height: 38px;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a:hover,
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected {
  color: #fff;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet span {
  float: left;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  line-height: 45px;
  padding: 0;
  margin: 0;
  display: none;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .appliedFilter.FiltrelemeUrunAdet {
  float: right;
  background-color: transparent;
  height: auto;
  padding: 0;
}

body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
  float: right;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
  background: transparent;
  float: left;
  width: 100%;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
  float: left;
  height: 45px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #e5e5e5;
  min-width: 160px;
  background: transparent;
  padding: 0;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
  height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  float: left;
  margin-right: 20px;
}

body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
  float: right;
}

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet {
  margin: 0;
}

body #divSayfalamaUst.Slct li.appliedFilter.FiltrelemeUrunAdet span {
  color: #040404;
  font-size: 12px;
  line-height: 45px;
  font-weight: 500;
  float: left;
  margin: 0;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock {
  padding: 0;
  background: transparent;
  color: #040404;
  font-size: 12px;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock span {
  line-height: 45px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock:before {
  content: '';
  width: 14px;
  height: 14px;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  float: left;
  margin: 15px 10px 0 0;
}

body #divSayfalamaUst.Slct .brandlistselection a.filterOrderInStock.selected:before {
  background: #000;
  border-color: #000;
}

body #divSayfalamaUst .filterDeleteContent {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  width: 100%;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter {
  padding: 0;
  margin: 0 15px 0 0;
  height: auto;
  background: transparent;
  border: 1px solid #666;
  width: auto;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a {
  width: 25px;
  margin: 0;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a i {
  font-family: 'FontAwesome';
  line-height: 30px;
  color: #040404;
  font-size: 15px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter a i:before {
  content: '\f00d';
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span {
  color: #666;
  font-size: 12px;
  text-align: left;
  margin-top: 2px;
  font-weight: normal;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter .filter-content span+span {
  color: #666;
  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 5px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span {
  line-height: 30px;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  margin: 0;
  width: 100%;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a {
  width: 100%;
  background: 0 0;
  line-height: 1;
  margin: 0;
  padding: 0 5px;
}

body #divSayfalamaUst .filterDeleteContent .appliedFilter.filtrelemeKaydet a .filter-content span {
  line-height: 30px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  margin: 0;
  width: 100%;
}

/*Filtre secili*/
@media screen and (min-width:1042px) {
  .sortingContent {
    display: block !important;
  }

  .col-5li {
    width: 20%;
  }

  /*ust Filitre*/
  body #divSayfalamaUst .filterBlock {
    float: left;
    border: none;
    border-radius: 0;
    width: auto;
    margin-bottom: 10px;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters {
    padding: 0;
    margin: 0;
    background: transparent;
    position: static;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel {
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
    position: relative;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel.vertical-top-price-filter {}

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading {
    padding: 0;
    border: none;
    margin: 0 0 5px 0;
    min-width: 160px;
    border-right: none;
    background-color: transparent !important;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading:after {}

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a {
    line-height: 40px;
    text-align: left;
    color: #000000;
    font-size: 12px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    font-weight: 500;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading a:after {
    content: '\f107';
    line-height: 40px;
    vertical-align: top;
    margin-left: 5px;
    position: static;
    color: #000000;
    font-size: 18px;
    font-family: 'FontAwesome';
    font-weight: 300;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .panel .panel-heading.active a:after {
    content: '\f106';
    color: #000;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown {
    top: 100%;
    width: 320px;
    padding: 20px 20px 0;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li {
    float: left;
    text-align: left;
    margin: 0 0 20px;
    width: 50%;
    padding: 0;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li ul {
    display: block;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown>li ul>li {
    width: 100%;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a {
    float: left;
    line-height: 10px;
    font-size: 12px;
    color: #000000;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .list-group.dropdown li a:hover {
    text-decoration: underline;
  }

  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:before {
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border: 1px solid #cccccc !important;
    border-radius: 0;
    background: #fff;
    display: inline-block !important;
    margin-top: 0;
    text-align: center;
    line-height: 10px;
  }

  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
    border-color: #cccccc !important;
    background: #fff;
    content: '\f00c';
    font-family: 'FontAwesome';
    color: var(--theme-color);
    font-size: 8px;
    font-weight: normal;
  }

  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
    border-color: #cccccc !important;
    background: #fff;
    content: '\f00c';
    font-family: 'FontAwesome';
    color: var(--theme-color);
    font-size: 8px;
    font-weight: normal;
  }

  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
    background: transparent !important;
  }

  body #divSayfalamaUst .category-vertical-filters .vertical-filter-panel .list-group-item a {
    color: #000;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li {
    width: 100%;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li:not(.list-group-item) {
    width: 100%;
    margin-bottom: 0;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li:not(.list-group-item) a {
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li:not(.list-group-item) ul {
    float: left;
    width: 100%;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .div-kategori .list-group.dropdown>li:not(.list-group-item) li {
    float: left;
    width: 100%;
    margin-bottom: 0;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range {
    background: #dfdfdf;
    height: 2px;
    width: 100%;
    margin: 11px 0 0;
    border: none;
    float: left;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-range {
    background: #262626;
    height: 2px;
    margin-top: 0;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .slider-range .ui-slider-handle {
    background: #fff;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    border: none;
    margin-top: 0;
    margin-right: -4px;
    top: -8px;
    box-shadow: 0 2px 1px 0 #b5b5b5;
  }

  body #divSayfalamaUst .category-vertical-filters.top-filters .amount {
    color: #262626;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    padding: 5px 0 0;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }

  /*ust Filitre*/
}

/*Sol Filtre*/
.leftBlock .category-vertical-filters {
  float: left;
  width: 100%;
  border: none;
  border-radius: 0;
  overflow: hidden;
  margin: 0 0 20px;
  text-align: center;
  padding: 0;
  background: transparent;
}

.leftBlock .panel-heading {
  position: relative;
  z-index: 1;
  float: left;
  padding: 0;
  width: 100%;
  text-align: left;
  border: none;
  margin: 0;
  background-color: transparent !important;
}

.leftBlock .panel-heading a {
  display: block;
  line-height: 45px;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  padding: 0;
}

.leftBlock .panel-heading a:after {
  content: '\f068';
  font-family: 'FontAwesome';
  float: right;
  font-weight: normal;
}

.leftBlock .panel-heading.active a:after {
  content: '\f067';
}

.leftBlock .category-vertical-filters>div {
  width: 100%;
  padding: 0;
  margin: 0;
  float: left;
  display: inline-block;
  border-bottom: 1px solid #ebebeb;
}

.leftBlock .category-vertical-filters>div:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) {
  margin-bottom: 0;
  width: 100%;
}

.leftBlock .category-vertical-filters .panel.div-kategori ul li:not(.list-group-item) a {
  margin-bottom: 10px;
}

.leftBlock .category-vertical-filters .panel.div-kategori>ul>li:not(.list-group-item)>a {
  font-size: 13px;
  margin-bottom: 15px;
}

.leftBlock .category-vertical-filters .panel.div-kategori>ul>li:nth-child(1):not(.list-group-item)>a {
  font-weight: 600;
}

.leftBlock .category-vertical-filters .panel.div-kategori>ul>li:not(.list-group-item) {
  margin-bottom: 5px;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .panel-search input {
  border: 1px solid #e5e5e5;
  height: 25px;
  padding: 0 5px;
  font-size: 12px;
  color: #000;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group {
  float: left;
  text-align: left;
  padding: 5px 0;
  margin: 0 0 20px;
  width: 100%;
  top: 100%;
  display: block;
  border: none;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item {
  float: left;
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  width: 100%;
  height: auto;
  border: none;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:last-child {
  margin-bottom: 0;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item a,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li a {
  float: left;
  font-size: 12px;
  color: #000000;
  display: inline-block;
  line-height: 12px;
  font-weight: normal;
  width: calc(100% - 22px);
  white-space: normal;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li:hover>a {
  text-decoration: underline;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul {
  float: left;
  width: 100%;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group li ul li:last-child {
  margin-bottom: 0;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
  background-size: 12px 12px !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image a {
  padding-left: 24px;
  width: auto;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image:before {
  display: none !important;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:before {
  margin-right: 10px;
  width: 12px;
  height: 12px;
  border: 1px solid #cccccc !important;
  border-radius: 0;
  background: #fff;
  display: inline-block !important;
  margin-top: 0;
  text-align: center;
  line-height: 10px;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
  border-color: #cccccc !important;
  background: #fff;
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 8px;
  font-weight: 600;
}

.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
  border-color: #cccccc !important;
  background: #fff;
  content: '\f00c';
  font-family: 'FontAwesome';
  font-size: 8px;
  font-weight: 600;
}

body .leftBlock .slider-range {
  float: left;
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 20px 0;
  height: 2px;
  background: #dddddd;
}

body .leftBlock .slider-range .ui-slider-range {
  height: 2px;
  background: #000;
  border-radius: 0;
  top: 0;
  margin: 0;
}

body .leftBlock .slider-range .ui-slider-handle {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: #000;
  border: none;
  margin: 0;
  top: -4px;
}

body .leftBlock .slider-range span:nth-child(2) {
  margin-left: 0;
}

body .leftBlock .slider-range span:nth-child(3) {
  margin-left: -10px;
}

body .leftBlock .amount {
  float: left;
  width: 100%;
  color: #000;
  font-size: 14px;
  text-align: center;
  margin-bottom: 20px;
}

body .leftBlock .FiyatTextBox {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

body .leftBlock .FiyatTextBox input {
  border: 1px solid #d7d7d7;
  height: 25px;
  padding: 0 5px;
  font-size: 12px;
  color: #000;
}

/*Sol Filtre*/
/*Fiyat Araligi*/
.brandlistselectionBottom {
  margin-bottom: 0;
  display: none;
}

#divSayfalamaAlt {
  width: 100%;
  margin: 0;
}

.pageNumber {
  float: right;
  text-align: right;
  margin: 0;
  display: none;
}

.pageNumber a {}

.pageNumberContent {}

.pageNumberBottom {
  float: right;
  text-align: right;
  margin: 50px 0;
  padding: 0;
  width: 100%;
  display: block;
  vertical-align: middle;
}

.pageNumberContent,
.pageBorder {
  display: inline-block;
  vertical-align: top;
}

.pageNumberContent a,
.pageBorder a {
  border: 1px solid #000;
  background: #fff;
  color: #000000;
  float: left;
  position: relative;
  display: block;
  min-width: 35px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  font-size: 13px;
  border-radius: 50%;
  font-weight: normal;
  margin: 0 5px;
}

.pageNumberContent a.butonDisabled,
.pageBorder a.butonDisabled {
  opacity: 1 !important;
}

.pageNumberContent a:hover,
.pageBorder a:hover {
  color: #fff;
}

.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa {
  color: #fff;
}

.KategoriFilitrelemeContent .Block_Title {
  display: none;
}

/*******************************************KATEGORi**********************************/
/* ------------------------------------Vitrin urunleri--------------------------------------------*/
.homeContainer .ProductListContent {
  float: left;
  width: 100%;
  margin: 30px 0;
  position: relative;
}

.homeContainer .ProductListContent .ProductList {
  display: block;
  margin: 0 auto;
}

.homeContainer .ProductListContent .ItemOrj {
  padding: 0 10px;
  margin-bottom: 20px;
  width: 25%;
  max-width: 25%;
}

.homeContainer .ProductListContent .productItem {
  margin-bottom: 0;
}

/* ------------------------------------Vitrin urunleri--------------------------------------------*/
/****************************************urun LiSTELEME *********************************/
.ProductListContent {
  float: left;
  width: 100%;
}

.categoryContainer .ProductListContent {
  float: left;
  width: 100%;
}

.categoryContainer .ProductList {
  margin: 0 -10px
}

.categoryContainer .ProductListContent .productItem {
  margin-bottom: 20px;
}

.categoryContainer .ProductList.PlSc_hrz .ItemOrj {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.categoryContainer .ProductList.PlSc_2 .ItemOrj {
  width: 50%;
  max-width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.categoryContainer .ProductList.PlSc_3 .ItemOrj {
  width: 33.33%;
  max-width: 33.33%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
}

.categoryContainer .ProductList.PlSc_4 .ItemOrj {
  width: 25%;
  max-width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.categoryContainer .ProductList.PlSc_5 .ItemOrj {
  width: 20%;
  max-width: 20%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

.ItemOrj {
  float: left;
  padding: 0 10px;
  width: 33.33%;
  max-width: 33.33%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
}

.productItem {
  width: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
  float: left;
  font-size: 0;
}

.productItem:hover {
  box-shadow: 0 0 18px -5px rgba(0, 0, 0, 0.1), 0 0 10px -5px rgba(0, 0, 0, 0.04);
}

.productItem .productIcon {
  width: 100%;
  height: 100%;
}

.productItem .productImage {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.productItem .productImage a {
  display: block;
  position: relative;
  padding-bottom: 131%;
}

.productItem .productImage .Videolu {
  display: block;
  position: relative;
  padding-bottom: 131%;
}

.productItem .productImage img {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.productItem .productImage .Videolu video {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
}

.productItem.StokYok .productImage img {
  opacity: 0.4
}

.productItem .productDetail {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  height: 135px;
  padding: 35px 5px 5px;
  transition: all 0.3s ease;
}

.productItem .productName {
  position: relative;
  margin: 0;
  float: left;
  width: 100%;
}

.productItem .productName a {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0;
  line-height: 20px;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.productItem:hover .productName a {
  text-decoration: underline;
}

.productItem .productPrice {
  display: block;
  vertical-align: top;
  position: relative;
  margin: 13px 0 0;
  bottom: 0;
  float: left;
  width: 100%;
  text-align: center;
}

.productItem .discountPrice {
  display: inline-block;
  vertical-align: top
}

.productItem .discountPrice span {
  font-size: 16px;
  line-height: 0.8;
  font-weight: 700;
  color: #131313;
}

.productItem .discountKdv,
.productItem .regularKdv {
  display: none;
}

.productItem .regularPrice {
  display: inline-block !important;
  vertical-align: top;
  margin-left: 10px;
  ;
}

.productItem .regularPrice span {
  font-size: 13px;
  color: #131313;
  line-height: 0.8;
  font-weight: normal;
  text-decoration: line-through;
}

.productItem .productMarka {
  display: none !important;
}

.productItem .productOnYazi,
.productItem .productOnYazi * {
  background: none !important;
  font-family: 'Montserrat', sans-serif !important;
  color: #000000;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300
}

.productItem .productOnYazi {
  display: none;
  float: left;
  margin: 3px 0;
  width: 100%;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*Urun Iconlari*/
.urunListStokUyari,
.discountIcon div,
.discountIcon .discountIcon_s2,
.examineIcon {
  z-index: 3;
  display: none;
}

.newIcon {
  display: block;
  float: left;
  width: 45px;
  height: 20px;
  line-height: 20px;
  background: #000000;
  margin-bottom: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

.discountIcon {
  display: block;
  float: left;
  width: 45px;
  height: 20px;
  line-height: 20px;
  margin-bottom: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

.firsatIcon {
  display: block !important;
  float: left;
  width: 100px;
  height: 20px;
  line-height: 20px;
  background: #00c753;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

.cargoIcon {
  float: left;
  width: 45px;
  height: 20px;
  background: #eeeeee;
  margin-bottom: 7px;
}

.cargoIcon:before {
  content: '\f0d1';
  font-family: FontAwesome;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}

.mycartIcon {
  display: block;
  float: left;
}

.favori {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}

.productYeInUcFi {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  flex-direction: column
}

.discountIcon span,
.mycartIcon a span {
  font-weight: 600;
}

.favori a,
.examineIcon a {
  display: block;
  font-size: 0;
}

.mycartIcon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 115px;
  display: none
}

.productItem:hover .mycartIcon {
  display: block;
}

.mycartIcon a {
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  float: left;
  width: 100%
}

.examineIcon a:before,
.favori a:before,
.mycartIcon a:before {
  font-family: 'FontAwesome';
  display: inline-block;
  vertical-align: top;
}

.favori a:before {
  content: '\f004';
  font-size: 20px;
  font-weight: 600;
  color: #d7d7d7;
}

.TukendiIco {
  z-index: 5;
  border-radius: 0;
  background: transparent;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  height: calc(100% - 115px);
  overflow: hidden;
}

.TukendiIco span {
  line-height: 25px;
  background: #f8f8f8;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border: none;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 2px
}

.StokYok .cargoIcon,
.StokYok .firsatIcon,
.StokYok .newIcon {
  display: none;
}

.StokYok .productYeInUcFi {
  display: none !important;
}

body .productItem .divVideoPlayButton {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  height: calc(100% - 90px);
  overflow: hidden;
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

body .productItem .divVideoPlayButton a.urunListeVideoPlay i {
  font-family: 'FontAwesome';
  font-weight: 300;
  font-size: 40px;
  display: inline-block;
  vertical-align: top;
  margin-top: -20px;
  text-shadow: 0 0 4px #848484;
}

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;
}

.productItem .productPoints {
  float: left;
  width: 100%;
  clear: none;
  margin-bottom: 5px;
  text-align: center;
}

.productItem .productPoints .rating {
  margin: 0;
}

.productItem .productPoints .rating i {
  color: #cacaca;
  font-size: 17px;
  margin-right: 1px;
}

.productItem .productPoints .rating i:last-child {
  margin-right: 0;
}

.productItem .productPoints [data-rating^='1'] .star-1 {
  color: #ff8a00;
}

.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 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='2'] .star-1 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='2'] .star-2 {
  color: #ff8a00;
}

.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 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='3'] .star-1 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='3'] .star-2 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='3'] .star-3 {
  color: #ff8a00;
}

.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 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='4'] .star-1 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='4'] .star-2 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='4'] .star-3 {
  color: #ff8a00;
}

.productItem .productPoints [data-rating^='4'] .star-4 {
  color: #ff8a00;
}

.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: #ff8a00
}

.productItem .productPoints [data-rating="5"] i {
  color: #ff8a00;
}

/****************************************urun LiSTELEME *********************************/
/****************************************SLiDER VE BLOK SLDieR*********************************/
#mainHolder_divDesign .JKatAdi.categoryTitle,
.JKatAdi {
  float: left;
  position: relative;
  width: 100%;
  padding: 0 !important;
  margin: 0 0 10px !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 {
  display: inline-block;
  vertical-align: top;
  padding: 0 !important;
  background: #fff;
  line-height: 45px;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}

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

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .ProductListprev,
.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev,
.InstaGallery .owl-carousel .owl-nav .InstaGallerynext,
.owl-carousel .owl-nav .ProductListnext,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext {
  font-size: 0;
  position: absolute;
  border-radius: 0;
  border: none;
  width: 30px !important;
  height: 50px !important;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  background: transparent !important;
}

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

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

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .ProductListprev:before,
.owl-carousel .owl-nav .ProductListnext:before,
.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,
.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {
  font-family: 'FontAwesome';
  font-size: 50px !important;
  line-height: 50px !important;
  font-weight: 300;
  color: #959595;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:hover:before,
.owl-carousel .owl-nav .ProductListprev:hover:before,
.owl-carousel .owl-nav .ProductListnext:hover:before,
.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:hover:before,
.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:hover:before,
#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:hover:before {
  color: #000;
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
.InstaGallery .owl-carousel .owl-nav .InstaGalleryprev:before,
.owl-carousel .owl-nav .ProductListprev:before {
  content: '\f053';
}

#mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before,
.InstaGallery .owl-carousel .owl-nav .InstaGallerynext:before,
.owl-carousel .owl-nav .ProductListnext:before {
  content: '\f054';
}

#mainHolder_divDesign .owl-carousel .owl-dots,
.owl-carousel .owl-dots {
  display: none;
}

.instashop-context {
  text-align: center;
}

.instashop-context .AllImages {
  display: inline-block;
  vertical-align: top;
  background: #000;
  color: #fff;
  padding: 10px;
  margin-top: 15px;
}


.owl-carousel .owl-dots {
  display: none;
}

.sliderBannerContainer {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
}

.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: 0;
  padding-bottom: 40px;
  margin: 40px 0;
}

.detaySliderContainer .ProductList {
  display: block !important;
  margin: 0 auto;
}

.detaySliderContainer .Jbutonlar {
  display: none;
}

.detaySliderContainer .jCarouselLite {
  float: left;
  width: 100%;
}

/* -------------------------------Anasayfa Slider----------------------------------------*/
#pnlSlider {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 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: 28px;
  right: 0;
  left: 0;
}

#pnlSlider .flex-control-paging li {
  margin: 0 2px;
}

#pnlSlider .flex-control-paging li a {
  float: right;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

#pnlSlider .flex-direction-nav {
  position: absolute;
  top: 45%;
  left: 20px;
  right: 20px;
}

#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 {
  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;
}

#pnlSlider .flex-direction-nav .flex-prev {
  left: 0;
}

#pnlSlider .flex-direction-nav .flex-next {
  right: 0;
}

#pnlSlider .flex-direction-nav .flex-prev:before,
#pnlSlider .flex-direction-nav .flex-next:before {
  font-family: 'FontAwesome';
  font-size: 45px;
  font-weight: 300;
  line-height: 45px;
}

#pnlSlider .flex-direction-nav .flex-prev:before {
  content: '\f053';
}

#pnlSlider .flex-direction-nav .flex-next:before {
  content: '\f054';
}

#pnlSlider .flex-direction-nav a:before {
  text-shadow: none;
}

#pnlSlider .flex-direction-nav a:after {
  text-shadow: none;
}

#pnlSlider .HPSItems .flex-control-thumbs {
  position: static;
  float: left;
  width: 100%;
  background: #fff;
  margin: 0;
}

#pnlSlider .HPSItems .flex-control-thumbs li {
  width: 110px;
  position: relative;
  height: 62px;
}

.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%;
}

.HomePageSlideShowContainer .flex-control-nav img {
  border: none;
  margin: auto;
  padding: 0;
  max-width: 75px;
  width: auto;
  opacity: 0.4;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.HomePageSlideShowContainer .flex-control-nav .flex-active {
  opacity: 1;
}

/* ------------------------------------Anasayfa Slider--------------------------------------------*/
/*------------------------------------markalar slider--------------------------------------------*/
/*.markaSlider { float: left; width: 100%;}
.markaSlider .jCarouselLite {display: block;margin: 0 auto;}
.markaSlider .owl-carousel {float: left;width: 100%;}
.markaSlider .owl-carousel .owl-stage-outer {}
.markaSlider:before { content: ''; display: table; clear: both; }
.markaSlider ul li { float: left; width: 100%; display: inline-table;}
.markaSlider ul li a { display: table-cell; overflow: hidden; max-width: 100%; vertical-align: middle; padding-bottom: 27%;background: transparent;border-radius: 0;overflow:hidden;}
.markaSlider ul li a img { max-width: 100%;max-height: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-filter: grayscale(0); filter: grayscale(0); }
.markaSlider ul li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }*/
/*------------------------------------markalar slider--------------------------------------------*/
/*------------------------- Header content ------------------------*/
.hoverr:before {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.18);
  z-index: 10;
  clear: none;
  display: block !important;
}

#header:before {
  content: '';
  display: table;
}

#header:after {
  content: '';
  display: table;
}

#header {
  width: 100%;
  position: relative;
  float: left;
  z-index: 1000;
}

.headerContent {
  text-align: center;
}

.headerContent:before {
  content: '';
  display: block;
  clear: both;
}

.headerContent:after {
  content: '';
  display: block;
  clear: both;
}

/*------------------------- Header content ------------------------*/
/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
#logo {
  display: inline-block;
  vertical-align: top;
  float: left;
}

#logo .logo {
  height: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

#logo .logo img {
  display: block;
  max-width: 100%;
  max-height: 60px;
}

#instaStories {
  float: right;
  width: auto;
  margin-right: 20px;
  margin-top: 2px;
}

#instaStories.stories.carousel .story {
  display: inline-block;
  width: 46px;
  max-width: 90px;
  margin: 0;
  vertical-align: top;
}

#instaStories.stories.carousel .story>.item-link>.item-preview {
  border-radius: 100%;
  font-size: 0;
  max-height: 90px;
  height: 45px;
  overflow: hidden;
  transition: transform .2s;
  display: block;
  padding: 2px;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

#instaStories.stories.carousel .story>.item-link>.item-preview img {
  display: block;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: 0 !important;
  border-radius: 100%;
}

#instaStories.stories.carousel .story>.item-link>.info {
  display: none;
}

@media(max-width:767px) {
  body #header .stories.carousel {
    margin: 0;
    position: absolute;
    right: 87px;
    top: 13px;
  }

  body #header .stories.carousel .story {
    width: 30px;
    max-width: 30px;
  }

  body #header .stories.carousel .story>.item-link>.item-preview {
    max-height: 30px;
    height: 30px;
  }
}

.mycart {
  float: right;
  z-index: 99;
  position: relative;
  margin: 0 1px 0 30px;
  display: none;
}

.mycart:before {
  content: '\f290';
  font-family: 'FontAwesome';
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  float: left;
  border: 1px solid #e6e6e6;
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  margin-right: 14px;
}

.mycart>a {
  display: block;
  color: #000000;
  font-size: 12px;
  float: left;
  text-align: left;
}

.mycart .sepetTecxt {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 4px;
}

.mycart .sepetUrunSayisi {
  display: inline-block;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.mycart .sepetUrun {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  line-height: 20px
}

.mycart .sepetUrun:after {
  content: '-';
  margin-left: 3px;
}

.sepetTopTutar {
  display: inline-block !important;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  line-height: 20px
}

.CartProduct {
  display: block !important;
  width: 310px;
  background: #fff;
  float: left;
  border: 1px solid #e5e5e5;
  padding: 5px;
  z-index: 99999;
  position: absolute;
  top: 120%;
  right: -1px;
  margin-left: -150px;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, .3);
  -webkit-transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.CartProduct:before {
  position: absolute;
  width: 15%;
  right: 0;
  top: -18px;
  height: 20px;
  content: '';
}

.CartProduct:after {
  content: '';
  position: absolute;
  top: -10px;
  right: 0;
  height: 0;
  width: 0;
  border-bottom: 10px solid #e5e5e5;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
}

.CartProduct .SPrice {
  float: left;
  height: 30px;
  background: transparent;
  width: 100%;
  text-align: right;
  margin: 15px 0 10px;
  display: none;
}

.CartProduct.more .SPrice {
  display: block;
}

.CartProduct .SPrice * {
  color: #000;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
}

.CartProduct .SPrice .sepetToplamTutar {
  color: #000;
  margin-left: 5px;
}

.CartProduct .SProduct {
  max-height: 300px;
  float: left;
  width: 100%;
  display: table;
  overflow: hidden;
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  color: #000000;
  overflow-y: auto;
  padding: 0;
}

.CartProduct .SProduct li {
  display: block;
  padding: 0 0 15px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}

.CartProduct .SProduct li:after {
  clear: both;
  display: table;
  content: "";
}

.CartProduct .SProduct li a {
  float: left;
  display: table;
  width: 100%;
}

.CartProduct .SProduct li a .SepettopAd span:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50px;
}

.CartProduct .SProduct li a .SepettopAd span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.CartProduct .SProduct li a .sepetTopFiyat {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 65px;
}

.CartProduct .SProduct li a:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  width: auto !important;
}

.CartProduct .SProduct li a * {
  display: table-cell !important;
  vertical-align: middle !important;
  color: #232120;
  font-size: 12px;
  line-height: 14.4px;
  padding: 0 2px;
  text-align: left;
}

.CartProduct .SProduct li a .sepetTopBirimFiyat {
  display: none !important;
}

.CartProduct .SProduct li a .fa-times {
  font-family: 'FontAwesome';
}

.CartProduct .SProduct li a .fa-times:before {
  content: '\f056';
}

.CartProduct .SProduct li a .sepetTopFiyat {
  white-space: nowrap;
  color: #000;
  font-weight: 600;
  float: right;
  line-height: 70px;
}

.CartProduct .SProduct .SepetTopSil {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.CartProduct .SProduct li a img {}

.CartProduct .button {
  margin: 5px 5px 0 !important;
  float: left;
  width: calc(50% - 10px);
  font-size: 13px !important;
  line-height: 22px;
  border-radius: 5px;
}

.CartProduct .headerCartBtn {
  line-height: 20px;
  border: 1px solid #ddd;
  background: transparent;
  color: #000;
}

.CartProduct .headerOrderBtn {}

.CartProduct .headerCartBtn:hover {
  color: #fff;
}

.more .headerCartBtn {
  display: block !important;
}

.more .headerOrderBtn {
  display: block !important;
}

.CartProduct .divustSepetteUrunYok {
  margin: 15px 0;
}

@media(min-width: 768px) {
  .mycart:hover .CartProduct {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.sepetimBody .AllCategory {
  display: none;
}

.sepetimBody .linkRebatedProducts {
  margin-left: 0;
}

.sepetimBody .searchContent {}

.welcome {
  float: right;
  z-index: 99;
  position: relative;
  display: none;
}

.welcome:before {
  content: '\f007';
  font-family: 'FontAwesome';
  line-height: 48px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 19px;
  font-weight: 600;
  float: left;
  margin-right: 14px;
}

.welcome>div {
  float: left;
}

.welcome>ul {
  float: left;
}

.uyeGirisWelcome,
.uyeGirisUyeAdi {
  display: none;
}

.headerUyeGiris a,
.headerHesabim {
  display: block;
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  text-align: left;
}

.headerUyeOl a,
.headerCikis {
  display: block;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.headerUyeOl a:before,
.headerUyeGiris a:before,
.headerHesabim:before,
.headerCikis:before {
  font-family: 'FontAwesome';
  line-height: 14px;
  font-size: 19px;
  font-weight: 600;
  float: left;
}

.welcome li {
  display: block;
  vertical-align: top;
}

.headerSocialConnect {
  display: none !important;
  float: right;
  margin-left: 25px;
}

.headerSocialConnect .baglanButton {
  background: transparent !important;
  border: none;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.headerSocialConnect .baglanButton a {
  line-height: 43px;
  color: #fff;
  text-indent: 0;
  font-size: 12px;
  font-weight: normal;
  padding: 0;
}

.headerSocialConnect .baglanButton a:before {
  content: '\f39e';
  font-family: 'FontAwesomeBrands';
  margin-right: 10px;
  font-size: 12px;
  line-height: 43px;
  vertical-align: top;
  font-weight: normal;
}

.usernav {
  display: none;
}

.searchContent {
  opacity: 0;
  float: right;
  z-index: 2;
  transition: top .3s ease-in-out;
  width: 31%;
  margin: 30px 13.5% 0 0;
  position: relative;
}

.searchContent.active {
  top: 100%;
}

.searchContent.zindex {
  z-index: 1;
}

#divAramaKategori {
  display: none !important;
  position: absolute;
  left: 0;
  top: 5px;
}

#divAramaKategori select {
  cursor: pointer;
  background: #f5f5f5;
  display: block;
  height: 36px;
  border: none;
  border-right: 1px solid #dcdcdc;
  width: 135px;
  padding: 0 0 0 15px;
  border-radius: 0;
  text-transform: uppercase;
  color: #807e7e;
  font-size: 12px;
  font-weight: 300;
}

#divAramaKategori option {
  text-transform: capitalize;
}

.search {
  display: block;
  margin: 0 auto;
}

.ButtonMic {
  display: none !important;
  position: absolute;
  right: 75px;
  top: 1px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #795f52;
  font-size: 14px;
  width: 20px;
  height: 40px;
}

#txtbxArama {
  float: left;
  width: 100%;
  height: 40px;
  border-radius: 0;
  color: #959595;
  background: transparent;
  border: 1px solid #e5e5e5;
  padding-left: 10px;
  padding-right: 100px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#txtbxArama::-webkit-input-placeholder {
  color: #959595;
}

#txtbxArama:-moz-placeholder {
  color: #959595;
}

#txtbxArama::-moz-placeholder {
  color: #959595;
}

#txtbxArama:-ms-input-placeholder {
  color: #959595;
}

#txtbxArama:focus {
  color: #959595;
}

#btnKelimeAra {
  width: 100px;
  line-height: 40px;
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  z-index: 9;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.searchContent ul {
  padding: 15px !important;
  text-align: left;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.searchContent ul li {
  float: left;
  width: 100%;
}

.searchContent ul li a {
  line-height: 30px;
  font-size: 13px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  float: left;
}

.navigation {
  float: left;
  width: 100%
}

.navigation>div {
  z-index: 1;
  text-align: center;
  padding: 0 !important;
}

.navigation>div #divUcTopMenu {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.homeHeader .navigation>div #divUcTopMenu {
  border-bottom: none;
}

.navigation .navUl {
  display: inline-block;
  font-size: 0;
  padding: 0;
  text-align: center;
}

.navigation .navUl>li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px;
}

.navigation .navUl>li>a {
  float: left;
  color: #010101;
  font-size: 14px;
  font-weight: 400;
  line-height: 69px;
  position: relative;
}

.navigation .navUl>li:hover>a:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
}

.navigation .navUl>li.ulVar:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 20px);
  height: 20px;
  display: none;
}

.navigation .navUl>li.ulVar:hover:after {
  display: block;
}

.navigation .navUl>li>.Flexscroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 475px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  display: none;
  text-align: left;
  display: none;
  padding: 30px;
  border-top: 1px solid #e5e5e5;
}

.navigation .navUl>li:hover>.Flexscroll {
  display: block;
}

.navigation .navUl>li .Flexscroll>ul {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.navigation .navUl>li .Flexscroll>ul li a {
  color: #000000;
  font-weight: normal;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

.navigation .navUl>li .Flexscroll>ul>li {
  margin-bottom: 10px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.navigation .navUl>li .Flexscroll>ul>li>a {
  font-size: 14px;
  font-weight: 600;
  display: table-cell;
}

.navigation .navUl>li .Flexscroll>ul>li>ul {
  float: left;
  width: calc(100% - 20px);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
}

.navigation .navUl>li .Flexscroll>ul ul ul {
  padding-left: 5px;
}

.navigation .navUl>li .Flexscroll>ul ul ul ul {
  padding-left: 5px;
}

/* ------------------------------------Resimli Yan Menu--------------------------------------------*/
#header .yanResimliMenu {
  display: none;
}

/*------------------------------------Resimli Yan Menu--------------------------------------------*/
#lang_flag_container {
  top: -40px !important;
  left: 0 !important;
  z-index: 9999 !important;
  display: inline-block !important;
}

#lang_flag_container #lang-detail {
  left: 0 !important;
  top: 100% !important;
  border-top: none !important;
  box-shadow: 0 7px 10px -2px rgba(0, 0, 0, .3) !important;
}

#lang {
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 400;
  padding: 13px 0 !important;
  background-image: none;
  text-transform: uppercase;
}

#lang span {
  font-weight: 400;
}

#lang span:after {
  content: '\f107';
  font-family: 'FontAwesome';
  margin-left: 5px;
  font-size: 10px;
  color: #000000;
}

#lang_flag_container:hover #lang {
  color: #636363 !important;
  font-weight: 400;
}

#langHover {
  padding: 0 !important;
}

#langHover.white {
  background: transparent !important;
}

a#ucSepetim_btnSepetiTemizle {
  margin-top: 28px;
  display: inline-block;
}

#lang-detail .language a {
  font-size: 11px !important;
}

#lang-detail .currency a {
  font-size: 11px !important;
}

#lang-detail p {
  font-size: 12px !important;
}

/*------------------------- Header logo, search, mycart, lang, welcome, navi Alanlari ------------------------*/
/********************************* HEADER ALAN KISMIDIR ****************************************/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
.hesabimAnasayfaMenuler ul li a:hover .fa {
  color: #fff;
}

.siparisTakipSayfasi {
  background: #fff;
}

.siparisTakipSayfasi .siparisTakipBaslik {
  text-align: center;
  padding: 20px 0 !important;
}

.sepetiTemizle {
  float: right;
  line-height: 43px;
  padding: 0 10px;
}

.popupSepet {
  width: 99%;
}

.popupSepet #hed div {
  width: 94%;
}

.sayfaIcerik * {
  font-family: 'Montserrat', sans-serif !important;
}

#mainHolder_UrunDetay_imgCookie {
  display: none !important;
}

.product_social_icon_wrapper {
  display: none;
}

.HesabimContainer .urunDetayPanel {
  max-height: 100%;
}

.orders {
  width: 100%;
}

.innerContainer {}

.TumKategoriler {
  display: none;
}

.welcomeOpen {
  display: none;
}

.mycartClick {
  display: none;
}

.searchClick {
  display: none;
}

.userLoginBtn,
.userSignBtn {
  border: none !important;
}

.magazaTeslimatBilgisiContent {
  display: none;
}

#store_region_container {
  display: none;
}

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

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

/*Siteye ozel alan*/
/*Site ici scroll alanlar*/
#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,
.navigation .navUl>li>.Flexscroll>ul>li>ul::-webkit-scrollbar,
.navigation .navUl>li .Flexscroll::-webkit-scrollbar {
  width: 4px;
  border-radius: 5px
}

#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,
.navigation .navUl>li>.Flexscroll>ul>li>ul::-webkit-scrollbar-track,
.navigation .navUl>li>ul>li>ul>li>ul::-webkit-scrollbar-track,
.navigation .navUl>li .Flexscroll::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px
}

#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,
.navigation .navUl>li>.Flexscroll>ul>li>ul::-webkit-scrollbar-thumb,
.navigation .navUl>li .Flexscroll::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 5px
}

/*Site ici scroll alanlar*/
/*------------------------------------Sabit Renkler--------------------------------------------*/
/*White Background*/
body,
.owl-carousel .owl-nav .ProductListprev,
.owl-carousel .owl-nav .ProductListnext,
body .alisverisedevamet,
#pnlSlider .flex-control-paging li a {
  background: #fff;
}

/*White Color*/
.ProductIcon2>div>a:hover,
.ProductIcon>div:hover .box1,
#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next,
.owl-carousel .owl-nav .ProductListprev:hover:before,
.owl-carousel .owl-nav .ProductListnext:hover:before,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected,
.siparisOzetTakip {
  color: #fff;
}

/*Black Background*/
.pageNumberContent a:hover,
.pageBorder a:hover,
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa,
.buyfast input,
.ProductIcon>div:hover .box1,
.basketBtn input,
.mycartIcon a {
  background: #000
}

/*Pink Color*/
.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,
.TeslimatAdresTittle,
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,
#pnlSlider .flex-direction-nav .flex-next:hover:before,
#pnlSlider .flex-direction-nav .flex-prev:hover:before,
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir a span,
body .siparisUrunUyariSecenek .siparisUrunDurumBaslik,
.newsbutton,
body ul.breadcrumb li:nth-last-of-type(1) *,
.UFavorilerimeEkle #aFavroriCikarBtn .box1,
.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,
.urunTab>ul>li.active>a,
.UFavorilerimeEkle a#aFavroriCikarBtn .box1 i,
.htop .ticiContainer>p,
.welcome:before,
.mycart:before,
.productItem:hover .favori a:before,
.favori a.listfavoriAktif:before,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before,
.headerUyeOl a:before,
.headerUyeGiris a:before,
.headerHesabim:before,
.headerCikis:before,
.BasketPage .AdresItemAlt a:hover,
.BasketPage .sepetiTemizle:hover,
.BasketPage .sepet-sil:hover:before,
.BasketPage .sepetTitle2 a:hover,
.baglanButton:hover,
.BasketPage .faturaAdresBtn:hover,
.adresAyniBtn:hover,
.socialStore .socialDiv ul li a:hover,
.socialStore .store ul li a:hover,
.mobilMenu .navUl>li>a:hover,
.mobilMenu .navUl>li>ul li a:hover,
.mobilMenu .navUl>li .ResimsizDown:hover,
.mobilMenu .navUl>li>ul li .ResimsizDown2:hover,
.mobilMenu .navUl>li>ul>span:hover,
.mobilMenu .navUl>li>ul li ul>span:hover,
.menuUstBolum .CloseBtnMenu:hover,
.menuUstBolum .mobilMenuBT:hover,
.mobilMenuAcButton:hover,
.favi:hover,
.mycart:hover>a,
.mycart:hover>a span,
.headerSocialConnect .baglanButton a:hover,
.welcome a:hover,
.headerUyeGiris a:hover,
.headerHesabim:hover,
.headerCikis:hover,
.arabtn:hover,
.CartProduct .SProduct li a:nth-child(2):hover *,
.RightDetail .riSingle a.riUp:hover,
.RightDetail .riSingle a.riDown:hover,
.UFavorilerimeEkle .box1 i:hover,
.navigation .navUl>li .Flexscroll>ul>li:hover>a,
.navigation .navUl>li ul li a:hover,
.leftBlock .category-vertical-filters .vertical-filter-panel .list-group-item:hover:before {
  color: var(--theme-color);
}

/*Pink Background*/
body .button,
.baglanButton,
.siparisOzetTakip,
body.sepetimBody .basketCompletebtn,
#AdresContent .button,
.BasketPage .OdemeMenu ul li.activeMenu>a,
#pnlSlider .flex-control-paging li a.flex-active,
.favi span,
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected,
.discountIcon,
#divIndirimOrani,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected,
.menuUstBolum,
.SepetUst,
body .category-vertical-filters.top-filters .FiltreUst,
.urunOzellik .mobilTab>ul>li.active>a,
.favNum,
#btnKelimeAra,
.navigation .navUl>li>a:after,
.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,
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a:hover,
.ProductIcon2>div>a:hover,
.basketBtn input:hover,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover {
  background: var(--theme-color);
}

/*Pink Border Color*/
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a:hover,
.BasketPage a.YeniAdresEkle:hover,
.OdemeMenu ul li:hover,
.BasketPage .OdemeMenu ul li:hover>a,
.CartProduct .headerCartBtn:hover,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box:hover,
.UFavorilerimeEkle:hover,
.iletisimContent .iletisimRight .iletisimbanka .span>.line1:nth-child(n+2),
body #divSayfalamaUst .filterDeleteContent .appliedFilter.FiltrelemeKaldir,
body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a.selected,
.OdemeMenu ul li.activeMenu,
#divUrunEkSecenek .eksecenekLine.kutuluvaryasyon .right_line .size_box.selected,
.urunTab>ul>li.active>a,
.welcome:hover:before,
.mycart:hover:before,
#txtbxArama:hover {
  border-color: var(--theme-color);
}

/*------------------------------------Sabit Renkler--------------------------------------------*/
.baglanButton {
  border-color: transparent;
}

.Basketstep ul li:before {
  border: 1px solid #ef557f;
}

.pageNumberContent a:hover,
.pageBorder a:hover,
.pageNumberContent a.SelectedSayfa,
.pageBorder a.SelectedSayfa {
  border-color: #e5e5e5;
}

.BasketDetail table tbody tr td a {
  display: inherit;
}

.BasketDetail table tbody tr td:last-child a {
  display: block;
}

.sepetimBody #header:after {
  display: none;
}

.newsbutton.button {
  background: #fff !important;
}

#pnlSlider .flex-direction-nav .flex-prev,
#pnlSlider .flex-direction-nav .flex-next {
  border: none;
  background: transparent;
}

body .adresGir .kirmiziButon {
  background: #ca2128 !important;
  border-color: #ca2128 !important;
}

body .adresGir .yesilButon {
  background: #59962d !important;
  border-color: #59962d !important;
}

.productItem .regularPrice span {
  color: #7d7d7d;
  -moz-text-decoration-color: #7d7d7d;
  text-decoration-color: #7d7d7d;
}

.PiyasafiyatiContent .right_line * {
  color: #131313;
  font-size: 15px;
}

#divIndirimsizFiyat .left_line {
  line-height: 20px;
}

.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line *,
#divIndirimsizFiyat .right_line,
#divIndirimsizFiyat .left_line {
  color: #000;
}

.IndirimliFiyatContent .right_line *,
#divTurkLirasiFiyat .right_line *,
#divIndirimsizFiyat .right_line *,
#divKDVDahilFiyat .right_line * {
  font-size: 20px;
  font-weight: 700;
}

.RightDetail .riSingle a.riUp,
.RightDetail .riSingle a.riDown {
  font-size: 10px;
  color: #000000;
  background: transparent;
}

#txtbxurunSiparisAdedi,
#divAdetCombo select {
  background: #fff;
  color: #000000;
  border: 1px solid #e5e5e5;
}

.ProductIcon2>div>a {
  background: #ebebeb;
  color: #000000;
}

.ProductIcon>div:hover .box1 {
  border-color: #000;
}

.KasaOnuFirsatlarContent ul li a.button:hover {
  border: none !important;
}

.BasketPage a.YeniAdresEkle:hover {
  color: #fff !important;
}

.baglanButton:hover {
  background: transparent;
}

body .adresGir .kirmiziButon:hover {
  background: #9e1a20 !important;
  color: #fff !important;
}

body .adresGir .yesilButon:hover {
  background: #406d20 !important;
  color: #fff !important;
}

/*siteye özel içerik*/
#header {
  background: #fff;
  transition: left .3s ease-in-out;
}

#logo .htop {
  display: none;
}

.htop {
  float: left;
  width: 100%;
  background: #f8f8f8;
  display: block;
}

.htop .ticiContainer {
  padding: 0 100px;
}

.htop .ticiContainer>p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}

.header-right {
  float: right;
  margin-top: 25px;
}

.header-right .mycart,
.header-right .welcome {
  display: block;
}

.mobilMenuAcButton {
  float: left;
  margin: 32px 30px 0 0;
  cursor: pointer;
}

.mobilMenuAcButton>span {
  font-size: 13px;
  float: right;
  line-height: 30px;
  font-weight: 500;
  margin-left: 10px;
}

.mobilMenuAcButton>i {
  font-size: 25px;
  float: left;
  line-height: 30px
}

.anasayfa_tek_slider .owl-nav {
  display: none
}

.anasayfa_tek_slider .owl-dots {
  display: block !important
}

#mainHolder_divDesign .owl-dots {
  bottom: 39px !important;
}

#mainHolder_divDesign .owl-dots .owl-dot.owl-dot {
  margin: 0 5px !important;
}

#mainHolder_divDesign .owl-dots .owl-dot span {
  width: 10px !important;
  height: 10px !important;
  border: 1px solid #000000 !important;
  background: transparent !important;
  border-radius: 50% !important
}

#mainHolder_divDesign .owl-dots .owl-dot.active span {
  background: #000000 !important;
}

#mainHolder_divDesign .owl-nav {
  top: 40% !important;
}

.bedenT {
  position: absolute;
  right: 0;
  top: 14px;
}

.bedenT .bedenTablosu {
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: #1a1a1a;
}

.textlist {
  float: left;
  width: 100%;
}

.textlist-content {
  float: left;
  margin: 0 -10px;
}

.textlist .textlist-col {
  float: left;
  width: 33.33%;
  padding: 0 10px;
  position: relative;
  overflow: hidden;
}

.textlist .textlist-col>div {
  float: left;
  width: 100%;
  display: flex;
  align-items: flex-end;
}

.textlist .textlist-col>div:hover {
  align-items: center;
}

.textlist .textlist-col>div:after {
  content: '';
  opacity: 0;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.textlist .textlist-col:hover>div:after {
  opacity: 1
}

.textlist .textlist-col .textlist-col-image {
  float: left;
  width: 100%;
}

.textlist .textlist-col .textlist-col-image img {
  float: left;
  width: 100%;
}

.textlist .textlist-col .textlist-col-text {
  position: absolute;
  left: 20px;
  right: 20px;
  text-align: center;
  z-index: 99;
}

.textlist .textlist-col .textlist-col-text strong {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 300;
  color: #fff;
  font-size: 38px;
  line-height: 45px;
}

.textlist .textlist-col .textlist-col-text p {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  margin: 15px 0 20px 0;
}

.textlist .textlist-col .textlist-col-text a {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 45px;
  padding: 0 24px;
  letter-spacing: 2px;
  margin-bottom: 40px;
}

.textlist .textlist-col .textlist-col-text a:hover {
  background: #000;
  color: #fff;
}

.homepagebloglist {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 100%;
  background: #f8f8f8
}

.homepagebloglist .homepagebloglist-right {
  float: left;
  width: 50%;
  text-align: center;
  overflow: hidden;
}

.homepagebloglist .homepagebloglist-right img {
  float: left;
  width: 100%;
  transition: all .4s ease-in-out;
}

.homepagebloglist .homepagebloglist-left {
  float: left;
  width: 50%;
  text-align: center;
  overflow: hidden;
  padding: 10px 100px;
}

.homepagebloglist .homepagebloglist-left strong {
  float: left;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 30px;
}

.homepagebloglist .homepagebloglist-left p {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 25px
}

.homepagebloglist .homepagebloglist-left a {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 45px;
  background: #000;
  padding: 0 10px;
  margin-top: 35px;
  letter-spacing: 1px
}

.homepagebloglist .homepagebloglist-left a:hover {
  background: #fff;
  color: #000;
}

.homepagecommentlist {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 450px;
  display: flex;
  align-items: center;
}

.homepagecommentlist .homepagecommentlist-title {
  float: left;
  width: 100%
}

.homepagecommentlist .homepagecommentlist-title span {
  float: left;
  width: 100%;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.homepagecommentlist .homepagecommentlist-list {
  float: left;
  width: 100%;
  padding: 0 130px;
}

.homepagecommentlist .homepagecommentlist-list p {
  float: left;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 25px
}

.homepagecommentlist .homepagecommentlist-list strong {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  margin-top: 30px;
}

#mainHolder_divDesign .homepagecommentlist .ticiContainer.ticiContainer {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

#mainHolder_divDesign .homepagecommentlist .homepagecommentlist-list .owl-nav {
  display: none
}

#mainHolder_divDesign .homepagecommentlist .homepagecommentlist-list .owl-dots {
  display: block !important;
  bottom: -50px !important;
}

#mainHolder_divDesign .homepagecommentlist .homepagecommentlist-list .owl-dots .owl-dot span {
  border: 1px solid #fff !important;
}

#mainHolder_divDesign .homepagecommentlist .homepagecommentlist-list .owl-dots .owl-dot.active span {
  background: #fff !important;
}

.categoryleftbanner,
.categoryleftbanner a,
.categoryleftbanner a img {
  float: left;
  width: 100%;
}

.categorypagetext {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 75px 20px;
}

.categorypagetext .categorypagetext-content h1 {
  float: left;
  width: 100%;
  font-size: 40px;
  font-weight: 700 !important;
  margin-bottom: 20px;
  letter-spacing: 4px
}

.categorypagetext .categorypagetext-content .categorypagetext-text {
  float: left;
  width: 100%;
  max-height: 175px;
  overflow: auto;
  padding-right: 10px;
}

.categorypagetext .categorypagetext-content .categorypagetext-text::-webkit-scrollbar {
  width: 6px;
  border-radius: 5px
}

.categorypagetext .categorypagetext-content .categorypagetext-text::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px
}

.categorypagetext .categorypagetext-content .categorypagetext-text::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 5px
}

.categorypagetext .categorypagetext-content .categorypagetext-text p {
  font-size: 13px;
  line-height: 28px;
}

.ulUrunSlider.owl-carousel .owl-stage {
  padding: 10px 0;
}

/*SliderYanblok*/
#divSliderYani {
  display: none;
}

/*Footer*/
#footer {
  float: left;
  width: 100%;
  position: relative;
}

.FooterSC {
  float: left;
  width: 100%;
  position: relative;
  background: #000;
}

.FooterTop {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  text-align: center;
}

.FooterMiddle {
  float: left;
  width: 100%;
  position: relative;
}

.FooterBottom {
  float: left;
  width: 100%;
  position: relative;
}

.footerLogo {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 40px;
}

.footerLogo:after {
  content: '';
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  background: #d7d7d7;
  z-index: 0;
}

.footerLogo a {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  padding: 0 5vw;
  position: relative;
  z-index: 1;
}

.footerLogo a img {
  display: inline-block;
  vertical-align: top;
}

.socialStore {
  float: left;
  width: 100%;
  margin: 40px 0;
}

.socialStore .socialDiv,
.socialStore .store {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  margin-right: 50px;
}

.socialStore .store {
  margin-right: 0;
}

.socialStore .socialDiv span,
.socialStore .store span {
  display: inline-block;
  vertical-align: top;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  margin-right: 20px;
}

.socialStore .socialDiv ul,
.socialStore .store ul {
  display: inline-block;
  vertical-align: top;
}

.socialStore .socialDiv ul li,
.socialStore .store ul li {
  float: left;
  margin-right: 20px;
}

.socialStore .socialDiv ul li a,
.socialStore .store ul li a {
  float: left;
  color: #000;
  font-size: 20px;
}

.socialStore .socialDiv ul li a i,
.socialStore .store ul li a i {
  float: left;
  line-height: 35px;
}

.ebultenDiv {
  float: left;
  position: relative;
  width: 300px;
  margin-bottom: 50px;
}

.ebultenDiv span {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.ebultenGelecek {
  display: block;
  width: 100%;
  float: left;
  margin-top: 20px;
}

#divNewsLetter {
  float: left;
  width: 100%;
  position: relative;
}

#divNewsLetter label {
  display: none;
  margin-bottom: 25px;
  text-align: center;
  color: #000000;
  line-height: 1.2;
  font-size: 12px;
}

#UpdatePanel1 {
  position: relative;
  float: right;
  width: 100%;
}

#txtbxNewsletterMail {
  color: #000000;
  height: 40px;
  font-size: 12px;
  padding: 0 40px 0 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  display: inline-block;
  width: 100%;
  text-align: left;
  font-weight: normal;
  opacity: 1;
}

#txtbxNewsletterMail::-webkit-input-placeholder {
  color: #000000;
}

#txtbxNewsletterMail:-moz-placeholder {
  color: #000000;
}

#txtbxNewsletterMail::-moz-placeholder {
  color: #000000;
}

#txtbxNewsletterMail:-ms-input-placeholder {
  color: #000000;
}

#txtbxNewsletterMail:focus {
  color: #000000;
}

.newsbutton {
  width: 70px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 !important;
  text-decoration: none;
}

.ebultenGelecek #divNewsLetter {
  display: block;
  padding: 0;
}

#footer .linkler {
  float: left;
  width: 100%;
  position: relative;
  padding: 55px 0;
}

#footer .linkler .blink {
  float: left;
  width: 100%;
  margin: 0
}

#footer .linkler .blink>ul {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}

#footer .linkler .blink>ul>li {
  float: left;
}

#footer .linkler .blink>ul>li:last-child {
  margin-bottom: 0;
}

#footer .linkler .blink>ul li {
  display: block;
}

#footer .linkler .blink>ul>li>span {
  display: table;
  clear: left;
  font-size: 14px;
  color: #fff;
  position: relative;
  font-weight: normal;
  margin-bottom: 10px;
}

#footer .linkler .blink>ul>li>ul {
  display: inline-block;
  vertical-align: top;
}

#footer .linkler .blink>ul>li>ul>li>a {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 10px;
}

#footer .linkler .blink>ul>li>ul>li:last-child>a {
  margin-bottom: 0;
}

#footer .linkler .blink>ul>li>ul>li>a:hover {
  text-decoration: underline;
}

.copy {
  color: #fff;
  font-size: 12px;
  text-align: right;
}

.creditCard {
  float: left;
  width: 100%;
  padding: 34px 0;
  border-top: 1px solid #2b2b2b;
}

.bankimg {
  float: left;
}

.kartimg {
  float: right;
}

.kartimg img,
.bankimg img {}

/*Footer*/
#back-to-top {
  float: right;
  position: fixed;
  right: 1%;
  bottom: 5%;
  z-index: 9999;
}

#back-to-top a {
  float: left;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #000;
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
}

#back-to-top a:after {
  content: '\f077';
  font-family: 'FontAwesome';
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
}

/*Siteye ozel alan*/

/*Galeri Modülü*/
section.ResimGaleri .ResimGaleriHeadIcerik {
  text-align: center;
}

section.ResimGaleri .Main {
  position: relative;
}

section.ResimGaleri .Main .AllGallery {
  position: absolute;
  top: 29px;
  font-size: 12px;
  right: 0;
  color: #000;
  text-decoration: underline;
  font-weight: 500;
}

section.ResimGaleri .AddGallery {
  margin: 10px auto;
  background-color: #000;
  display: block;
  width: 200px;
  text-align: center;
  color: #fff;
  padding: 5px 0;
}

section.ResimGaleri .AddGallery:hover {
  background-color: #ddd;
  color: #000;
}

section.ResimGaleri .Main .Marquee-tag {
  position: relative;
  cursor: pointer;
}

section.ResimGaleri .Main .Marquee-tag img {
  max-width: 100%;
}

section.ResimGaleri .Main .Marquee-tag:hover:before {
  content: '\f002';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 9;
  font-family: fontawesome;
  width: 50px;
  height: 50px;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

section.ResimGaleri .Main .Marquee-tag:hover:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 8;
  background: rgba(0, 0, 0, 0.46);
}

.Modals .modal-body {
  padding: 30px;
  max-width: 420px;
}

.Modals .modal-body .modal-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 15px;
}

.Modals .modal-body .ResimGaleriHeadIcerik {
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 20px;
}

.Modals .modal-body .ResimGaleriHeadIcerik h2 {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: center;
}

.Modals .modal-body .modal-Subtitle {
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 20px;
}

.Modals .modal-body .modal-bottom {
  text-align: center;
  border-top: 1px solid #d8d8d8;
  padding-top: 20px;
  font-size: 12px;
  font-style: italic;
}

.Modals .modal-body .modal-bottom span.Link {
  font-style: initial;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  margin-left: 5px;
  cursor: pointer;
}

.AddGalleryModal .Btn {
  width: 100%;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 17px 10px;
  background-color: #222;
  border: 1px solid #222;
  cursor: pointer;
  display: block;
}

.AddGalleryModal .Btn:hover,
.AddGalleryModal .Btn:focus {
  color: #fff;
}

.AddGalleryModal .Btn.Orange {
  background-color: #000;
  border: 1px solid #000;
}

.AddGalleryModal .Btn.Orange:hover {
  background-color: #000;
}

.AddGalleryModal .modal-dialog {
  margin: 0;
}

.AddGalleryModal .modal-body {
  max-width: 100%;
}

.AddGalleryModal .FormElements {
  margin-bottom: 10px;
}

.AddGalleryModal .FormElements>input {
  padding: 8px 12px;
}

.AddGalleryModal .modal-content {
  background: #fff;
}

.AddGalleryModal .Gallery--Wrapper .BtnBox {
  margin: 30px 0;
  padding-top: 25px;
  border-top: 1px solid #b3b3b3;
}

.AddGalleryModal .Gallery--Wrapper .Title {
  padding: 5px 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b3b3b3;
}

.AddGalleryModal .Gallery--Wrapper .row {
  box-sizing: inherit;
  padding: 0;
  width: auto;
  margin: 0;
  height: auto;
  float: none;
  background-color: transparent;
  position: static;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.AddGalleryModal .Gallery--Wrapper .col-lg-6 {
  width: 50%;
  float: left;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.AddGalleryModal .Gallery--Wrapper .col-12 {
  width: 100%;
  float: left;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.AddGalleryModal .Gallery--Wrapper .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.AddGalleryModal .fileClear {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  background-color: #f1f1f1;
  color: #777;
}

.AddGalleryModal .box {
  display: block;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
}

.AddGalleryModal .upload-options {
  position: relative;
  height: 35px;
  background-color: #000;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  -webkit-transition: background-color ease-in-out 150ms;
  transition: background-color ease-in-out 150ms;
}

.AddGalleryModal .upload-options:hover {
  background-color: #000;
}

.AddGalleryModal .upload-options input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.AddGalleryModal .upload-options label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
}

.AddGalleryModal .upload-options label::after {
  content: 'Resim Seç';
  position: absolute;
  font-size: 14px;
  color: #ffffff;
  z-index: 0;
  width: 100%;
}

.AddGalleryModal .upload-options label span {
  display: inline-block;
  width: 50%;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}

.AddGalleryModal .js--image-preview {
  height: 120px;
  width: 100%;
  line-height: 120px;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.AddGalleryModal .js--image-preview::after {
  content: "\f1c5";
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  font-size: 50px;
  color: #e6e6e6;
  z-index: 0;
}

.AddGalleryModal .js--image-preview.js--no-default::after {
  content: "\f1c5";
  color: #000;
  border: 3px solid #000;
  border-radius: 50%;
  padding: 10px;
  font-size: 50px;
  background-color: rgba(0, 0, 0, 0.11);
}

.AddGalleryModal .drop {
  display: block;
  position: absolute;
  background: rgba(95, 158, 160, 0.2);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.AddGalleryModal .animate {
  -webkit-animation: ripple 0.4s linear;
  animation: ripple 0.4s linear;
}

.AddGalleryModal .FormElements {
  width: 100%;
  margin-bottom: 15px;
  display: block;
}

.AddGalleryModal .FormElements .Or {
  margin: 20px 0;
  text-align: center;
  position: relative;
}

.AddGalleryModal .FormElements .Or::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  display: table;
}

.AddGalleryModal .FormElements .Or>span {
  font-style: italic;
  font-size: 12px;
  background-color: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 1;
  display: inline-block;
  line-height: 20px;
  color: #949494;
}

.AddGalleryModal .FormElements label {
  font-size: 12px;
  margin: 5px 0;
  width: 100%;
  color: #1894ac;
}

.AddGalleryModal .FormElements input,
.FormElements textarea {
  border: 1px solid #bdbdbd;
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 14px;
}

.AddGalleryModal .FormElements textarea {
  min-height: 100px;
  max-height: 100px;
  max-width: 100%;
}

.AddGalleryModal select {
  font-size: 14px;
  padding: 14px 35px 14px 14px;
}

.AddGalleryModal .FormElements .input-box {
  position: relative;
}

.AddGalleryModal .FormElements .input-box .ShowPass {
  padding-right: 50px;
}

.AddGalleryModal .FormElements .input-box .btn-show-password {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 15px;
  font-size: 24px;
}

.AddGalleryModal .FormElements .input-box .btn-show-password.Active:before {
  content: "\e992";
}

.AddGalleryModal .form_valition {
  display: none;
}

.AddGalleryModal .galleryFooterSuccess {
  display: none;
}

.AddGalleryModal #vdUrunVideo {
  float: left;
  width: 100%;
}


@media(max-width:480px) {
  section.ResimGaleri .Main .AllGallery {
    position: static;
    margin: 10px auto 0;
    display: table;
  }
}

/*Galeri Modülü*/
/*---------------------------- site ozel alan kodlar ----------------------------------*/
/*******************************************MOBiL MENU****************************************/
body #formGlobal {
  left: 0;
  position: relative;
  transition: left .3s ease-in-out;
}

body.transform.overflow {
  overflow-x: hidden;
}

body.transform #formGlobal {
  left: 360px;
}

.menuUstBolum {
  width: 100%;
  display: inline-block;
  float: left;
  margin-top: 0;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 40px;
}

.menuUstBolum .CloseBtnMenu {
  float: right;
  line-height: 80px;
  color: #656565;
  font-size: 50px;
  width: 80px;
  text-align: center;
  margin: 0;
  cursor: pointer;
}

.menuUstBolum .CloseBtnMenu i {
  font-weight: 300;
}

.menuUstBolum .mobilMenuBT {
  float: left;
  color: #000000;
  font-size: 13px;
  padding-left: 35px;
  cursor: pointer;
}

.menuUstBolum .mobilMenuBT i {
  float: left;
  font-size: 24px;
  line-height: 80px;
  margin-right: 10px;
}

.menuUstBolum .mobilMenuBT span {
  float: left;
  font-weight: 500;
  line-height: 80px;
}

.mobilaf {
  position: fixed;
  right: 0;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  display: none;
}

.mobilaf.acik {
  display: block;
}

.mobilMenu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 360px;
  z-index: 99999;
  background: #fff;
  left: -360px;
  transition: left.3s ease-in-out;
}

.mobilMenu.acik {
  left: 0;
}

.mobilMenu .menuIcerikAlan {
  float: left;
  width: 100%;
  height: calc(100% - 121px);
  position: absolute;
  top: 121px;
  right: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.mobilMenu .navUl {
  float: left;
  width: 100%;
  height: 100%;
}

.mobilMenu .navUl>li,
.mobilMenu .navUl>li>ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
  padding: 0 0 0 20px;
}

.mobilMenu .navUl>li>a,
.mobilMenu .navUl>li>ul li a {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  z-index: 2;
  position: relative;
}

.mobilMenu .navUl>li .ResimsizDown,
.mobilMenu .navUl>li>ul li .ResimsizDown2 {
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  z-index: 1;
  padding-right: 20px;
  cursor: pointer;
}

.mobilMenu .navUl>li .ResimsizDown i,
.mobilMenu .navUl>li>ul li .ResimsizDown2 i {
  line-height: 40px;
  font-size: 20px;
  float: right;
}

/*Resimsiz Menu*/
.mobilMenu .navUl>li>ul,
.mobilMenu .navUl>li>ul li ul {
  position: fixed;
  left: -100%;
  top: 121px;
  bottom: 0;
  width: 360px;
  background: #fff;
  z-index: 3;
  transition: all .3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
}

.mobilMenu .navUl>li ul.over {
  overflow-y: hidden;
}

.mobilMenu .navUl>li>ul.active,
.mobilMenu .navUl>li>ul li ul.active {
  left: 0;
}

.mobilMenu .navUl>li>ul>span,
.mobilMenu .navUl>li>ul li ul>span {
  position: relative;
  float: left;
  width: 100%;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 55px;
  padding-left: 70px;
  border-bottom: 1px solid #e5e5e5;
}

.mobilMenu .navUl>li>ul>span span,
.mobilMenu .navUl>li>ul li ul>span span {
  z-index: 0;
  position: relative;
}

.mobilMenu .navUl>li>ul>span .NoiBack,
.mobilMenu .navUl>li>ul li ul>span .NoiBack2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 55px;
  text-align: left;
  z-index: 1;
  padding-left: 35px;
  font-size: 20px;
  cursor: pointer;
}

.mobilMenu .navUl>li>ul>span .NoiBack i,
.mobilMenu .navUl>li>ul li ul>span .NoiBack2 i {
  font-weight: normal;
}

/* ------------------------------------Container--------------------------------------------*/
.search,
.headerContent,
.navigation>div,
body ul.breadcrumb,
.userLoginContent,
.hesabimContent,
.sepetimBody .headerContent,
.sepetimBody #footer .ticiContainer,
.ticiContainer {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  clear: both;
  display: block;
}

.sliderBannerContainer .ProductList {
  max-width: 1180px;
}

.detaySliderContainer .ProductList {
  max-width: 1180px;
}

.homeContainer .ProductListContent .ProductList {
  max-width: 1180px;
}

.markaSlider .jCarouselLite {
  max-width: 1180px;
}

.headerContent,
.navigation>div,
.htop .ticiContainer {
  max-width: 1800px;
}

.sepetimBody .footerSslLogo {
  display: none !important;
}

ul.breadcrumb {
  clear: none;
}

.leftBlock {
  float: left;
  padding: 0;
}

.rightBlock {
  float: right;
  padding: 0;
}

.centerCount {
  float: left;
  padding: 0;
}

.centerCount.Middle {
  width: 100%;
  padding: 0;
  margin-top: 20px;
}

.centerCount.userLoginContent {
  width: 100%;
  padding: 0;
}

.centerCount.iletisimContent {
  width: 100%;
  padding: 0;
}

.centerCount.UyeolContent {
  width: 100%;
  padding: 0;
}

.centerCount.HesabimTakip {
  width: 100%;
  padding: 0;
}

.leftBlock {
  float: left;
  width: 25%;
  padding-right: 60px;
}

.rightBlock {
  float: right;
  width: 25%;
  padding-left: 60px;
}

.centerCount {
  float: left;
  width: 100%;
  padding: 0;
}

/*SolveOrta*/
.leftBlock.LeftMiddle {
  width: 240px;
  margin: 20px 0
}

.centerCount.LeftMiddle {
  width: calc(100% - 240px);
  margin-top: 20px;
}

.rightBlock.MiddleRight {
  width: 240px;
}

.centerCount.MiddleRight {
  width: calc(100% - 240px);
}

/*SolveOrta*/
.ticiContainer:before,
.ticiContainer:after {
  content: "";
  display: table;
}

.ticiContainer:after {
  clear: both;
}

.ticiContainer {
  clear: both;
  zoom: 1;
}

.headerContent:after,
.headerContent:before,
.headerContent:after,
.headerContent:before {
  content: "";
  display: table;
  clear: both;
}

/* ------------------------------------Container--------------------------------------------*/
/*windows fixed alani*/
@media screen and (min-width:768px) {
  .menuUstBolum {
    background: transparent;
  }
}

/*Tablet ekranina kadar olan windows gorunumu*/
@media screen and (min-width:1041px) and (max-width:1200px) {
  .leftBlock.LeftMiddle {
    width: 25%;
    padding-right: 20px;
  }

  .centerCount.LeftMiddle {
    width: 75%;
  }

  /*SolOrtaSag*/
  .leftBlock.LeftMiddleRight {
    width: 25%;
  }

  .rightBlock.LeftMiddleRight {
    width: 50%;
  }

  .centerCount.LeftMiddleRight {
    width: 25%;
  }

  /*SolOrtaSag*/
  /*OrtaSag*/
  .rightBlock.MiddleRight {
    width: 25%;
  }

  .centerCount.MiddleRight {
    width: 75%;
  }

  /*OrtaSag*/
  .homeContainer .col-5li {
    width: 25%;
  }

  .category-vertical-filters.top-filters .panel {}
}

@media screen and (min-width:1301px) and (max-width:1810px) {

  .headerContent,
  .navigation>div,
  .htop .ticiContainer {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  #lang_flag_container {
    left: 20px !important;
  }

  .navigation .navUl>li>.Flexscroll {
    left: 20px;
    right: 20px;
  }
}

@media screen and (min-width:1240px) and (max-width:1299px) {

  /* ------------------------------------Container--------------------------------------------*/
  .search,
  .headerContent,
  body ul.breadcrumb,
  .navigation>div,
  .userLoginContent,
  .hesabimContent,
  .sepetimBody .headerContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer {
    max-width: 1180px;
  }

  /* ------------------------------------Container--------------------------------------------*/
  .sliderBannerContainer .ProductList {
    max-width: 1180px;
  }

  .detaySliderContainer .ProductList {
    max-width: 1180px;
  }

  .homeContainer .ProductListContent .ProductList {
    max-width: 1180px;
  }

  .markaSlider .jCarouselLite {
    max-width: 1180px;
  }

  #mainHolder_divDesign .homepagecommentlist .ticiContainer.ticiContainer {
    max-width: 1180px !important;
  }

  .homepagebloglist .homepagebloglist-left {
    padding: 10px 50px;
  }
}

@media screen and (min-width: 1160px) and (max-width: 1239px) {

  /* ------------------------------------Container--------------------------------------------*/
  .search,
  .headerContent,
  body ul.breadcrumb,
  .navigation>div,
  .userLoginContent,
  .hesabimContent,
  .sepetimBody .headerContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer {
    max-width: 1100px;
  }

  /* ------------------------------------Container--------------------------------------------*/
  .sliderBannerContainer .ProductList {
    max-width: 1100px;
  }

  .detaySliderContainer .ProductList {
    max-width: 1100px;
  }

  .homeContainer .ProductListContent .ProductList {
    max-width: 1100px;
  }

  .markaSlider .jCarouselLite {
    max-width: 1100px;
  }

  #mainHolder_divDesign .homepagecommentlist .ticiContainer.ticiContainer {
    max-width: 1100px !important;
  }

  .homepagebloglist .homepagebloglist-left {
    padding: 10px 20px;
  }

  .homepagecommentlist .homepagecommentlist-list {
    padding: 0 60px;
  }
}

@media screen and (min-width:1025px) and (max-width:1159px) {

  /* ------------------------------------Container--------------------------------------------*/
  .search,
  .headerContent,
  body ul.breadcrumb,
  .navigation>div,
  .userLoginContent,
  .hesabimContent,
  .sepetimBody .headerContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer {
    max-width: 960px;
  }

  /* ------------------------------------Container--------------------------------------------*/
  .sliderBannerContainer .ProductList {
    max-width: 960px;
  }

  .detaySliderContainer .ProductList {
    max-width: 960px;
  }

  .homeContainer .ProductListContent .ProductList {
    max-width: 960px;
  }

  .markaSlider .jCarouselLite {
    max-width: 960px;
  }

  #mainHolder_divDesign .homepagecommentlist .ticiContainer.ticiContainer {
    max-width: 960px !important;
  }

  .searchContent {
    margin-left: 0;
    float: right;
    margin-right: 20px;
  }

  #txtbxArama {
    padding-right: 50px
  }

  #btnKelimeAra {
    width: 50px;
    font-size: 11px;
  }

  .SmallImages::-webkit-scrollbar {
    height: 5px;
  }

  .homepagebloglist .homepagebloglist-left {
    padding: 10px;
  }

  .homepagecommentlist .homepagecommentlist-list {
    padding: 0 40px;
  }

  .productItem .productName a {
    font-size: 13px;
  }

  .homepagebloglist .homepagebloglist-left p {
    font-size: 12px;
  }

  #mainHolder_divDesign .owl-dots {
    bottom: 20px !important;
  }

  .leftImage,
  .RightDetail,
  #divVideoGoruntulemeAlan {
    width: 50% !important;
  }

  .SmallImages {
    width: 100%;
  }

  .SmallImages div {
    margin-right: 5px;
  }

  .Images {
    width: 100%;
    padding-bottom: 131%;
  }

  #divVideoGoruntulemeAlan {
    width: 100%;
    padding-bottom: 131%;
  }

  #ProductPageProductList .ItemOrj.col-3 {
    max-width: 33.33%;
  }
}

@media (max-width:1024px) {

  /* ------------------------------------Container--------------------------------------------*/
  .search,
  .headerContent,
  body ul.breadcrumb,
  .navigation>div,
  .userLoginContent,
  .hesabimContent,
  .sepetimBody .headerContent,
  .sepetimBody #footer .ticiContainer,
  .ticiContainer,
  .proCategoryTitle {
    max-width: 100%;
    margin: 0;
    padding: 0 1vw;
  }

  /* ------------------------------------Container--------------------------------------------*/
  .sliderBannerContainer .ProductList {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .detaySliderContainer .ProductList {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .homeContainer .ProductListContent .ProductList {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .markaSlider .jCarouselLite {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  #header.fixed .htop .ticiContainer {
    max-width: 100%;
    margin: 0;
    padding: 0 1vw;
  }

  #lang_flag_container {
    padding-left: 1vw !important;
  }

  .categoryContainer .ProductList {
    margin: 0 -1vw;
  }

  .ItemOrj {
    padding: 0 1vw;
  }

  body.transform #formGlobal {
    left: 0;
  }

  body.transform #header.homeHeader {
    left: 0;
  }

  .searchContent {
    margin-left: 0;
    float: right;
    margin-right: 20px;
    width: 30%
  }

  .SmallImages::-webkit-scrollbar {
    height: 5px;
  }

  #mainHolder_divDesign .homepagecommentlist .ticiContainer.ticiContainer {
    max-width: 100% !important;
  }

  #txtbxArama {
    padding-right: 50px;
  }

  #btnKelimeAra {
    width: 50px;
    font-size: 11px;
  }

  .mycart {
    margin-left: 15px;
  }

  .homepage #mainHolder_divDesign .ticiContainer {
    padding: 0 !important;
  }

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

@media screen and (min-width:768px) and (max-width: 1023px) {
  .ebultenDiv {
    width: 225px;
    margin-bottom: 25px;
  }

  #footer .linkler .blink>ul>li>ul>li>a {
    font-size: 10px;
  }

  .ebultenDiv span {
    font-size: 10px;
  }

  #footer .linkler .blink>ul>li>span {
    font-size: 12px;
  }

  .copy {
    font-size: 10px;
  }

  #footer .linkler {
    padding: 30px 0;
  }

  .creditCard {
    padding: 20px 0;
  }

  .kartimg img,
  .bankimg img {
    height: 20px;
  }

  .leftImage {
    width: 50%;
  }

  .RightDetail {
    width: 50%;
    padding-left: 20px;
  }

  .Images {
    width: 100%;
    padding-bottom: 131%;
  }

  #divVideoGoruntulemeAlan {
    width: 100%;
    padding-bottom: 131%;
  }

  .SmallImages {
    width: 100%;
    max-height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }

  .SmallImages div {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .textlist-content {
    margin: 0 -5px;
  }

  .textlist .textlist-col {
    padding: 0 5px;
  }

  .textlist .textlist-col .textlist-col-text {
    left: 10px;
    right: 10px;
  }

  .textlist .textlist-col>div:after {
    left: 5px;
    right: 5px;
  }

  .textlist .textlist-col .textlist-col-text strong {
    font-size: 27px;
    line-height: 35px
  }

  .textlist .textlist-col .textlist-col-text p {
    line-height: 20px;
    margin: 5px 0 10px;
  }

  .textlist .textlist-col .textlist-col-text a {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 11px;
  }

  .homepagebloglist .homepagebloglist-left {
    padding: 10px;
  }

  .homepagebloglist .homepagebloglist-left strong {
    margin-bottom: 12px;
    font-size: 20px;
  }

  .homepagebloglist .homepagebloglist-left p {
    font-size: 11px;
    line-height: 20px
  }

  .homepagebloglist .homepagebloglist-left a {
    font-size: 11px;
    line-height: 35px;
    margin-top: 20px;
  }

  .homepagecommentlist .homepagecommentlist-list {
    padding: 0 20px;
  }

  #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
  .JKatAdi .bold .satir1 {
    font-size: 20px;
  }

  #mainHolder_divDesign .owl-dots {
    bottom: 20px !important;
  }

  .mobilMenuAcButton {
    margin-right: 15px
  }
}

@media screen and (max-width:797px) {

  .mycart:before,
  .welcome:before {
    margin-right: 5px;
  }

  .mycart {
    margin-left: 5px;
  }

  .searchContent {
    margin-right: 5px;
  }
}

/* mobil ve tablet ekran olcusune gore 1041px e kadar bunlari uygula */
@media (max-width: 1024px) {
  .hsbmFvrProductContent .hsbmFvrProductItemCol {
    width: 100%;
  }
}

@media screen and (max-width:1041px) {

  /******************************************************/
  .sortingContent li,
  .appliedFilter.FiltrelemeUrunAdet {
    border-bottom: none !important;
  }

  body .dropdown-toggle:after {
    display: none;
  }

  body #divSayfalamaUst {
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    border: 1px solid #ebebeb;
  }

  .urunListRel {
    width: 100%;
  }

  body .mobilFilterOpenBtn .button {
    padding: 0;
    margin: 0;
    color: #262324;
    width: 50%;
    float: left;
    line-height: 40px;
    background: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
  }

  body .mobilFilterOpenBtn .button.mobilSiralamBtn {
    border-right: 1px solid #ebebeb;
    float: left;
  }

  body .mobilFilterOpenBtn .button.mobilFilterBtn {
    float: right;
  }

  body .mobilFilterOpenBtn {
    margin: 0;
    padding: 0;
  }

  .categorydesign .uNo {
    float: right;
    color: #999a9d;
    font-size: 12px;
  }

  body #divSayfalamaUst .filterDeleteContent {
    display: none;
  }

  body #divSayfalamaUst.Slct .brandlistselection {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 50%;
    background: #fff;
    border: none;
    border-right: 1px solid #ebebeb;
    left: 0;
    padding: 0;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent {
    width: 100%;
    display: block !important;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li {
    width: 100%;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-indent: 15px;
    border: none;
    color: #262324;
    text-align-last: center;
    font-weight: 500;
    min-width: auto;
    background: transparent;
    text-indent: 0;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:nth-child(2) {
    display: none;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
    display: none;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection {
    padding: 0;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 25;
    border-bottom: none;
    background: #fff;
    border: 1px solid #e5e5e5;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent {
    display: none;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:not(.appliedFilter) {
    margin: 0;
    width: 100%;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a {
    border: none;
    text-align: center;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a span {
    line-height: 35px;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li.appliedFilter.FiltrelemeUrunAdet {
    display: none;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li a:before {
    display: none;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li>a {
    border-bottom: 1px solid #e5e5e5;
  }

  body #divSayfalamaUst:not(.Slct) .brandlistselection .sortingContent li:nth-child(4)>a {
    border-bottom: none;
  }

  body .category-vertical-filters.top-filters {
    display: block !important;
    width: 360px;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    z-index: 9999;
    background: #f3f5f8;
    margin: 0;
    padding: 0;
    border: none;
    transition: all .3s ease;
    overflow-y: auto;
    overflow-x: hidden;
  }

  body .filterBlock.active .category-vertical-filters.top-filters {
    right: 0;
  }

  body .category-vertical-filters.top-filters .FiltreUst {
    float: left;
    width: 100%;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    position: relative;
    text-align: center;
  }

  body .category-vertical-filters.top-filters .FiltreUst span {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  body .category-vertical-filters.top-filters .FiltreUst .closeFilt {
    float: left;
    font-size: 25px;
    position: relative;
    z-index: 1;
  }

  body .category-vertical-filters.top-filters .FiltreUst a {
    float: right;
    font-size: 13px;
    position: relative;
    z-index: 1;
    color: #fff;
    display: none;
  }

  body .category-vertical-filters.top-filters .FiltreUst a.active {
    display: block;
  }

  body .category-vertical-filters.top-filters .FiltreUst a i {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    margin-left: 5px;
  }

  body .category-vertical-filters.top-filters .tukgo {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    padding: 0 10px;
  }

  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock {
    float: left;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    color: #262324;
    text-align: left;
    padding: 0 0 0 15px;
    background: #fff;
  }

  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:before {
    content: '';
    float: right;
    width: 24px;
    max-height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    border-radius: 100%;
    background: #c5c7c9;
    margin: auto 0;
    background: #fff;
    box-shadow: 0 0 2px 0 #999;
    z-index: 1;
    transition: all 0.3s ease;
  }

  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock:after {
    content: '';
    float: right;
    width: 40px;
    max-height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 20px;
    background: #c5c7c9;
    margin: auto 15px auto 0;
    transition: all 0.3s ease;
  }

  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:before {
    right: 15px;
  }

  body .category-vertical-filters.top-filters .tukgo .filterOrderInStock.selected:after {
    background: #39d662;
  }

  body .category-vertical-filters.top-filters .panel .panel-heading {
    padding: 0;
    margin: 0;
    border: none;
    background: #fff;
    float: left;
    width: 100%;
  }

  body .category-vertical-filters.top-filters .panel .panel-heading a {
    float: left;
    width: 100%;
    text-align: left;
    color: #262324;
    font-weight: 500;
    font-size: 15px;
    line-height: 50px;
    padding: 0 10px;
    text-transform: uppercase;
  }

  body .category-vertical-filters.top-filters .panel .panel-heading a:after {
    top: 0;
    color: #000;
    font-weight: 300;
    font-family: 'FontAwesome';
    right: 10px;
  }

  body .category-vertical-filters.top-filters .panel .panel-heading .moreNum {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    line-height: 50px;
    font-size: 15px;
    color: #000;
  }

  body .category-vertical-filters.top-filters .panel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
  }

  body .category-vertical-filters.top-filters .list-group.dropdown {
    border: none;
    position: static;
    box-shadow: none;
  }

  body .category-vertical-filters.top-filters .list-group.dropdown ul {
    margin-top: 10px;
  }

  body .category-vertical-filters.top-filters .list-group.dropdown li {
    width: 100%;
    margin-right: 0;
    text-align: left;
    margin-bottom: 10px;
  }

  body .category-vertical-filters.top-filters .list-group.dropdown li a {
    color: #000;
  }

  body .category-vertical-filters.top-filters .vertical-filter-panel .list-group-item a {
    font-size: 13px;
    color: #262324;
    font-weight: normal;
    float: left;
  }

  body .category-vertical-filters .vertical-filter-panel .list-group-item:before {
    border-radius: 3px;
    display: inline-block !important;
  }

  body .category-vertical-filters .vertical-filter-panel .list-group-item.selected:before {
    border-color: #000;
    background: #000;
  }

  body .category-vertical-filters .vertical-filter-panel .list-group-item.list-group-item-image {
    background: transparent !important;
    height: auto;
  }

  body .category-vertical-filters.top-filters .panel.vertical-top-price-filter {
    width: 100%;
    margin: 20px 0;
  }

  body #divSayfalamaUst.Slct .brandlistselection .filterDeleteContent {
    display: none !important;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent li:first-child:before {
    display: none;
  }

  body .slider-range {
    margin: 0 0 15px 10px !important;
    width: calc(100% - 20px);
  }

  body .amount {
    padding: 0;
  }

  .centerCount {
    width: 100% !important;
  }

  .leftBlock {
    display: none !important;
  }

  .rightBlock {
    display: none !important;
  }

  .homeContainer .leftBlock {}

  .homeContainer .rightBlock {}

  .UyeolContent .grid {
    margin: 30px 18px;
  }

  .owl-carousel .owl-item img {
    max-width: 100%;
  }

  .uyeOlContainer #FrmYeniUye>.uyeOlCol {
    width: 100%;
  }

  .urunOzellik {
    padding: 5px 0;
    border-top: none;
    margin: 20px 0 0 0;
  }

  .urunOzellik .mobilTab {
    float: left;
    width: 100%;
  }

  .urunOzellik .mobilTab>ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .urunOzellik .mobilTab>ul>li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
  }

  .urunOzellik .mobilTab>ul>li>a {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 40px;
    float: left;
    width: 100%;
    padding: 0 5px;
    font-weight: 500;
  }

  .urunOzellik .mobilTab>ul>li>a:after {
    content: '\f078';
    font-family: 'FontAwesome';
    font-size: 16px;
    float: right;
  }

  .urunOzellik .mobilTab>ul>li.active>a {
    color: #fff;
  }

  .urunOzellik .mobilTab>ul>li.active>a:after {
    content: '\f077';
  }

  .urunOzellik .mobilTab>ul>li.active .urunDetayPanel {
    display: block !important;
  }

  .urunDetayPanel {
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
  }

  .categorypagetext {
    padding: 40px 20px;
  }

  .categorydesign {
    margin-bottom: 10px;
  }
}

/* Mobil Ekran */
@media screen and (max-width:767px) {
  .SifremiUnuttumContent .userWrapper.SifremiUnuttum {
    padding: 0 10px;
    width: 100%;
  }

  .urunOzellik {
    margin: 0;
  }

  .mycart:before,
  .mycart .sepetTecxt {
    display: none
  }

  .htop {
    display: none
  }

  #lang_flag_container {
    position: relative !important;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    text-align: center;
    margin-top: 10px;
    float: left;
    top: auto !important;
    padding-left: 0 !important;
  }

  #lang {
    display: inline-block;
  }

  #lang_flag_container #lang-detail {
    width: 100%
  }

  .mycart .sepetUrun {
    display: none
  }

  .textlist-content {
    margin: 0;
  }

  .textlist .textlist-col {
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
  }

  .textlist .textlist-col:last-child {
    margin-bottom: 0;
  }

  #mainHolder_divDesign .owl-dots {
    bottom: 5px !important;
  }

  .textlist .textlist-col>div:after {
    left: 0;
    right: 0;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
  }

  .textlist .textlist-col>div {
    align-items: center;
  }

  .textlist .textlist-col .textlist-col-text {
    left: 5px;
    right: 5px;
  }

  .textlist .textlist-col .textlist-col-text strong {
    font-size: 28px;
    line-height: 35px
  }

  .textlist .textlist-col .textlist-col-text p {
    margin: 10px 0 15px;
    line-height: 20px
  }

  .textlist .textlist-col .textlist-col-text a {
    font-size: 11px;
    line-height: 35px;
    margin-bottom: 0;
  }

  .firsatIcon {
    width: 35px;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
  }

  .newIcon {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    width: 35px;
    margin-bottom: 5px
  }

  .discountIcon {
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    width: 35px;
    margin-bottom: 5px
  }

  .cargoIcon {
    height: 20px;
    width: 35px;
    margin-bottom: 5px
  }

  .cargoIcon:before {
    line-height: 20px;
    font-size: 11px;
  }

  .productYeInUcFi {
    top: 5px;
    left: 5px;
  }

  body:not(.sepetimBody) {
    padding-top: 60px;
  }

  body.homeBody {
    padding-top: 115px;
  }

  .productItem .productDetail {
    height: 110px;
    padding: 27px 5px 0;
  }

  .TukendiIco {
    height: calc(100% - 95px)
  }

  .categorypagetext {
    padding: 20px 10px;
    position: relative;
  }

  .categorypagetext:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9
  }

  .categorypagetext-content {
    padding-left: 0 !important;
    width: 100%;
    position: relative;
    z-index: 99
  }

  .categorypagetext .categorypagetext-content h1 {
    letter-spacing: 2px;
    font-size: 27px;
    margin-bottom: 10px;
  }

  .categorypagetext .categorypagetext-content .categorypagetext-text p {
    font-size: 12px;
    line-height: 20px
  }

  .categorydesign {
    margin-bottom: 5px;
  }

  .centerCount.LeftMiddle {
    margin-top: 5px;
  }

  .productItem:hover .mycartIcon {
    display: none;
  }

  #divIndirimOrani {
    margin-right: 10px;
  }

  .Basketinp p,
  #divAdetCombo .left_line {
    display: none
  }

  .homepagebloglist {
    display: block;
  }

  .homepagebloglist .homepagebloglist-left {
    width: 100%;
    padding: 20px 10px;
  }

  .homepagebloglist .homepagebloglist-right {
    width: 100%
  }

  .homepagebloglist .homepagebloglist-left strong {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .homepagebloglist .homepagebloglist-left p {
    font-size: 12px;
    line-height: 22px;
  }

  .homepagebloglist .homepagebloglist-left a {
    line-height: 35px;
    margin-top: 10px;
  }

  .homepagecommentlist {
    min-height: auto;
    padding: 20px 0 30px;
  }

  .homepagecommentlist .homepagecommentlist-list {
    padding: 0 10px;
  }

  .homepagecommentlist .homepagecommentlist-title span {
    font-size: 20px;
  }

  #mainHolder_divDesign .homepagecommentlist .homepagecommentlist-list .owl-dots {
    bottom: -20px !important;
  }

  /*mobilmenu*/
  .mobilMenu {
    width: 85%;
    bottom: 50px;
    left: -100%;
  }

  .menuUstBolum {
    margin-top: 0;
  }

  .menuUstBolum .mobilMenuBT {
    padding-left: 15px;
    font-size: 12px;
    color: #fff;
  }

  .menuUstBolum .mobilMenuBT i {
    font-size: 22px;
  }

  .menuUstBolum .mobilMenuBT i,
  .menuUstBolum .mobilMenuBT span,
  .menuUstBolum .CloseBtnMenu,
  .menuUstBolum .CloseBtnMenu i {
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
  }

  .menuUstBolum .CloseBtnMenu {
    font-size: 35px;
    text-align: right;
    padding-right: 15px;
    color: #fff;
  }

  .mobilMenu .menuIcerikAlan {
    top: 51px;
    height: calc(100% - 51px);
  }

  .mobilMenu .navUl>li>ul,
  .mobilMenu .navUl>li>ul li ul {
    width: 85%;
    top: 51px;
    bottom: 50px;
  }

  .mobilMenu .navUl>li>ul>span .NoiBack,
  .mobilMenu .navUl>li>ul li ul>span .NoiBack2 {
    padding-left: 15px;
  }

  .mobilMenu .navUl>li>ul>span,
  .mobilMenu .navUl>li>ul li ul>span {
    padding-left: 40px;
  }

  .mobilMenu .navUl>li .ResimsizDown,
  .mobilMenu .navUl>li>ul li .ResimsizDown2 {
    padding-right: 15px;
  }

  .mobilMenu .navUl>li,
  .mobilMenu .navUl>li>ul li {
    padding-left: 0;
  }

  .mobilMenuAcButton:hover,
  .arabtn:hover,
  .mycartClick:hover,
  .mobilMenu .navUl>li>ul>span:hover,
  .mobilMenu .navUl>li>ul li ul>span:hover,
  .mobilMenu .navUl>li>ul li .ResimsizDown2:hover,
  .mobilMenu .navUl>li>.ResimsizDown:hover,
  .mobilMenu .navUl>li>ul li a:hover {
    color: #000;
  }

  .menuUstBolum .mobilMenuBT:hover,
  .menuUstBolum .CloseBtnMenu:hover {
    color: #fff;
  }

  /*sepetalan*/
  .SepetUst {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .SepetUst span {
    display: inline-block;
    vertical-align: top;
  }

  .SepetUst .seClose {
    float: left;
    width: 40px;
    font-size: 22px;
  }

  .SepetUst .seClose i {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
  }

  .CartProduct {
    background: #fafafa;
    background-size: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: calc(100% - 50px);
    padding: 0 0 5px;
    display: block !important;
    border: none;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    box-shadow: none;
  }

  .CartProduct .SPrice {
    text-align: center;
  }

  .CartProduct:before {
    display: none;
  }

  .CartProduct:after {
    display: none;
  }

  .CartProduct.animated {
    right: 0;
  }

  .CartProduct .SProduct {
    float: left;
    width: 100%;
    max-height: calc(100% - 155px);
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0;
    text-align: left;
    padding: 0 5px;
  }

  .CartProduct .SProduct li a * {
    display: inline-block !important;
    padding: 0;
    line-height: 1;
  }

  .CartProduct .SProduct li {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
  }

  .CartProduct .SProduct li a {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    color: #000;
    text-align: right;
    width: 100%;
  }

  .CartProduct .SProduct li a img {
    margin-right: 10px;
    float: left;
  }

  .CartProduct .SProduct li a .SepettopAd {
    display: inline-block;
    vertical-align: top;
    max-width: 38%;
    margin: 0;
    margin-top: 10px;
    float: left;
  }

  .CartProduct .SProduct li a .SepettopAd span {
    float: left;
    clear: left;
    max-width: 100% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
  }

  .CartProduct .SProduct li a .SepettopAd span:nth-child(2) {
    margin-left: 2px;
  }

  .CartProduct .SProduct li a .SepetTopAdet {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    margin-top: 28px;
  }

  .mycart .CartProduct .SProduct li a span.sepetTopBirimFiyat {
    display: inline-block !important;
    vertical-align: top;
    margin: 0 5px;
    margin-top: 20px;
  }

  .CartProduct .SProduct li a:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0;
    width: auto;
  }

  .CartProduct .button {
    padding: 0;
    line-height: 30px;
    font-size: 12px !important;
  }

  .divustSepetteUrunYok span {
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    font-weight: 500;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 15px;
  }

  .sepetTopTutar {
    font-size: 0;
    padding: 0;
    border: none;
  }

  /*Sabit sayfalar icerik*/
  .spanTittle {
    font-size: 18px !important;
  }

  .iletisimContent .iletisimForm {
    width: 100%;
    padding: 0;
  }

  .iletisimContent .AdBan {
    width: 100%;
  }

  .iletisimContent .categoryTitle {
    margin: 0;
  }

  .iletisimContent .categoryTitle .categoryTitleText {
    line-height: 65px;
  }

  .iletisimContent .categoryTitle:before {
    display: none;
  }

  .iletisimContent .iletisimRight .categoryTitle {
    margin-bottom: 10px;
  }

  .iletisimContent .iletisimRight .categoryTitle .categoryTitleText {
    line-height: 65px;
    font-size: 19px;
  }

  .iletisimContent .iletisimForm .categoryTitle {
    margin-bottom: 10px;
  }

  .iletisimContent .iletisimForm .categoryTitle .categoryTitleText {
    line-height: 65px;
    font-size: 19px;
  }

  .iletisimContent .iletisimRight .iletisimbanka .span>div.line2>div.line2 {
    float: none;
    display: block;
    margin: 10px 0 0;
  }

  .iletisimContent .iletisimLeft .span.iletisimLeftFirmaAdi .Right {
    font-size: 17px;
  }

  .iletisimContent .iletisimRight .iletisimbanka .span>div span {
    font-size: 12px;
  }

  .iletisimContent .iletisimLeft .Right {
    font-size: 12px;
  }

  .iletisimContent .iletisimLeft .span.iletisimLeftTelefon .Right {
    font-size: 20px;
  }

  .UyeolContent .grid {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: none;
    margin-bottom: 10px;
  }

  .SifremiUnuttum {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .SifremiUnuttum .line {
    width: 100%;
  }

  .SifremiUnuttum #mainHolder_txtbxMail {
    width: 70%;
  }

  .SifremiUnuttum .button {
    width: 30%;
  }

  /*bottomlink*/
  .bottomHead {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    border-top: 1px solid #cecece;
  }

  .bottomHead ul {
    margin: 0;
  }

  .bottomHead ul li {
    float: left;
    width: 25%;
  }

  .bottomHead ul li a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 5px 0;
    color: #000;
    position: relative;
  }

  .bottomHead ul li a i {
    display: block;
    margin: 0 auto 3px;
    font-size: 18px;
  }

  .favNum {
    position: absolute;
    right: 20px;
    top: 4px;
    width: 15px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    font-size: 10px;
  }

  .sepetimBody .bottomHead {
    display: none;
  }

  /*Footer*/
  .FooterTop,
  .FooterMiddle,
  .FooterBottom {
    background: #000;
  }

  #footer .linkler {
    padding: 0;
  }

  #footer .linkler .blink>ul {
    display: block;
  }

  #footer .linkler .blink>ul>li {
    float: left;
    width: 100%;
  }

  #footer .linkler .blink>ul>li>ul {
    display: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #252525;
  }

  #footer .linkler .blink>ul>li>span {
    float: left;
    width: 100%;
    margin: 0;
    line-height: 50px;
    border-bottom: 1px solid #252525;
  }

  #footer .linkler .blink>ul>li>span .ackapabtn {
    float: right;
    font-size: 15px;
  }

  #footer .linkler .blink>ul li {
    float: left;
    width: 100%;
  }

  #footer .linkler .blink>ul>li>ul>li>a {
    margin-bottom: 0;
    line-height: 40px;
  }

  .ebultenDiv {
    width: 100%;
    display: none;
    border-bottom: 1px solid #252525;
    padding: 10px 0;
    margin-bottom: 0;
  }

  .ebultenGelecek {
    margin-top: 10px;
  }

  .copy {
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0 15px;
  }

  .creditCard {
    border: none;
    padding: 0;
    text-align: center;
    margin-bottom: 25px;
  }

  .bankimg {
    display: none;
  }

  .kartimg {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  #divTicimaxCopyrightContent {
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  #divTicimaxCopyrightContent img {
    display: inline-block;
    vertical-align: top;
  }

  #ticimaxCopyright {
    margin-top: 5px !important;
    font-size: 11px;
  }

  .footerLogo {
    display: none;
  }

  .socialStore {
    margin: 0;
  }

  .socialStore .socialDiv span,
  .socialStore .store span {
    display: none;
  }

  .socialStore .socialDiv,
  .socialStore .store {
    margin: 0;
    display: block;
    text-align: center;
  }

  .socialStore .store {
    padding: 20px 0;
    border-bottom: 1px solid #252525;
  }

  .socialStore .socialDiv ul li {
    margin-right: 10px;
  }

  .socialStore .store ul li {
    margin-right: 30px;
  }

  .socialStore .store ul li:last-child {
    margin-right: 0;
  }

  .socialStore .store ul li a i.fa-apple {
    font-size: 24px;
  }

  .socialStore .socialDiv {
    padding: 20px 0;
    border-bottom: 1px solid #252525;
  }

  .socialStore .socialDiv ul li a,
  .socialStore .store ul li a {
    color: #fff;
  }

  .socialStore .socialDiv ul li a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 20px;
  }

  .socialStore .socialDiv ul li a i {
    line-height: 40px;
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  #back-to-top {
    bottom: 11%;
    right: 2%;
  }

  #back-to-top a {
    width: 30px;
    height: 30px;
  }

  #back-to-top a:after {
    line-height: 30px;
  }

  /*Header*/
  #header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }

  .headerContent {
    box-shadow: 0 0 5px 0 #cecece;
    background: #fff
  }

  #logo {
    float: none;
  }

  #logo .logo {
    height: 60px;
  }

  #logo .logo img {
    max-height: 40px;
  }

  .welcome {
    display: none;
  }

  .mycart {
    display: block;
    position: absolute;
    right: 2px;
    top: 5px;
    z-index: auto;
  }

  .mycart>a:before {
    display: none;
  }

  .mobilMenuAcButton,
  .mycartClick {
    display: block;
    margin: 0;
    font-size: 22px;
    float: right;
    position: absolute;
  }

  .mycartClick i {
    line-height: 60px;
  }

  .favi {
    display: none;
  }

  .arabtn {
    float: right;
    color: #000;
    font-size: 22px;
    z-index: 99;
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 0;
  }

  .arabtn i {
    float: left;
    line-height: 60px;
  }

  .homeHeader .arabtn {
    display: none;
  }

  .mycart .sepetUrunSayisi {
    position: static;
    width: 15px;
    line-height: 15px;
    background: #000;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-top: 6px;
    margin-left: 3px;
  }

  .mycartClick {
    right: 10px;
    top: 0;
  }

  .mobilMenuAcButton {
    left: 10px;
    top: 13px;
  }

  .mobilMenuAcButton span {
    display: block;
    margin-left: 0;
    line-height: 1;
    font-size: 8px;
  }

  .mobilMenuAcButton i {
    float: none;
    display: block;
    line-height: 1;
  }

  .searchContent {
    position: relative;
    width: 100%;
    padding: 0 5px;
    background: transparent;
    z-index: 100;
    margin: 0 0 10px 0;
    display: none;
  }

  .searchContent.active {
    display: block;
    box-shadow: none;
  }

  .homeHeader .searchContent {
    display: block;
  }

  #txtbxArama {
    height: 30px;
    font-size: 12px;
    background: #f5f5f5;
    padding-left: 10px;
    padding-right: 50px;
  }

  #btnKelimeAra {
    height: 30px;
    line-height: 30px;
    border-left: none;
    font-size: 11px;
    top: 0;
    font-weight: 500;
  }

  #header.touched .searchContent {
    display: none;
  }

  #header.touched .searchContent.active {
    display: block;
  }

  #header.touched .arabtn {
    display: block;
  }

  /*kategori*/
  body .category-vertical-filters.top-filters {
    width: 85%;
    height: calc(100% - 50px);
    box-shadow: none;
    border: none;
  }

  body ul.breadcrumb * {
    line-height: 40px !important;
    font-size: 10px !important;
  }

  body ul.breadcrumb li:after {
    line-height: 40px;
    font-size: 10px !important;
  }

  body ul.breadcrumb li:nth-child(1) a:before {
    line-height: 40px;
    font-size: 10px !important;
    margin-right: 5px;
  }


  .categoryContainer .ProductList.PlSc_hrz .ItemOrj {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .categoryContainer .ProductList.PlSc_2 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .categoryContainer .ProductList.PlSc_3 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .categoryContainer .ProductList.PlSc_4 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .categoryContainer .ProductList.PlSc_5 .ItemOrj {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  body:not(.sepetimBody) .ItemOrj {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .categoryContainer .ProductListContent .productItem {
    margin-bottom: 10px;
  }

  body #divSayfalamaUst.Slct .brandlistselection .sortingContent select {
    font-size: 13px;
  }

  body .mobilFilterOpenBtn .button {
    font-size: 13px;
  }

  .productItem .discountPrice span {
    font-size: 15px;
  }

  .productItem .regularPrice span {
    font-size: 12px;
  }

  .favori a:before {
    font-size: 18px;
  }

  /*urundetay*/
  .leftImage {
    float: left;
    width: 100%;
  }

  .RightDetail {
    width: 100%;
    padding: 20px 0 0;
  }

  body a#linkOncekiSayfa {
    position: absolute;
    top: 50px;
    left: 0;
    width: 35px;
    background: #fff;
    text-align: center;
    font-size: 0 !important;
    font-family: 'FontAwesome';
    color: #000;
    z-index: 5;
    line-height: 35px;
  }

  body a#linkOncekiSayfa:before {
    content: '\f053';
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
  }

  #divUrunKodu {
    clear: left;
    float: left;
    line-height: 14px;
  }

  #divUrunKodu span {
    line-height: 14px;
  }

  #divTaksitAciklama {
    clear: left;
    float: left;
  }

  .PriceList {
    padding-bottom: 15px;
  }

  .TopDet #IlgiliUrunDiv {
    margin-top: 15px;
    padding: 0;
  }

  #divUrunEkSecenek {
    padding: 0;
    margin-top: 15px;
  }

  #divUrunEkSecenek .eksecenekLine {
    padding-bottom: 15px;
    margin-bottom: 0;
  }

  #divSatinAl {
    margin: 15px 0 10px;
  }

  #divAdetCombo .right_line {
    width: 70px;
  }

  .basketBtn {
    max-width: none;
    padding: 0 5px;
    width: calc(100% - 130px);
  }

  .Basketinp {
    margin-bottom: 15px;
  }

  .ProductIcon {
    text-align: center;
  }

  .ProductIcon>div {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
  }

  .TopDet .product_social_icon_wrapper {
    text-align: center;
    margin: 10px 0;
  }

  .TopDet .product_social_icon_wrapper .PaylasTit {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    display: none;
  }

  /*mobilicerik*/
  body #mainHolder_divDesign .owl-dots .owl-dot {
    margin: 0 2px !important;
  }

  .GuvenList {
    margin: 10px 0 0;
  }

  .GuvenList ul {
    display: block;
  }

  .GuvenList ul li {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
  }

  .GuvenList ul li .gimg {
    margin: 0 0 10px;
    width: 100%;
  }

  .GuvenList ul li .gimg img {
    display: inline-block;
    vertical-align: top;
    height: 22px;
  }

  .GuvenList ul li .gtex {
    width: 100%;
    font-size: 11px;
  }

  #mainHolder_divDesign .JKatAdi.categoryTitle .bold .satir1,
  .JKatAdi .bold .satir1 {
    font-size: 19px;
    font-weight: 500;
  }

  #mainHolder_divDesign .JKatAdi.categoryTitle,
  .JKatAdi {
    margin-bottom: 5px !important;
  }

  .pageNumberContent a,
  .pageBorder a {
    min-width: 30px;
    height: 30px;
    line-height: 28px
  }

  .detaySliderContainer {
    padding-bottom: 0;
    margin: 10px 0;
  }

  .pageNumberBottom {
    margin: 20px 0;
  }

  .TabOzellikler .urunDetayPanel .urunTabAlt {
    max-height: 200px
  }

  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListprev:before,
  .owl-carousel .owl-nav .ProductListprev:before,
  .owl-carousel .owl-nav .ProductListnext:before,
  #mainHolder_divDesign .owl-carousel .owl-nav .ProductListnext:before {
    font-size: 30px !important;
  }
}

@media(max-width: 361px) {
  .navigation {
    display: none;
  }

  #header.homeHeader {
    min-height: 100px;
  }

  #header.touched {
    min-height: auto;
  }

  #logo {
    min-height: 60px;
    width: 100%;
  }

  body [class*=t-pb-] {
    margin: 0 !important;
  }

  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-12,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-1,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-10,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-11,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-12,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-2,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-3,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-4,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-5,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-6,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-7,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-8,
  body #mainHolder_divDesign .hazirBlokContent .txrow .txcol-sm-9 {
    padding: 0 !important;
    margin: 0 !important;
  }
}


/*FOOTER*/

/* ===================================================================
   AD FOOTER — Asil Dental Premium Aesthetic
   Brand Colors: #d93235 (Red) / #2b2a29 (Charcoal)
   =================================================================== */

#ad-footer,
#ad-footer * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

#ad-footer {
  padding: 0 !important;
  margin: 0 !important;
}

/* Zorunlu reset ve tam genişlik garantisi */
.ad-apple-footer {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f5f5f7;
  color: #2b2a29;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Inter", sans-serif;
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.ad-apple-footer a {
  color: #424245;
  text-decoration: none;
  transition: color 0.15s ease;
}

.ad-apple-footer a:hover {
  color: #d93235;
  text-decoration: underline;
}

/* Ortalama garantisi */
.ad-footer-content {
  margin: 0 auto !important;
  max-width: 980px !important;
  padding: 0 22px !important;
  text-align: left !important;
  width: 100%;
}

/* Premium Intro Statement */
.ad-footer-intro {
  border-bottom: 1px solid #d2d2d7;
  padding: 40px 0 35px;
}

.ad-footer-intro-text {
  font-size: 24px;
  line-height: 1.35;
  font-weight: 500;
  color: #2b2a29;
  margin: 0;
  max-width: 800px;
  letter-spacing: -0.02em;
}

/* Directory Grid */
.ad-footer-directory {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 20px;
}

.ad-footer-directory-column {
  flex-basis: 20%;
}

.ad-footer-directory-title {
  color: #2b2a29;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 10px;
  outline: none;
}

.ad-footer-directory-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 24px;
}

.ad-footer-directory-list li {
  margin-bottom: 6px;
}

/* Footer Bottom (Legal & Meta) */
.ad-footer-base {
  padding-top: 34px;
  padding-bottom: 21px;
}

.ad-footer-shop-info {
  margin-bottom: 7px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d2d2d7;
  color: #6e6e73;
}

.ad-footer-shop-info a {
  color: #d93235;
  transition: color 0.15s ease;
}

.ad-footer-shop-info a:hover {
  text-decoration: underline;
  color: #c0272a;
}

.ad-footer-legal {
  position: relative;
  top: -3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #6e6e73;
}

.ad-footer-legal-copyright {
  margin-right: 30px;
  margin-top: 5px;
}

.ad-footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.ad-footer-legal-links a {
  position: relative;
  margin-right: 18px;
  color: #424245;
}

.ad-footer-legal-links a:hover {
  text-decoration: underline;
  color: #d93235;
}

.ad-footer-legal-links a::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 2px;
  width: 1px;
  height: 10px;
  background-color: #d2d2d7;
}

.ad-footer-legal-links a:last-child::after {
  display: none;
}

.ad-footer-payments {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ad-footer-payment-badge {
  display: inline-flex;
}

.ad-footer-payment-badge svg {
  width: 38px;
  height: 24px;
  opacity: 0.6;
  filter: grayscale(100%);
  transition: opacity 0.2s ease, filter 0.2s ease;
}

.ad-footer-payment-badge:hover svg {
  opacity: 1;
  filter: grayscale(0%);
}

/* ===================================================================
   MOBILE ACCORDION (Max Width: 833px)
   =================================================================== */
@media only screen and (max-width: 833px) {
  .ad-footer-intro-text {
    font-size: 19px;
    padding-bottom: 10px;
  }

  .ad-footer-directory {
    display: block;
    padding-top: 0;
  }

  .ad-footer-directory-column {
    flex-basis: 100%;
  }

  .ad-footer-directory-section {
    border-bottom: 1px solid #d2d2d7;
    padding-top: 10px;
  }

  .ad-footer-directory-title {
    margin-bottom: 0;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
    user-select: none;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .ad-footer-directory-title::after {
    content: "+";
    font-size: 18px;
    font-weight: 300;
    color: #2b2a29;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .ad-footer-directory-section.ad-expanded .ad-footer-directory-title::after {
    transform: rotate(45deg);
    color: #d93235;
  }

  .ad-footer-directory-list {
    display: none;
    padding-top: 5px;
    padding-bottom: 16px;
    margin-bottom: 0;
  }

  .ad-footer-directory-section.ad-expanded .ad-footer-directory-list {
    display: block;
  }

  .ad-footer-legal {
    flex-direction: column;
    align-items: flex-start;
  }

  .ad-footer-payments {
    margin-left: 0;
    margin-top: 15px;
  }
}

/*FOOTER*/

/* Tüm direkt eklenen görseller için genel premium sığdırma (Ürün Detay) */
.ad-prod-detail-feature-content img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  border-radius: 18px;
  object-fit: contain;
  margin: 1.75rem 0;
  box-shadow: 0 20px 48px -20px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Ticimax editor görselleri için overflow koruması */
.ad-prod-detail-feature-card,
.ad-prod-detail-feature-image-container {
  overflow: hidden;
  max-width: 100%;
}


/* ══════════════════════════════════════════════════════════════════════════
   SIGNUP — Üyelik Sayfası (.newUyeOlSection)
   Ticimax formu 4 ayrı .newUyeOlContainer'a böler. Bu CSS onları
   tek, seamless bir kart gibi birleştirir ve tüm float çakışmalarını çözer.
   Responsive: ≤600px tek sütun, iOS zoom önlemeli.
══════════════════════════════════════════════════════════════════════════ */
/*SIGNUP*/

/* ── Sayfa arka planı ─────────────────────────────────────────────────── */
.newUyeOlSection,
#newUyeOlSection {
  min-height: calc(100vh - 80px) !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 56px 20px 80px !important;
  box-sizing: border-box !important;
  font-family: var(--ad-font) !important;
}

/* ── Ticimax "Yeni Üyelik" başlığı — metin dinamik formda (ad-signup-dynamic-heading) ── */
.newUyeOlSection .FormTitle,
#newUyeOlSection .FormTitle {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* ── Container: tüm .newUyeOlContainer'ları tek kart olarak birleştir ─── */
.newUyeOlSection .newUyeOlContainer {
  position: relative !important;
  width: 100% !important;
  max-width: 540px !important;
  align-self: center !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
}

/* Kart çerçevesi / gölge çizgisi yok */
.newUyeOlSection .newUyeOlContainer:first-of-type {
  border-radius: 0 !important;
  padding-top: 36px !important;
  box-shadow: none !important;
  border: none !important;
}

.newUyeOlSection .newUyeOlContainer:last-of-type {
  border-radius: 0 !important;
  padding-bottom: 36px !important;
  box-shadow: none !important;
  border: none !important;
}

.newUyeOlSection .newUyeOlContainer:not(:first-of-type):not(:last-of-type) {
  box-shadow: none !important;
  border: none !important;
}

.newUyeOlSection .newUyeOlContainer:first-of-type:last-of-type {
  border-radius: 0 !important;
  padding: 36px !important;
  box-shadow: none !important;
  border: none !important;
}

/* Boş container'ları gizle (uyeolAdresDetay gibi) */
.newUyeOlSection .newUyeOlContainer:empty {
  display: none !important;
  padding: 0 !important;
}

/* ── Ad + Soyad satırı ────────────────────────────────────────────────── */
.newUyeOlSection .uyeAdSoyadRow {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  float: none !important;
  width: 100% !important;
  margin: 0 0 0 0 !important;
}

.newUyeOlSection .uyeAdSoyadRow>* {
  flex: 1 !important;
  min-width: 0 !important;
  float: none !important;
  width: auto !important;
}

/* ── Genel input wrapper ──────────────────────────────────────────────── */
.newUyeOlSection .newUserWrapper,
.newUyeOlSection .plc_check_div {
  position: relative !important;
  float: none !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── Input alanları — Google floating-label stili ─────────────────────── */
.newUyeOlSection .newUserWrapper input[type="text"],
.newUyeOlSection .newUserWrapper input[type="email"],
.newUyeOlSection .newUserWrapper input[type="password"],
.newUyeOlSection .plc_check_div input[type="text"],
.newUyeOlSection .plc_check_div input[type="email"],
.newUyeOlSection .plc_check_div input[type="password"],
.newUyeOlSection input.validateField:not([type="tel"]) {
  width: 100% !important;
  height: 56px !important;
  padding: 20px 16px 6px !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--ad-label) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
  outline: none !important;
  box-sizing: border-box !important;
  float: none !important;
  display: block !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.newUyeOlSection .newUserWrapper input[type="text"]:focus,
.newUyeOlSection .newUserWrapper input[type="email"]:focus,
.newUyeOlSection .newUserWrapper input[type="password"]:focus,
.newUyeOlSection .plc_check_div input:focus,
.newUyeOlSection input.validateField:not([type="tel"]):focus {
  background: #ffffff !important;
  border-color: var(--ad-label) !important;
  box-shadow: 0 0 0 4px rgba(29, 29, 31, 0.07) !important;
  outline: none !important;
}

.newUyeOlSection input.validateField.input-validation-error {
  border-color: var(--ad-accent) !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 4px rgba(217, 50, 53, 0.08) !important;
}

/* ── Telefon — intl-tel-input (.iti): ülke bayrağı / kod alanı +90 seçici ─── */
.newUyeOlSection .iti,
#newUyeOlSection .iti,
.newUyeOlSection .intl-tel-input,
#newUyeOlSection .intl-tel-input {
  width: 100% !important;
  display: block !important;
  float: none !important;
  margin-bottom: 12px !important;
  position: relative !important;
  overflow: visible !important;
}

.newUyeOlSection .iti input[type="tel"],
.newUyeOlSection input#txtCepTelefon,
#newUyeOlSection .iti input[type="tel"],
#newUyeOlSection input#txtCepTelefon {
  width: 100% !important;
  height: 56px !important;
  padding: 0 16px 0 68px !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--ad-label) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
  outline: none !important;
  box-sizing: border-box !important;
  float: none !important;
  display: block !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
}

.newUyeOlSection .iti input[type="tel"]:focus,
.newUyeOlSection input#txtCepTelefon:focus,
#newUyeOlSection .iti input[type="tel"]:focus,
#newUyeOlSection input#txtCepTelefon:focus {
  background: #ffffff !important;
  border-color: var(--ad-label) !important;
  box-shadow: 0 0 0 4px rgba(29, 29, 31, 0.07) !important;
}

/* Bayrak + ok — tıklanabilir, placeholder’ın altında kalmaz */
.newUyeOlSection .iti__flag-container,
#newUyeOlSection .iti__flag-container {
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

.newUyeOlSection .iti__selected-flag,
#newUyeOlSection .iti__selected-flag {
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px 0 4px !important;
  border-radius: 8px !important;
  transition: background 0.15s ease !important;
}

.newUyeOlSection .iti__selected-flag:hover,
#newUyeOlSection .iti__selected-flag:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

.newUyeOlSection .iti__arrow,
#newUyeOlSection .iti__arrow {
  margin-left: 4px !important;
  border-top-color: var(--ad-label-muted) !important;
}

/* Ülke listesi açılır menü — kartın üstünde kalsın */
.newUyeOlSection .iti__country-list,
#newUyeOlSection .iti__country-list {
  z-index: 10060 !important;
  max-height: 220px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.newUyeOlSection .newUserWrapper:has(.iti),
.newUyeOlSection .newUserWrapper:has(#txtCepTelefon),
#newUyeOlSection .newUserWrapper:has(.iti),
#newUyeOlSection .newUserWrapper:has(#txtCepTelefon) {
  overflow: visible !important;
}

/* ── Floating placeholder label — Google Material stili ───────────────── */
.newUyeOlSection .placeholderLabel {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #8a8a8e !important;
  pointer-events: none !important;
  z-index: 1 !important;
  white-space: nowrap !important;
  transition:
    top 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    font-size 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.15s ease,
    transform 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.newUyeOlSection .newUserWrapper input:focus~.placeholderLabel,
.newUyeOlSection .newUserWrapper input:not(:placeholder-shown)~.placeholderLabel,
.newUyeOlSection .plc_check_div input:focus~.placeholderLabel,
.newUyeOlSection .plc_check_div input:not(:placeholder-shown)~.placeholderLabel {
  top: 5px !important;
  transform: none !important;
  font-size: 11px !important;
  color: var(--ad-label-muted) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* Telefon: input .iti içinde; label kardeş — bayrak alanına binmesin */
.newUyeOlSection .newUserWrapper:has(.iti) .placeholderLabel,
.newUyeOlSection .newUserWrapper:has(#txtCepTelefon) .placeholderLabel,
#newUyeOlSection .newUserWrapper:has(.iti) .placeholderLabel,
#newUyeOlSection .newUserWrapper:has(#txtCepTelefon) .placeholderLabel {
  left: 54px !important;
}

.newUyeOlSection .newUserWrapper:has(.iti):focus-within .placeholderLabel,
.newUyeOlSection .newUserWrapper:has(.iti input:not(:placeholder-shown)) .placeholderLabel,
#newUyeOlSection .newUserWrapper:has(.iti):focus-within .placeholderLabel,
#newUyeOlSection .newUserWrapper:has(.iti input:not(:placeholder-shown)) .placeholderLabel {
  left: 16px !important;
  top: 11px !important;
  transform: none !important;
  font-size: 11px !important;
  color: var(--ad-label-muted) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* ── Şifre göster/gizle ───────────────────────────────────────────────── */
.newUyeOlSection .TcxPassEye {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  color: var(--ad-label-sub) !important;
  display: flex !important;
  align-items: center !important;
  z-index: 2 !important;
  transition: color 0.18s ease;
}

.newUyeOlSection .TcxPassEye:hover {
  color: var(--ad-label) !important;
}

/* Ticimax şifre satırı: iç sarmalayıcı overflow ile kırpma yapmasın */
.newUyeOlSection .passControlDiv>div:first-child,
.newUyeOlSection #passControlSignPass>div:first-child {
  overflow: visible !important;
}

/* Şifre: label form alanının dışında; focus / dolu durumda yukarı al */
.newUyeOlSection .passControlDiv:focus-within .placeholderLabel,
.newUyeOlSection .passControlDiv.ad-pass-has-value .placeholderLabel,
.newUyeOlSection #passControlSignPass:focus-within .placeholderLabel,
.newUyeOlSection #passControlSignPass.ad-pass-has-value .placeholderLabel {
  top: 11px !important;
  transform: none !important;
  font-size: 11px !important;
  color: var(--ad-label-muted) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* ── CHECKBOX & SÖZLEŞME (tek blok — float/çift tipografi yok) ─────────── */
.newUyeOlSection .signSozlesmeDiv,
#newUyeOlSection .signSozlesmeDiv {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  float: none !important;
  clear: both !important;
  margin: 8px 0 16px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  text-align: left !important;
}

.newUyeOlSection .signSozlesmeDiv>.checkboxItem,
.newUyeOlSection .signSozlesmeDiv>.uyeOlColItem,
#newUyeOlSection .signSozlesmeDiv>.checkboxItem,
#newUyeOlSection .signSozlesmeDiv>.uyeOlColItem {
  position: relative !important;
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 12px !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* Ticimax .uyeOlContainer #chkSozlesme + label { float:right } satır kayması */
.newUyeOlSection .signSozlesmeDiv #chkSozlesme,
#newUyeOlSection .signSozlesmeDiv #chkSozlesme {
  float: none !important;
  position: relative !important;
  z-index: 1 !important;
}

.newUyeOlSection .signSozlesmeDiv #chkSozlesme+label,
#newUyeOlSection .signSozlesmeDiv #chkSozlesme+label {
  float: none !important;
  width: 1px !important;
  max-width: none !important;
}

/* Boş tıklama etiketi — layout dışı */
.newUyeOlSection .signSozlesmeDiv label.newSocialChkSozlesme:not(.newSocialChkSozlesmeTranslate),
#newUyeOlSection .signSozlesmeDiv label.newSocialChkSozlesme:not(.newSocialChkSozlesmeTranslate) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Sözleşme metni — tek tipografi, düzgün satır kırılımı */
.newUyeOlSection .signSozlesmeDiv label.newSocialChkSozlesmeTranslate,
#newUyeOlSection .signSozlesmeDiv label.newSocialChkSozlesmeTranslate {
  display: block !important;
  flex: 1 1 0% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  float: none !important;
  text-align: left !important;
  font-family: var(--ad-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--ad-label-muted) !important;
  line-height: 1.5 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.newUyeOlSection .signSozlesmeDiv label.newSocialChkSozlesmeTranslate strong,
#newUyeOlSection .signSozlesmeDiv label.newSocialChkSozlesmeTranslate strong {
  font-weight: 600 !important;
  color: inherit !important;
}

.newUyeOlSection .signSozlesmeDiv .checkboxItem>.validateField,
.newUyeOlSection .signSozlesmeDiv .uyeOlColItem>.validateField,
#newUyeOlSection .signSozlesmeDiv .checkboxItem>.validateField,
#newUyeOlSection .signSozlesmeDiv .uyeOlColItem>.validateField {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 0 0 0 30px !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .signSozlesmeDiv input[type="checkbox"],
#newUyeOlSection .signSozlesmeDiv input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex-shrink: 0 !important;
  border: 1.5px solid rgba(0, 0, 0, 0.20) !important;
  border-radius: 5px !important;
  background: #f9f9fb !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 2px 0 0 !important;
  float: none !important;
  display: block !important;
  transition:
    background 0.18s ease,
    border-color 0.18s ease;
}

.newUyeOlSection .signSozlesmeDiv input[type="checkbox"]:checked,
#newUyeOlSection .signSozlesmeDiv input[type="checkbox"]:checked {
  background: var(--ad-label) !important;
  border-color: var(--ad-label) !important;
}

.newUyeOlSection .signSozlesmeDiv input[type="checkbox"]:checked::after,
#newUyeOlSection .signSozlesmeDiv input[type="checkbox"]:checked::after {
  content: '' !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 6px !important;
  height: 10px !important;
  border: 2px solid #fff !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(45deg) !important;
}

.newUyeOlSection .signSozlesmeDiv .chkLabel,
.newUyeOlSection .signSozlesmeDiv>label>span,
#newUyeOlSection .signSozlesmeDiv .chkLabel,
#newUyeOlSection .signSozlesmeDiv>label>span {
  font-family: var(--ad-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--ad-label-muted) !important;
  line-height: 1.5 !important;
  float: none !important;
  text-align: left !important;
}

.newUyeOlSection .signSozlesmeDiv a,
#newUyeOlSection .signSozlesmeDiv a {
  color: var(--ad-accent) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-underline-offset: unset !important;
  border-bottom: 1px solid transparent !important;
  transition:
    color 0.18s ease,
    border-color 0.18s ease !important;
}

/* Ticimax inline style (#ff0000) üzerine yaz */
.newUyeOlSection .signSozlesmeDiv a[href*="UyelikSozlesme"],
.newUyeOlSection .signSozlesmeDiv a[href*="sozlemeTipi"],
#newUyeOlSection .signSozlesmeDiv a[href*="UyelikSozlesme"],
#newUyeOlSection .signSozlesmeDiv a[href*="sozlemeTipi"] {
  color: var(--ad-accent) !important;
}

.newUyeOlSection .signSozlesmeDiv a:hover,
.newUyeOlSection .signSozlesmeDiv a:focus-visible,
#newUyeOlSection .signSozlesmeDiv a:hover,
#newUyeOlSection .signSozlesmeDiv a:focus-visible {
  color: var(--ad-label) !important;
  border-bottom-color: rgba(217, 50, 53, 0.35) !important;
}

.acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate a,
.newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate a {
  color: #ff0000 !important;
}

@media (max-width: 620px) {

  .acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneItem.checkboxItem .newSocialChkSozlesmeTranslate a,
  .newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem.checkboxItem .newSocialChkSozlesmeTranslate a {
    font-size: 13px !important;
  }
}

/* ── SMS checkbox CSS safety-net (JS ile de gizleniyor) ──────────────── */
.newUyeOlSection .signSozlesmeDiv [ng-model*="KampanyaSms"],
.newUyeOlSection .signSozlesmeDiv [for*="KampanyaSms"],
.newUyeOlSection .signSozlesmeDiv [id*="KampanyaSms"],
#newUyeOlSection .signSozlesmeDiv [ng-model*="KampanyaSms"],
#newUyeOlSection .signSozlesmeDiv [for*="KampanyaSms"],
#newUyeOlSection .signSozlesmeDiv [id*="KampanyaSms"] {
  display: none !important;
}

/* ── İkinci dosya yükleme alanı CSS safety-net ───────────────────────── */
.newUyeOlSection .dinamikFormContainer .divDFElementContent_file~.divDFElementContent_file {
  display: none !important;
}

/* ── Dinamik form bölümü — ana kartla tek parça; alt boşluk minimum ─────── */
.newUyeOlSection .newUyeOlContainer.uyeolDinamikForm.ad-signup-dynamic-slot,
.newUyeOlSection .newUyeOlContainer.uyeolDinamikForm[data-ad-moved] {
  background: #ffffff !important;
  border-bottom: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Dinamik slottan sonraki üyelik bloğu — üst boşluk kısaltıldı */
.newUyeOlSection .newUyeOlContainer.uyeolDinamikForm[data-ad-moved]+.newUyeOlContainer {
  padding-top: 0 !important;
  margin-top: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Dinamik form dış kutusu — diğer kartlarla aynı genişlik (inline max-width:none kaldırıldı) */
#newUyeOlSection .newUyeOlContainer.uyeolDinamikForm,
.newUyeOlSection .newUyeOlContainer.uyeolDinamikForm {
  width: 100% !important;
  max-width: 540px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Dinamik form içi = üst container iç yüzeyiyle aynı genişlik */
.newUyeOlSection .uyeolDinamikForm .dinamikForm,
.newUyeOlSection .uyeolDinamikForm dynamic-form,
.newUyeOlSection .uyeolDinamikForm #ngFormController,
.newUyeOlSection .uyeolDinamikForm #frmDinamikForm,
.newUyeOlSection .dinamikFormContainer #frmDinamikForm {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .uyeolDinamikForm .dinamikFormContainer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}

.newUyeOlSection .dinamikFormContainer .divDFElementContent_select,
.newUyeOlSection .dinamikFormContainer .divDFElementContent_file,
.newUyeOlSection .dinamikFormContainer [class^="divDFElementContent_"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* JS ile eklenen ana başlık + giriş metni — .dinamikForm dışında; giriş sayfası .ad-login-page-hero içi aynı kurallar */
.newUyeOlSection .ad-signup-dynamic-heading,
#newUyeOlSection .ad-signup-dynamic-heading,
#divNewUyeGirisContent .ad-login-page-hero .ad-signup-dynamic-heading {
  font-family: var(--ad-font) !important;
  font-size: 35px !important;
  font-weight: 300 !important;
  color: var(--ad-label) !important;
  letter-spacing: -0.04em !important;
  line-height: 1.15 !important;
  text-align: left !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .ad-signup-dynamic-intro,
#newUyeOlSection .ad-signup-dynamic-intro,
#divNewUyeGirisContent .ad-login-page-hero .ad-signup-dynamic-intro {
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--ad-label-muted) !important;
  text-align: left !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .ad-signup-dynamic-login,
#newUyeOlSection .ad-signup-dynamic-login,
#divNewUyeGirisContent .ad-login-page-hero .ad-signup-dynamic-login {
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--ad-label-muted) !important;
  text-align: left !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .ad-signup-dynamic-login-link,
#newUyeOlSection .ad-signup-dynamic-login-link,
#divNewUyeGirisContent .ad-signup-dynamic-login-link {
  color: var(--ad-accent) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

.newUyeOlSection .ad-signup-dynamic-login-link:hover,
#newUyeOlSection .ad-signup-dynamic-login-link:hover,
.newUyeOlSection .ad-signup-dynamic-login-link:focus-visible,
#newUyeOlSection .ad-signup-dynamic-login-link:focus-visible,
#divNewUyeGirisContent .ad-signup-dynamic-login-link:hover,
#divNewUyeGirisContent .ad-signup-dynamic-login-link:focus-visible {
  color: var(--ad-label) !important;
  border-bottom-color: rgba(217, 50, 53, 0.35) !important;
}

/* Dinamik form — ilk dosya alanı altı bilgilendirme (JS ile eklenir) */
.newUyeOlSection .dinamikFormContainer .ad-signup-file-disclaimer,
#newUyeOlSection .dinamikFormContainer .ad-signup-file-disclaimer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  position: static !important;
  width: 100% !important;
  font-family: var(--ad-font) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: var(--ad-label-sub) !important;
  text-align: left !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Meslek alanı: üstteki tekrarlayan label kaldırıldı; metin select’in ilk satırında */
.newUyeOlSection .dinamikFormContainer .divDFElementContent_select label:not(.form_validation),
#newUyeOlSection .dinamikFormContainer .divDFElementContent_select label:not(.form_validation) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Üyelik form sütunu — kampanya / sözleşme metinleri sola */
.newUyeOlSection .newUyeOlCol,
#newUyeOlSection .newUyeOlCol {
  text-align: left !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ticimax varsayılan padding (ör. 24px 16px) — form sütunları */
.newUyeOlSection .newUyeOlContainer #FrmYeniUye .newUyeOlCol,
#newUyeOlSection .newUyeOlContainer #FrmYeniUye .newUyeOlCol,
.acountDoneSection .acountDoneContainer #FrmUyelikTamamla .acountDoneCol {
  padding: 0 !important;
}

.newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem,
#newUyeOlSection .newUyeOlContainer #FrmYeniUye .uyeOlColItem {
  margin-bottom: 15px !important;
}

#newUyeOlSection #FrmYeniUye .socialMediaLoginButtons,
#divNewUyeGirisContent #mainHolder_divHizliUyelikAlan .socialMediaLoginButtons,
#divNewUyeGirisContent #divNewPopupHizliUyelik .socialMediaLoginButtons {
  margin: 0 !important;
}

.newUyeOlSection .newUyeOlContainer.uyeolDinamikForm:not([data-ad-moved]) {
  padding-top: 4px !important;
  padding-bottom: 20px !important;
  border: none !important;
}

.newUyeOlSection .dinamikFormOnbilgi {
  font-family: var(--ad-font) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--ad-label-muted) !important;
  margin: 0 0 16px !important;
  float: none !important;
}

/* Dinamik form etiketleri (alan başlıkları — hata satırı hariç) */
.newUyeOlSection .uyeolDinamikForm label:not(.form_validation):not(.form_bilgilendirme),
.newUyeOlSection .dinamikFormContainer label:not(.form_validation):not(.form_bilgilendirme),
#newUyeOlSection .uyeolDinamikForm label:not(.form_validation):not(.form_bilgilendirme),
#newUyeOlSection .dinamikFormContainer label:not(.form_validation):not(.form_bilgilendirme) {
  display: block !important;
  font-family: var(--ad-font) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--ad-label-muted) !important;
  padding: 0 !important;
  border: 0 !important;
  float: none !important;
}

/* Dinamik form ilk label'ın üst boşluğunu azalt */
.newUyeOlSection .dinamikFormContainer .divDFElementContent:first-child label,
.newUyeOlSection .dinamikFormContainer>*:first-child label {
  margin-top: 4px !important;
}

/* ── Select (meslek seçimi) ───────────────────────────────────────────── */
.newUyeOlSection select {
  width: 100% !important;
  height: 56px !important;
  padding: 0 42px 0 16px !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--ad-label) !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2386868b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  float: none !important;
  display: block !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
}

.newUyeOlSection select:focus {
  background-color: #ffffff !important;
  border-color: var(--ad-label) !important;
  box-shadow: 0 0 0 4px rgba(29, 29, 31, 0.07) !important;
}

.newUyeOlSection .dinamikFormContainer select.form-control {
  line-height: normal !important;
  margin-top: 6px !important;
  margin-bottom: 20px !important;
}

/* Alan etiketi ile select.form-control arasında hafif nefes */
.newUyeOlSection .dinamikFormContainer .divDFElementContent_select>.ng-scope>div>label:not(.form_validation),
.newUyeOlSection .dinamikFormContainer .divDFElementContent_select label:not(.form_validation):first-of-type {
  margin-bottom: 10px !important;
}

/* Dinamik form içi “Gönder” — Ticimax yeşilini kaldır */
.newUyeOlSection .dinamikFormContainer .btnAlan {
  margin-top: 12px !important;
  width: 100% !important;
  float: none !important;
}

.newUyeOlSection .dinamikFormContainer .btnAlan .dFormSave,
.newUyeOlSection .dinamikFormContainer .btnAlan .btn.btn-success {
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  font-family: var(--ad-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: var(--ad-label) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.newUyeOlSection .dinamikFormContainer .btnAlan .dFormSave:hover,
.newUyeOlSection .dinamikFormContainer .btnAlan .btn.btn-success:hover {
  background: var(--ad-accent) !important;
}

/* Angular .ng-hide — display:none; genel label { display:block !important } bunu eziyordu */
.newUyeOlSection .dinamikFormContainer label.form_validation.ng-hide,
.newUyeOlSection .dinamikFormContainer .form_validation.ng-hide {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
}

.newUyeOlSection .dinamikFormContainer label.form_validation:not(.ng-hide),
.newUyeOlSection .dinamikFormContainer .form_validation:not(.ng-hide) {
  display: block !important;
  margin-top: 6px !important;
  font-family: var(--ad-font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ad-accent) !important;
  float: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

.newUyeOlSection .dinamikFormContainer .form_bilgilendirme.ng-hide,
.newUyeOlSection .dinamikFormContainer label.form_bilgilendirme.ng-hide {
  display: none !important;
}

/* Ticimax çift tetikleyici: “Dosya Seç” butonu (jfilestyle yeterli) */
.newUyeOlSection .dinamikFormContainer #loadFileXml,
.newUyeOlSection .dinamikFormContainer input.text-file[type="button"][id^="loadFile"] {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

/* Dinamik bölümde yalnızca boş / bağlamsız ng-scope satırlarını kapat */
.newUyeOlSection .dinamikFormContainer .ng-scope.ng-binding:empty {
  display: none !important;
}

/* ── Dosya yükleme alanı ──────────────────────────────────────────────── */
.newUyeOlSection .divDFElementContent_file {
  background: #f7f8fa !important;
  border: 1.5px dashed rgba(0, 0, 0, 0.14) !important;
  border-radius: 14px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .divDFElementContent_file:hover {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background: #f0f1f5 !important;
}

.newUyeOlSection #loadFileXml,
.newUyeOlSection .fileUploadArea {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Dosya adı kutusu */
.newUyeOlSection #txtFileName,
.newUyeOlSection .divDFElementContent_file input[type="text"][readonly],
.newUyeOlSection .jfilestyle input[type="text"] {
  flex: 1 1 160px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: 40px !important;
  padding: 0 12px !important;
  font-family: var(--ad-font) !important;
  font-size: 13px !important;
  color: var(--ad-label-muted) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 10px !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.newUyeOlSection .divDFElementContent_file .jfilestyle {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 17px !important;
}

.newUyeOlSection .divDFElementContent_file .jfilestyle .focus-jfilestyle label {
  margin: 0 !important;
}

.newUyeOlSection .divDFElementContent_file #loadFileXml {
  align-self: flex-start !important;
}

.newUyeOlSection .divDFElementContent_file [id^="lblFilePath"] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: var(--ad-font) !important;
  font-size: 12px !important;
  color: var(--ad-label-sub) !important;
  line-height: 1.4 !important;
}

/* Dosya Seç butonu */
.newUyeOlSection #btnChooseFile1,
.newUyeOlSection .fileUploadArea .newButton,
.newUyeOlSection .jfilestyle label span,
.newUyeOlSection .divDFElementContent_file input[type="button"],
.newUyeOlSection .divDFElementContent_file .newButton {
  height: 40px !important;
  padding: 0 18px !important;
  font-family: var(--ad-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ad-label) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  transition: background 0.18s ease, border-color 0.18s ease !important;
}

.newUyeOlSection #btnChooseFile1:hover,
.newUyeOlSection .jfilestyle label span:hover,
.newUyeOlSection .divDFElementContent_file input[type="button"]:hover {
  background: #f0f1f5 !important;
  border-color: rgba(0, 0, 0, 0.22) !important;
}

/* Dosya seç büyük alan */
.newUyeOlSection #btnFileSelect,
.newUyeOlSection input[type="button"].newButton:not(#btnSave) {
  width: 100% !important;
  height: 48px !important;
  font-family: var(--ad-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ad-label-muted) !important;
  background: #f7f8fa !important;
  border: 1.5px dashed rgba(0, 0, 0, 0.15) !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  transition:
    border-color 0.18s ease,
    color 0.18s ease,
    background 0.18s ease !important;
}

.newUyeOlSection #btnFileSelect:hover,
.newUyeOlSection input[type="button"].newButton:not(#btnSave):hover {
  border-color: var(--ad-label-muted) !important;
  color: var(--ad-label) !important;
  background: #ebebee !important;
}

/* Dosya seçili değil metni */
.newUyeOlSection .fileNameLabel,
.newUyeOlSection span.fileName {
  display: block;
  font-family: var(--ad-font);
  font-size: 12px;
  color: var(--ad-label-sub);
  margin-top: 5px;
  letter-spacing: 0.01em;
}

/* ── Üye Ol butonu ────────────────────────────────────────────────────── */
.newUyeOlSection #btnSave,
.newUyeOlSection .newUserLoginBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  margin-top: 24px;
  font-family: var(--ad-font);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
  background: var(--ad-label);
  border: none;
  border-radius: 14px;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
  transition:
    background 0.22s ease,
    transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.22s ease;
  -webkit-appearance: none;
  appearance: none;
}

.newUyeOlSection #btnSave:hover,
.newUyeOlSection .newUserLoginBtn:hover {
  background: var(--ad-accent);
  box-shadow: 0 6px 22px rgba(217, 50, 53, 0.28);
  transform: translateY(-1px);
}

.newUyeOlSection #btnSave:active,
.newUyeOlSection .newUserLoginBtn:active {
  transform: scale(0.98) translateY(0);
  transition-duration: 0.08s;
}

/* ── "Zaten üyeniz?" giriş linki ──────────────────────────────────────── */
.newUyeOlSection .newUyeOlRow,
.newUyeOlSection .loginLinkRow {
  margin-top: 20px;
  text-align: center;
  font-family: var(--ad-font);
  font-size: 14px;
  color: var(--ad-label-muted);
  letter-spacing: -0.01em;
}

.newUyeOlSection .newUyeOlRow a,
.newUyeOlSection .loginLinkRow a {
  color: var(--ad-label);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(29, 29, 31, 0.25);
  padding-bottom: 1px;
  transition:
    color 0.18s ease,
    border-color 0.18s ease;
}

.newUyeOlSection .newUyeOlRow a:hover,
.newUyeOlSection .loginLinkRow a:hover {
  color: var(--ad-accent);
  border-color: var(--ad-accent);
}

/* ── Hata / doğrulama mesajları ───────────────────────────────────────── */
.newUyeOlSection .field-validation-error,
.newUyeOlSection .validation-summary-errors {
  display: block;
  font-family: var(--ad-font);
  font-size: 12px;
  font-weight: 500;
  color: var(--ad-accent);
  margin-top: 4px;
  letter-spacing: -0.01em;
}

.newUyeOlSection .validateField:not(.ng-hide) {
  display: block !important;
  margin-top: 6px !important;
  font-family: var(--ad-font) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ad-accent) !important;
  line-height: 1.35 !important;
}

.newUyeOlSection .passControlDiv .error-list:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.newUyeOlSection #kayitliKullanici,
.newUyeOlSection #kayitliKullaniciTelefon {
  font-family: var(--ad-font) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.newUyeOlSection #kayitliKullanici a,
.newUyeOlSection #kayitliKullaniciTelefon a {
  color: var(--ad-accent) !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  margin-left: 4px !important;
}

/* ── Dinamik form section label (bold başlıklar) ──────────────────────── */
.newUyeOlSection .dinamikFormSectionTitle,
.newUyeOlSection h4 {
  font-family: var(--ad-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--ad-label);
  letter-spacing: -0.02em;
  margin: 8px 0 10px;
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 600px) {

  .newUyeOlSection,
  #newUyeOlSection {
    margin-top: -30px !important;
    padding: 36px 16px 60px;
    background: #ffffff !important;
  }

  .newUyeOlSection .FormTitle,
  #newUyeOlSection .FormTitle {
    display: none !important;
  }

  .newUyeOlSection .newUyeOlContainer {
    max-width: 100%;
    border-radius: 0;
    padding: 28px 20px 24px;
    box-shadow: none !important;
    border: none !important;
  }

  #newUyeOlSection .newUyeOlContainer.uyeolDinamikForm,
  .newUyeOlSection .newUyeOlContainer.uyeolDinamikForm {
    max-width: 100% !important;
  }

  /* Ad / Soyad tek sütuna geç */
  .newUyeOlSection .uyeAdSoyadRow {
    flex-direction: column;
    gap: 0;
  }

  .newUyeOlSection .newUserWrapper input[type="text"],
  .newUyeOlSection .newUserWrapper input[type="email"],
  .newUyeOlSection .newUserWrapper input[type="password"],
  .newUyeOlSection .newUserWrapper input[type="tel"],
  .newUyeOlSection .plc_check_div input[type="text"],
  .newUyeOlSection .plc_check_div input[type="email"],
  .newUyeOlSection .plc_check_div input[type="password"],
  .newUyeOlSection .plc_check_div input[type="tel"],
  .newUyeOlSection input.validateField,
  .newUyeOlSection select {
    font-size: 16px;
    /* iOS zoom engellemek için min 16px */
  }

  .newUyeOlSection #btnSave,
  .newUyeOlSection .newUserLoginBtn {
    height: 52px;
    font-size: 15px;
    border-radius: 12px;
  }

  .newUyeOlSection .newUyeOlContainer.uyeolDinamikForm.ad-signup-dynamic-slot,
  .newUyeOlSection .newUyeOlContainer.uyeolDinamikForm[data-ad-moved] {
    padding: 0 !important;
  }

  .newUyeOlSection .newUyeOlContainer.uyeolDinamikForm[data-ad-moved]+.newUyeOlContainer {
    padding-top: 0 !important;
  }
}

@media (max-width: 360px) {
  .newUyeOlSection .newUyeOlContainer {
    padding: 22px 16px 20px;
    border-radius: 0;
    box-shadow: none !important;
    border: none !important;
  }

  .newUyeOlSection .FormTitle,
  #newUyeOlSection .FormTitle {
    display: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   LOGIN — Üye giriş + hızlı üyelik (#mainHolder_divUserLoginContent / #divNewUyeGirisContent)
   Üyelik sayfası (.newUyeOlSection) ile aynı tipografi, input, buton ve sözleşme dili.
══════════════════════════════════════════════════════════════════════════ */
/*LOGIN*/

#mainHolder_divUserLoginContent.centerCount.newUserLoginContent {
  margin-top: -60px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  font-family: var(--ad-font) !important;
  padding: 56px 20px 80px !important;
  /* .newUyeOlSection ile aynı: içerik sütunu yatayda ortalanır */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* .newUyeOlSection .newUyeOlContainer ile aynı genişlik / hiza (540px kart) */
#divNewUyeGirisContent.newUserContainer {
  position: relative !important;
  width: 100% !important;
  max-width: 540px !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 109px 0 0 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  display: block !important;
  background: #ffffff !important;
}

/* Sekmeler — tamamen gizli (JS ile de inline kapatılır); Ticimax hâlâ tab mantığını çalıştırır */
#divNewUyeGirisContent .userDivTab,
#divNewUyeGirisContent .userDivTab ul,
#divNewUyeGirisContent .userDivTab li,
#divNewUyeGirisContent .userDivTab li span {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 0 !important;
  max-width: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  pointer-events: none !important;
  border: 0 !important;
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#divNewUyeGirisContent .userDivTab {
  float: none !important;
}

/* Kahraman sarmalayıcı — üyelik slottaki başlık bloğu gibi tam sütun genişliği */
#divNewUyeGirisContent .ad-login-page-hero {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  display: block !important;
  text-align: left !important;
  min-width: 0 !important;
}

/* Form satırı — 540px sütun içinde üst üste (.newUyeOlContainer genişliğiyle aynı) */
#divNewUyeGirisContent .newUserDivRow {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

#divNewUyeGirisContent .newUserDivLeft,
#divNewUyeGirisContent .newUserDivRight {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

#divNewUyeGirisContent .newUserDivLeft+.newUserDivRight {
  margin-top: 32px !important;
}

#divNewUyeGirisContent .newUserLeftBox,
#divNewUyeGirisContent .newUserRightBox {
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}

#divNewUyeGirisContent .uyeGirisFormDetail,
#divNewUyeGirisContent .uyeGirisFormDetailInputList {
  width: 100% !important;
  float: none !important;
  box-sizing: border-box !important;
}

#divNewUyeGirisContent .uyeGirisFormDetailInputList {
  background: #ffffff !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Input sarmalayıcılar — display:block sadece sürekli görünür satırlar (Ticimax display:none’u ezmesin) */
#divNewUyeGirisContent .newUserWrapper:not(.otpDiv):not(.smsCodeDiv):not(.xIDDiv),
#divNewUyeGirisContent .plc_check_div:not(.otpDiv):not(.smsCodeDiv):not(.xIDDiv) {
  position: relative !important;
  float: none !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* OTP / SMS / güvenlik kodu — varsayılan gizlilik HTML + Ticimax inline ile açılır; !important kullanma */
#divNewUyeGirisContent .newUserWrapper.otpDiv,
#divNewUyeGirisContent .newUserWrapper.smsCodeDiv,
#divNewUyeGirisContent .newUserWrapper.xIDDiv {
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#divNewUyeGirisContent .newUserWrapper+.newUserWrapper,
#divNewUyeGirisContent .plc_check_div+.plc_check_div {
  margin-top: 4px !important;
}

#divNewUyeGirisContent .newUserWrapper input[type="text"],
#divNewUyeGirisContent .newUserWrapper input[type="email"],
#divNewUyeGirisContent .newUserWrapper input[type="password"],
#divNewUyeGirisContent .newUserWrapper input[type="tel"],
#divNewUyeGirisContent .plc_check_div input[type="text"],
#divNewUyeGirisContent .plc_check_div input[type="email"],
#divNewUyeGirisContent .plc_check_div input[type="password"],
#divNewUyeGirisContent .plc_check_div input[type="tel"],
#divNewUyeGirisContent .CaptchaDiv input[type="text"] {
  width: 100% !important;
  height: 56px !important;
  padding: 20px 16px 6px !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--ad-label) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
  outline: none !important;
  box-sizing: border-box !important;
  float: none !important;
  display: block !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#divNewUyeGirisContent .newUserWrapper input:focus,
#divNewUyeGirisContent .plc_check_div input:focus {
  background: #ffffff !important;
  border-color: var(--ad-label) !important;
  box-shadow: 0 0 0 4px rgba(29, 29, 31, 0.07) !important;
}

#divNewUyeGirisContent input.input-validation-error,
#divNewUyeGirisContent .input-validation-error {
  border-color: var(--ad-accent) !important;
}

/* Şifre alanı — sağ iç boşluk (göz ikonu) */
#divNewUyeGirisContent .newUserWrapper.passDiv input[type="password"],
#divNewUyeGirisContent #passControlQuickPass input[type="password"] {
  padding-right: 48px !important;
}

/* Floating label */
#divNewUyeGirisContent .placeholderLabel {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #8a8a8e !important;
  pointer-events: none !important;
  z-index: 1 !important;
  white-space: nowrap !important;
  transition:
    top 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    font-size 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.15s ease,
    transform 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#divNewUyeGirisContent .newUserWrapper input:focus~.placeholderLabel,
#divNewUyeGirisContent .newUserWrapper input:not(:placeholder-shown)~.placeholderLabel,
#divNewUyeGirisContent .plc_check_div input:focus~.placeholderLabel,
#divNewUyeGirisContent .plc_check_div input:not(:placeholder-shown)~.placeholderLabel {
  top: 5px !important;
  transform: none !important;
  font-size: 11px !important;
  color: var(--ad-label-muted) !important;
  font-weight: 500 !important;
}

#divNewUyeGirisContent .passDiv:focus-within .placeholderLabel,
#divNewUyeGirisContent .passDiv.ad-pass-has-value .placeholderLabel,
#divNewUyeGirisContent #passControlQuickPass:focus-within .placeholderLabel,
#divNewUyeGirisContent #passControlQuickPass.ad-pass-has-value .placeholderLabel {
  top: 5px !important;
  transform: none !important;
  font-size: 11px !important;
  color: var(--ad-label-muted) !important;
  font-weight: 500 !important;
}

/* intl-tel-input — hızlı üyelik telefon */
#divNewUyeGirisContent .iti,
#divNewUyeGirisContent .intl-tel-input {
  width: 100% !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  margin-bottom: 8px !important;
}

#divNewUyeGirisContent .iti input[type="tel"],
#divNewUyeGirisContent input.ticiTelInput {
  width: 100% !important;
  height: 56px !important;
  padding: 0 16px 0 68px !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  color: var(--ad-label) !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#divNewUyeGirisContent .iti__flag-container {
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  position: absolute !important;
  z-index: 5 !important;
}

#divNewUyeGirisContent .iti__selected-flag {
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 6px 0 4px !important;
  border-radius: 8px !important;
}

#divNewUyeGirisContent .iti__country-list {
  z-index: 10060 !important;
  max-height: 220px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

#divNewUyeGirisContent .newUserWrapper:has(.iti) .placeholderLabel {
  left: 54px !important;
}

#divNewUyeGirisContent .newUserWrapper:has(.iti):focus-within .placeholderLabel,
#divNewUyeGirisContent .newUserWrapper:has(.iti input:not(:placeholder-shown)) .placeholderLabel {
  left: 16px !important;
  top: 5px !important;
  transform: none !important;
  font-size: 11px !important;
  color: var(--ad-label-muted) !important;
  font-weight: 500 !important;
}

/* Göz ikonu */
#divNewUyeGirisContent .TcxPassEye {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  color: var(--ad-label-sub) !important;
  display: flex !important;
  align-items: center !important;
  z-index: 2 !important;
}

#divNewUyeGirisContent .TcxPassEye:hover {
  color: var(--ad-label) !important;
}

#divNewUyeGirisContent .passControlDiv>div:first-child,
#divNewUyeGirisContent #passControlQuickPass>div:first-child {
  overflow: visible !important;
}

/* Giriş / Üye Ol birincil buton */
#divNewUyeGirisContent .newUserLoginBtn,
#divNewUyeGirisContent button.newUserLoginBtn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 54px !important;
  margin-top: 20px !important;
  font-family: var(--ad-font) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  background: var(--ad-label) !important;
  border: none !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15) !important;
  transition:
    background 0.22s ease,
    transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow 0.22s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#divNewUyeGirisContent .newUserLoginBtn:hover,
#divNewUyeGirisContent button.newUserLoginBtn:hover {
  background: var(--ad-accent) !important;
  box-shadow: 0 6px 22px rgba(217, 50, 53, 0.28) !important;
  transform: translateY(-1px) !important;
}

#divNewUyeGirisContent .uyeGirisFormDetailButtonList {
  width: 100% !important;
  float: none !important;
}

/* Şifremi unuttum */
#divNewUyeGirisContent .forgotpasswordDiv {
  margin-top: 16px !important;
  text-align: center !important;
}

#divNewUyeGirisContent .userPassBtn {
  font-family: var(--ad-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ad-accent) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.18s ease, border-color 0.18s ease !important;
}

#divNewUyeGirisContent .userPassBtn:hover {
  color: var(--ad-label) !important;
  border-bottom-color: rgba(217, 50, 53, 0.35) !important;
}

/* Sözleşme — hızlı üyelik (.socialUserInput) */
#divNewUyeGirisContent .signSozlesmeDiv {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 16px 0 8px !important;
  padding: 0 !important;
  text-align: left !important;
  float: none !important;
}

#divNewUyeGirisContent .signSozlesmeDiv .socialUserInput {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

#divNewUyeGirisContent .signSozlesmeDiv .socialUserInput input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  flex-shrink: 0 !important;
  margin: 2px 0 0 !important;
  border: 1.5px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 5px !important;
  background: #f9f9fb !important;
  cursor: pointer !important;
  position: relative !important;
  float: none !important;
}

#divNewUyeGirisContent .signSozlesmeDiv .socialUserInput input[type="checkbox"]:checked {
  background: var(--ad-label) !important;
  border-color: var(--ad-label) !important;
}

#divNewUyeGirisContent .signSozlesmeDiv .socialUserInput input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 6px !important;
  height: 10px !important;
  border: 2px solid #fff !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(45deg) !important;
}

#divNewUyeGirisContent .signSozlesmeDiv label.newSocialChkSozlesme:not(.newSocialChkSozlesmeTranslate) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#divNewUyeGirisContent .signSozlesmeDiv label.newSocialChkSozlesmeTranslate {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--ad-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--ad-label-muted) !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  float: none !important;
}

#divNewUyeGirisContent .signSozlesmeDiv a {
  color: var(--ad-accent) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.18s ease, border-color 0.18s ease !important;
}

#divNewUyeGirisContent .signSozlesmeDiv a:hover,
#divNewUyeGirisContent .signSozlesmeDiv a:focus-visible {
  color: var(--ad-label) !important;
  border-bottom-color: rgba(217, 50, 53, 0.35) !important;
}

/* OTP doğrulama paneli */
#mainHolder_divUserLoginContent .uyeGirisPhoneControl .phnCtrlContent {
  font-family: var(--ad-font) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18) !important;
}

#mainHolder_divUserLoginContent .uyeGirisPhoneControl .phnCtrlText span,
#mainHolder_divUserLoginContent .uyeGirisPhoneControl .phnCtrlMText span {
  font-family: var(--ad-font) !important;
  font-weight: 600 !important;
  color: var(--ad-label) !important;
}

#mainHolder_divUserLoginContent .uyeGirisPhoneControl .smsCodeInput {
  font-family: var(--ad-font) !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.12) !important;
  padding: 14px 16px !important;
  font-size: 16px !important;
}

#mainHolder_divUserLoginContent .uyeGirisPhoneControl .button.smsCodeContinue,
#mainHolder_divUserLoginContent .uyeGirisPhoneControl button.smsCodeContinue {
  font-family: var(--ad-font) !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  background: var(--ad-label) !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 24px !important;
  cursor: pointer !important;
}

#mainHolder_divUserLoginContent .uyeGirisPhoneControl .SmsSendAgain span {
  color: var(--ad-accent) !important;
  font-weight: 500 !important;
}

@media (max-width: 600px) {
  #mainHolder_divUserLoginContent.centerCount.newUserLoginContent {
    margin-top: -119px !important;
    padding: 36px 20px 80px !important;
  }

  #divNewUyeGirisContent .newUserDivRow {
    flex-direction: column !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
  }

  #divNewUyeGirisContent .newUserDivLeft,
  #divNewUyeGirisContent .newUserDivRight {
    max-width: 100% !important;
  }

  #divNewUyeGirisContent .newUserWrapper input,
  #divNewUyeGirisContent .plc_check_div input,
  #divNewUyeGirisContent .iti input[type="tel"] {
    font-size: 16px !important;
  }

  #divNewUyeGirisContent .newUserLoginBtn {
    height: 52px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }
}

/*SIGNUP*/

/*------------------------------MY ACCOUNT (HesabimTakip)------------------------------*/

/* Outer wrapper tagged by JS — avoids unreliable child selectors */
body.HesabimTakip .ad-hesabim-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 28px !important;
  padding: 40px 0 64px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  /* Contain floated children so they don't escape */
  overflow: visible !important;
}

/* ---- SIDEBAR ---- */
body.HesabimTakip .solAnaMenu {
  width: 256px !important;
  flex-shrink: 0 !important;
  float: none !important;
  background: #fff !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 100px !important;
}

body.HesabimTakip .solAnaMenu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}

body.HesabimTakip .solAnaMenu>ul>li {
  position: relative !important;
}

body.HesabimTakip .solAnaMenu>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.HesabimTakip .solAnaMenu>ul>li>a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s, border-left-color 0.15s !important;
  border-left: 3px solid transparent !important;
}

body.HesabimTakip .solAnaMenu>ul>li>a .fa {
  font-size: 14px !important;
  color: #86868b !important;
  width: 18px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  transition: color 0.15s !important;
}

body.HesabimTakip .solAnaMenu>ul>li>a:hover,
body.HesabimTakip .solAnaMenu>ul>li>a.aktif {
  background: #fafafa !important;
  color: #d93235 !important;
  border-left-color: #d93235 !important;
}

body.HesabimTakip .solAnaMenu>ul>li>a:hover .fa,
body.HesabimTakip .solAnaMenu>ul>li>a.aktif .fa {
  color: #d93235 !important;
}

/* Sub-menu toggle arrow */
body.HesabimTakip .solAnaMenu .solAnaMenuAlt>a::after {
  content: '\f107' !important;
  font-family: 'FontAwesome' !important;
  margin-left: auto !important;
  font-size: 11px !important;
  color: #86868b !important;
  transition: transform 0.2s !important;
  display: inline-block !important;
}

body.HesabimTakip .solAnaMenu .solAnaMenuAlt.open>a::after {
  transform: rotate(180deg) !important;
}

/* Sub-menu panel */
body.HesabimTakip .solAnaMenu .solAnaMenuAlt>ul {
  display: none !important;
  padding: 4px 0 10px 48px !important;
  background: #f9f9f9 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.HesabimTakip .solAnaMenu .solAnaMenuAlt.open>ul {
  display: block !important;
}

body.HesabimTakip .solAnaMenu .solAnaMenuAlt>ul li a {
  display: block !important;
  padding: 7px 16px 7px 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #6e6e73 !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

body.HesabimTakip .solAnaMenu .solAnaMenuAlt>ul li a:hover,
body.HesabimTakip .solAnaMenu .solAnaMenuAlt>ul li a.aktif {
  color: #d93235 !important;
}

body.HesabimTakip .solAnaMenu .solAnaMenuAlt::before,
body.HesabimTakip .solAnaMenu .solAnaMenuAlt.Active::before,
body.HesabimTakip .solAnaMenu .solAnaMenuAlt.active::before {
  display: none !important;
  content: none !important;
}

body.HesabimTakip .solAnaMenu ul li.Active>ul li a::after,
body.HesabimTakip .solAnaMenu ul li.active>ul li a::after {
  display: none !important;
  content: none !important;
}

/* Logout item */
body.HesabimTakip .solAnaMenu .menuUyeCikis>a {
  color: #86868b !important;
  font-size: 12px !important;
}

body.HesabimTakip .solAnaMenu .menuUyeCikis>a:hover {
  color: #d93235 !important;
  background: #fdf2f2 !important;
  border-left-color: #d93235 !important;
}

/* ---- RIGHT CONTENT AREA ---- */
body.HesabimTakip .sagIcerikTutucu {
  flex: 1 !important;
  min-width: 0 !important;
  float: none !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  padding: 28px !important;
}

body.HesabimTakip .hesabimMenuDon {
  display: none !important;
}

/* ---- WELCOME HEADER ---- */
body.HesabimTakip .hesabimAnasayfa {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
}

body.HesabimTakip .hesabimAnasayfaBaslik {
  background: linear-gradient(135deg, #1d1d1f 0%, #2c2c2e 100%) !important;
  border-radius: 16px !important;
  padding: 32px 28px !important;
  margin-bottom: 24px !important;
  position: relative !important;
  overflow: hidden !important;
}

body.HesabimTakip .hesabimAnasayfaBaslik::before {
  content: '' !important;
  position: absolute !important;
  top: -48px !important;
  right: -48px !important;
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  background: rgba(217, 50, 53, 0.12) !important;
  pointer-events: none !important;
}

body.HesabimTakip .hesabimAnasayfaBaslik::after {
  content: '' !important;
  position: absolute !important;
  bottom: -30px !important;
  right: 80px !important;
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  background: rgba(217, 50, 53, 0.07) !important;
  pointer-events: none !important;
}

body.HesabimTakip .hesabimAnasayfaBaslik h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 10px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
}

body.HesabimTakip .hesabimAnasayfaBaslik h2 span {
  color: #d93235 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 6px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

body.HesabimTakip .hesabimAnasayfaBaslik p {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.45) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 500px !important;
}

/* ---- SHORTCUT CARDS ---- */
body.HesabimTakip .hesabimAnasayfaMenuler ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.HesabimTakip .hesabimAnasayfaMenuler ul li {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.HesabimTakip .hesabimAnasayfaMenuler ul li a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 24px 12px !important;
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  text-decoration: none !important;
  color: #1d1d1f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-align: center !important;
  line-height: 1.4 !important;
  min-height: 100px !important;
  max-height: none !important;
  height: auto !important;
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Icon inside card */
body.HesabimTakip .hesabimAnasayfaMenuler ul li a .fa,
body.HesabimTakip .hesabimAnasayfaMenuler ul li a i {
  font-size: 22px !important;
  color: #d93235 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  transition: transform 0.2s !important;
}

/* Label text inside card */
body.HesabimTakip .hesabimAnasayfaMenuler ul li a span {
  display: block !important;
  float: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1d1d1f !important;
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  max-width: none !important;
  width: auto !important;
}

body.HesabimTakip .hesabimAnasayfaMenuler ul li a:hover {
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.09) !important;
  transform: translateY(-3px) !important;
  border-color: rgba(217, 50, 53, 0.18) !important;
  color: #1d1d1f !important;
}

body.HesabimTakip .hesabimAnasayfaMenuler ul li a:hover .fa,
body.HesabimTakip .hesabimAnasayfaMenuler ul li a:hover i {
  transform: scale(1.1) !important;
  color: #d93235 !important;
}

/* ---- RESPONSIVE ---- */
@media (max-width: 860px) {
  body.HesabimTakip .ad-hesabim-wrapper {
    flex-direction: column !important;
    gap: 0 !important;
    padding: 20px 0 40px !important;
  }

  body.HesabimTakip .solAnaMenu {
    width: 100% !important;
    position: static !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }

  body.HesabimTakip .hesabimMenuDon {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #d93235 !important;
    text-decoration: none !important;
    margin-bottom: 16px !important;
  }

  body.HesabimTakip .hesabimAnasayfaMenuler ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body.HesabimTakip .hesabimAnasayfaBaslik {
    padding: 24px 20px !important;
    border-radius: 12px !important;
  }

  body.HesabimTakip .hesabimAnasayfaBaslik h2 {
    font-size: 18px !important;
  }
}

@media (min-width: 861px) and (max-width: 1100px) {
  body.HesabimTakip .hesabimAnasayfaMenuler ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ---- CONTENT AREA INNER (ng-scope) ---- */
body.HesabimTakip .hesabimBolumuTutucu {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin-top: 90px;
  margin-bottom: 90px;
}

/* ---- FORM PAGE: ÜYELİK BİLGİLERİM ---- */
body.HesabimTakip .uyelikBilgilerim {
  padding: 0 !important;
}

body.HesabimTakip .blokBaslik {
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.HesabimTakip .blokBaslik h3 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.HesabimTakip .icerikIkiliBlok {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px 24px !important;
  margin-bottom: 0 !important;
}

body.HesabimTakip .satirBlok {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
}

body.HesabimTakip .hsbmSpan,
body.HesabimTakip label.hsbmSpan {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6e6e73 !important;
  display: block !important;
  margin-bottom: 4px !important;
}

body.HesabimTakip input.hsbmTextbox,
body.HesabimTakip select.hsbmTextbox,
body.HesabimTakip textarea.hsbmTextbox {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.18s !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.HesabimTakip input.hsbmTextbox:focus,
body.HesabimTakip select.hsbmTextbox:focus,
body.HesabimTakip textarea.hsbmTextbox:focus {
  border-color: #d93235 !important;
  box-shadow: 0 0 0 3px rgba(217, 50, 53, 0.12) !important;
}

body.HesabimTakip textarea.hsbmTextbox {
  height: auto !important;
  min-height: 80px !important;
  padding: 10px 12px !important;
  resize: vertical !important;
}

body.HesabimTakip select.hsbmTextbox {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236e6e73' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
  cursor: pointer !important;
}

/* intl-tel-input phone wrapper */
body.HesabimTakip .iti {
  width: 100% !important;
  display: block !important;
}

body.HesabimTakip .iti input.hsbmTextbox {
  padding-left: 52px !important;
}

body.HesabimTakip .iti__flag-container {
  left: 0 !important;
}

body.HesabimTakip .iti__selected-flag {
  padding: 0 8px !important;
  border-radius: 8px 0 0 8px !important;
}

/* Validation error */
body.HesabimTakip .kirmiziUyari {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 12px !important;
  color: #d93235 !important;
  margin-top: 4px !important;
}

body.HesabimTakip .kirmiziUyari.ng-hide {
  display: none !important;
}

/* Captcha area */
body.HesabimTakip .captchaBlok,
body.HesabimTakip .guvenlikKoduBlok,
body.HesabimTakip .uyelikBilgilerim .captchaAlani {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}

body.HesabimTakip .captchaImageBox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

body.HesabimTakip .captchaImageBox img {
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  display: block !important;
  height: 42px !important;
  width: auto !important;
}

body.HesabimTakip .captchaImageBox a,
body.HesabimTakip .captchaImageBox .captchaYenile {
  color: #6e6e73 !important;
  font-size: 18px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

body.HesabimTakip input#GuvenliKodu,
body.HesabimTakip input[id*="GuvenliKod"],
body.HesabimTakip .captchaInputBox input {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  color: #1d1d1f !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 8px !important;
  background: #fff !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  float: none !important;
  margin: 0 !important;
  display: block !important;
}

body.HesabimTakip input#GuvenliKodu:focus,
body.HesabimTakip input[id*="GuvenliKod"]:focus {
  border-color: #d93235 !important;
  box-shadow: 0 0 0 3px rgba(217, 50, 53, 0.12) !important;
}

/* Submit + Delete button area */
body.HesabimTakip .butonBlok {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  clear: both !important;
}

/* Kaydet (save) button — green */
body.HesabimTakip button.yesilButon,
body.HesabimTakip input.yesilButon,
body.HesabimTakip .hsbmButon,
body.HesabimTakip input.hsbmButon,
body.HesabimTakip button.hsbmButon {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: #1a8f4e !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0 28px !important;
  height: 42px !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  order: 2 !important;
}

body.HesabimTakip button.yesilButon:hover,
body.HesabimTakip .hsbmButon:hover,
body.HesabimTakip input.hsbmButon:hover,
body.HesabimTakip button.hsbmButon:hover {
  background: #147040 !important;
}

/* Üyelik Bilgilerimi Sil (delete) button — red */
body.HesabimTakip button.kirmiziButon,
body.HesabimTakip input.kirmiziButon,
body.HesabimTakip .hsbmSilButon,
body.HesabimTakip input.hsbmSilButon,
body.HesabimTakip button.hsbmSilButon {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #d93235 !important;
  background: rgba(217, 50, 53, 0.06) !important;
  border: 1px solid rgba(217, 50, 53, 0.25) !important;
  border-radius: 8px !important;
  padding: 0 20px !important;
  height: 42px !important;
  cursor: pointer !important;
  transition: background 0.18s, border-color 0.18s !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  order: 1 !important;
}

body.HesabimTakip button.kirmiziButon:hover,
body.HesabimTakip input.kirmiziButon:hover,
body.HesabimTakip .hsbmSilButon:hover {
  background: rgba(217, 50, 53, 0.12) !important;
  border-color: rgba(217, 50, 53, 0.4) !important;
}

/* Section spacing */
body.HesabimTakip .uyelikBilgilerim>div+div,
body.HesabimTakip .uyelikBilgilerim>section+section {
  margin-top: 32px !important;
}

/* Clear floats from Ticimax layout */
body.HesabimTakip .uyelikBilgilerim *,
body.HesabimTakip .satirBlok *,
body.HesabimTakip .icerikIkiliBlok * {
  float: none !important;
}

@media (max-width: 640px) {
  body.HesabimTakip .icerikIkiliBlok {
    grid-template-columns: 1fr !important;
  }

  body.HesabimTakip .butonBlok {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.HesabimTakip .hsbmButon,
  body.HesabimTakip input.hsbmButon,
  body.HesabimTakip button.hsbmButon,
  body.HesabimTakip .hsbmSilButon,
  body.HesabimTakip input.hsbmSilButon,
  body.HesabimTakip button.hsbmSilButon {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Member Information (Hesabim) - Complete Structural Overhaul */

/* Kill Ticimax Floats & Expand Containers */
body.HesabimTakip .sagIcerikBolumu,
body.HesabimTakip .uyelikBilgilerim {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.HesabimTakip .uyelikBilgilerim {
  max-width: 960px !important;
  /* Balanced Apple-style form width */
  margin: 40px auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* Grid Layout Refinement */
body.HesabimTakip .icerikIkiliBlok {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 32px !important;
  row-gap: 20px !important;
  width: 100% !important;
  align-items: end !important;
}

/* Ensure single elements (Rows) take full width inside the grid when needed */
body.HesabimTakip .icerikIkiliBlok>.satirBlok {
  width: 100% !important;
  /* By default they take 1 span, which is 1 column */
}

/* Permission Checkboxes / SMS-Email Approvals */
body.HesabimTakip .satirBlok14,
body.HesabimTakip .satirBlokPermissions,
body.HesabimTakip .uyelikBilgilerim .satirBlok[class*="14"],
body.HesabimTakip .uyelikBilgilerim .satirBlok[class*="15"] {
  grid-column: span 2 !important;
  background: #fbfbfd !important;
  border: 1px solid #e5e5e7 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin-top: 12px !important;
}

/* Captcha Section - Full Width */
body.HesabimTakip .captchaAlani,
body.HesabimTakip .guvenlikKoduBlok,
body.HesabimTakip #divGuvenlikKoduUyelikBilgilerim,
body.HesabimTakip [id*="IDUyelikBilgilerim"] {
  grid-column: span 2 !important;
  width: 100% !important;
  margin-top: 20px !important;
}

/* Buttons Area - Full Width */
body.HesabimTakip .butonBlok,
body.HesabimTakip .altButonTutucu {
  grid-column: span 2 !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  /* Apple pattern: secondary (Delete) left, primary (Save) right */
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 40px !important;
  padding-top: 32px !important;
  border-top: 1px solid #e5e5e7 !important;
  gap: 16px !important;
}

/* Delete Member Warning Text - Strategic Placement */
body.HesabimTakip .UyelikSilmeAktifDiv,
body.HesabimTakip .uyelikSilmeMetni {
  grid-column: span 2 !important;
  width: 100% !important;
  margin-top: 16px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #86868b !important;
  padding: 16px !important;
  background: #fff5f5 !important;
  border: 1px solid rgba(217, 50, 53, 0.1) !important;
  border-radius: 12px !important;
  order: 100 !important;
  /* Ensure it stays at the very bottom */
}

/* Squeezed Fields Fix */
body.HesabimTakip .ikiliSelect,
body.HesabimTakip .selectGrup {
  grid-column: span 1 !important;
  /* Keep birth/city pairs in their columns if they are pairs */
  width: 100% !important;
}

/* If a satirBlok only contains one input, it should still behave well */
body.HesabimTakip .satirBlok {
  display: flex !important;
  flex-direction: column !important;
}

/* Input Consistency */
body.HesabimTakip input.hsbmTextbox,
body.HesabimTakip select.hsbmTextbox,
body.HesabimTakip select.hsbmSelect {
  height: 48px !important;
  background-color: #fbfbfd !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
  transition: all 0.2s ease !important;
}

body.HesabimTakip input.hsbmTextbox:focus {
  background-color: #fff !important;
  border-color: #0066cc !important;
  box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.1) !important;
}

/* Labels */
body.HesabimTakip .hsbmSpan {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1d1d1f !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Responsive Overrides */
@media (max-width: 768px) {
  body.HesabimTakip .icerikIkiliBlok {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.HesabimTakip .satirBlok14,
  body.HesabimTakip .captchaAlani,
  body.HesabimTakip .butonBlok {
    grid-column: span 1 !important;
  }

  body.HesabimTakip .butonBlok {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* City (Sehir) and District (Ilce) side-by-side */
body.HesabimTakip .selectRow {
  display: flex !important;
  gap: 16px !important;
  width: 100% !important;
}

body.HesabimTakip .FormIl,
body.HesabimTakip .FormIlce {
  flex: 1 !important;
  min-width: 0 !important;
}

@media (max-width: 540px) {
  body.HesabimTakip .selectRow {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* Hide Semt, Mahalle and Captcha fields as they are either systemic/empty or not needed */
body.HesabimTakip .satirBlok:has(#slctZone),
body.HesabimTakip .satirBlok:has(#slctNeighborhood),
body.HesabimTakip .satirBlok.xIDUyelikBilgilerim,
body.HesabimTakip .captchaAlani,
body.HesabimTakip #divGuvenlikKoduUyelikBilgilerim {
  display: none !important;
}




/* Address Book (Adres Defterim) - Final Structural Fix & Refined Layout */

/* 1. Restore the Outer Content Wrapper (Consistent with Member Info) */
body.HesabimTakip .sagIcerikBolumu>.sagIcerikTutucu {
  background: #ffffff !important;
  border: 1px solid #e5e5e7 !important;
  border-radius: 20px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
  padding: 32px !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 2. Vaporize Inner 'Ghost' Containers from Ticimax */
body.HesabimTakip .adresDefterim .sagIcerikTutucu,
body.HesabimTakip .adresGir,
body.HesabimTakip .adresDuzenlemeTutucu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}

/* 3. Global Container Spacing */
body.HesabimTakip .hesabimAdresSayfasi {
  max-width: 960px !important;
  margin: 40px auto !important;
  padding: 0 24px !important;
}

/* 4. Address Form - Grid & Sequencing */
body.HesabimTakip .adresGir .icerikIkiliBlok {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 32px !important;
  row-gap: 20px !important;
  width: 100% !important;
  align-items: end !important;
}

/* Cleanup internal row styles to prevent "ghost" outlines */
body.HesabimTakip .adresGir .satirBlok {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  order: 10 !important;
  /* Default order */
  display: flex !important;
  flex-direction: column !important;
}

/* 1. Adres Ba�l��� */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresBasligi),
body.HesabimTakip .adresGir .satirBlok.satirBlok14 {
  order: 1 !important;
  grid-column: span 2 !important;
}

/* 2. Ad Soyad */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresAdSoyad),
body.HesabimTakip .adresGir .satirBlok.satirBlok15:not(:has(#txtAdresEposta)) {
  order: 2 !important;
}

/* 3. Telefon */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresTelefonNo),
body.HesabimTakip .adresGir .satirBlok.satirBlok17 {
  order: 3 !important;
}

/* 4. Eposta Adresi */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresEposta) {
  order: 4 !important;
  grid-column: span 2 !important;
}

/* 5. �lke */
body.HesabimTakip .adresGir .satirBlok:has(#slctAdresUlke),
body.HesabimTakip .adresGir .satirBlok.satirBlok20 {
  order: 5 !important;
  grid-column: span 2 !important;
}

/* 6. �ehir & �l�e */
body.HesabimTakip .adresGir .satirBlok:has(#slctAdresSehir),
body.HesabimTakip .adresGir .satirBlok.satirBlok21 {
  order: 6 !important;
  grid-column: span 2 !important;
}

/* 7. Adres */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdres),
body.HesabimTakip .adresGir .satirBlok.satirBlok22 {
  order: 7 !important;
  grid-column: span 2 !important;
}

/* 8. Adres Tarifi */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresTarifi),
body.HesabimTakip .adresGir .satirBlok.satirBlok23 {
  order: 8 !important;
  grid-column: span 2 !important;
}

/* 9. Posta Kodu */
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresPostaKodu),
body.HesabimTakip .adresGir .satirBlok.satirBlok24 {
  order: 9 !important;
  grid-column: span 1 !important;
}

/* 5. Hide Unwanted Fields */
/* T.C. Kimlik NoRow, FIN Kodu elements, Captcha */
body.HesabimTakip .adresGir .satirBlok19,
body.HesabimTakip .adresGir .satirBlok:has(#txtAdresTCKimlikNo),
body.HesabimTakip .adresGir #txtAdresFINKodu,
body.HesabimTakip .adresGir div:has(> #txtAdresFINKodu),
body.HesabimTakip .adresGir .satirBlok.xIDUyelikBilgilerim,
body.HesabimTakip .adresGir .captchaAlani {
  display: none !important;
}

/* Standardize Buttons */
body.HesabimTakip .adresGir .butonBlok {
  grid-column: span 2 !important;
  margin-top: 32px !important;
  padding-top: 24px !important;
  border-top: 1px solid #f0f0f2 !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

body.HesabimTakip .adresGir .butonBlok .yesilButon {
  order: 1 !important;
}

body.HesabimTakip .adresGir .butonBlok .griButon {
  order: 2 !important;
}

/*HOME*/
/* 
           ASILDENTAL HOME PAGE - EXHAUSTIVE PREMIUM REDESIGN
           Prefix: ad-home-
           Design: Apple-Style Editorial / Indestructible Responsive
        */

:root {
  --ad-home-bg: #0b0c0f;
  --ad-home-txt: #fff;
  --ad-home-sub: rgba(255, 255, 255, .82);
  --ad-home-accent: #d93235;
  --ad-home-accent-rgb: 217, 50, 53;
  --ad-home-page: #fff;
  --ad-home-muted: #f5f5f7;
  --ad-home-ink: #1d1d1f;
  --ad-home-link: #0066cc;
  --ad-home-radius: 22px;
  --ad-home-transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  --ad-home-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --ad-home-shadow-hover: 0 32px 64px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.06);
}

.ad-home {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--ad-home-page);
  color: var(--ad-home-ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  line-height: 1.45;
}

.ad-home * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.ad-home-wrap {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.ad-home-wrap--wide {
  width: min(1540px, calc(100% - 48px));
}

.ad-home-wrap--sq704 {
  width: min(1438px, 100%);
}

/* ── Fluid Typography ── */
.ad-home-hero-title {
  font-size: clamp(38px, 9vw, 84px);
}

.ad-home-section-title {
  font-size: clamp(28px, 5vw, 48px);
}

.ad-home-promo-title {
  font-size: clamp(26px, 4.5vw, 44px);
}

.ad-home-feature-title {
  font-size: clamp(30px, 4.8vw, 56px);
}

/* ── Reveal Animations ── */
.ad-home [data-ad-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity var(--ad-home-transition), transform var(--ad-home-transition);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
  /* Anti-aliasing boost */
}

.ad-home-promo-content,
.ad-home-feature-content {
  z-index: 5;
  position: relative;
  max-width: 920px;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.3);
}

.ad-home-promo--light .ad-home-promo-content,
.ad-home-promo--light .ad-home-feature-content {
  color: #000 !important;
  text-shadow: 0 0 15px #fff, 0 0 10px #fff, 0 0 5px #fff;
}

.ad-home-promo--light .ad-home-promo-desc,
.ad-home-promo--light .ad-home-feature-desc {
  color: #000 !important;
  font-weight: 600;
}

.ad-home-feature-content .ad-home-feature-desc,
.ad-home-feature-content .ad-home-promo-desc {
  color: inherit;
}

.ad-home [data-ad-reveal].ad-home-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* ═══════════════════════════════════════════════════
           BRAND STORIES — ULTRA PREMIUM (Apple / Meta editorial)
           Saremco: saremco.png | Dentsay: video/dentsay.mp4
           Diğer görseller: geçici stok — sonra değiştirilebilir
           ═══════════════════════════════════════════════════ */

.ad-home-brand-stories {
  isolation: isolate;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: #fafafa;
}

/* ── Saremco: Meta / Ray-Ban tarzı koyu hero — 1440×630 · mobil 343×457 ── */
.ad-prem-feature-shell {
  display: flex;
  justify-content: center;
  padding: 48px clamp(16px, 4vw, 40px);
}

.ad-prem-feature {
  --saremco-w: 1440;
  --saremco-h: 630;
  width: min(100%, 1440px);
  aspect-ratio: var(--saremco-w) / var(--saremco-h);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: #0a0a0a;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 32px 100px rgba(0, 0, 0, 0.45);
}

.ad-prem-feature__bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
  transition: transform 1.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ad-prem-feature:hover .ad-prem-feature__bg-img {
  transform: scale(1.04);
}

.ad-prem-feature::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse 90% 65% at 50% 25%, rgba(0, 0, 0, 0.2) 0%, transparent 52%),
    radial-gradient(ellipse 80% 55% at 50% 40%, rgba(60, 100, 200, 0.08) 0%, transparent 50%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.72) 78%, rgba(0, 0, 0, 0.88) 100%);
  pointer-events: none;
}

.ad-prem-feature__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: clamp(18px, 2.4vw, 36px) clamp(20px, 4vw, 56px) clamp(20px, 2.8vw, 32px);
}

.ad-prem-feature__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(6px, 0.9vw, 10px);
  width: 100%;
  max-width: 36em;
}

.ad-prem-feature .ad-prem-eyebrow {
  font-size: clamp(11px, 1.1vw, 13px);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  color: rgba(255, 255, 255, 0.88);
  margin: 0;
  display: block;
}

.ad-prem-feature .ad-prem-eyebrow::before {
  display: none;
}

.ad-prem-feature__title {
  font-size: clamp(22px, 3.2vw, 40px);
  font-weight: 600;
  letter-spacing: -0.028em;
  line-height: 1.12;
  color: #ffffff;
  margin: 0;
}

.ad-prem-feature__lead {
  font-size: clamp(13px, 1.35vw, 16px);
  font-weight: 500;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.9);
  max-width: 34em;
  margin: 0 0 clamp(10px, 1.4vw, 14px);
}

.ad-prem-feature__body {
  font-size: clamp(12px, 1.2vw, 15px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.7);
  max-width: 36em;
  margin: 0 0 clamp(10px, 1.3vw, 14px);
}

.ad-prem-feature__closing {
  font-size: clamp(12px, 1.15vw, 14px);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.88);
  max-width: 34em;
  margin: 0 0 clamp(14px, 2vw, 22px);
}

.ad-prem-feature__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
  margin-top: 2px;
}

.ad-prem-feature__actions .ad-home-btn--primary {
  box-shadow: 0 8px 28px rgba(var(--ad-home-accent-rgb), 0.4);
}

.ad-prem-feature__actions .ad-home-btn--primary:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* ── Row: two premium tiles ── */
.ad-prem-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Dentsay + Surgimag: 704×704 kare kartlar */
.ad-prem-row--sq704 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
}

.ad-prem-row--sq704 .ad-prem-tile {
  width: 704px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  min-height: unset;
  flex: 0 1 704px;
  box-sizing: border-box;
  border-radius: var(--ad-home-radius);
  overflow: hidden;
}

.ad-prem-row--sq704 .ad-prem-tile+.ad-prem-tile {
  border-left: none;
}

.ad-prem-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: clamp(520px, 62vh, 720px);
  padding: clamp(32px, 5vw, 56px) clamp(24px, 4vw, 40px);
  text-decoration: none;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}

.ad-prem-tile+.ad-prem-tile {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.ad-prem-tile--void {
  background: #050508;
  color: #f5f5f7;
}

.ad-prem-tile--void::before {
  content: '';
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(ellipse 55% 45% at 20% 30%, rgba(88, 101, 242, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 85% 70%, rgba(217, 50, 53, 0.14) 0%, transparent 50%),
    radial-gradient(ellipse 40% 35% at 50% 100%, rgba(0, 212, 255, 0.08) 0%, transparent 45%);
  opacity: 0.85;
  pointer-events: none;
  z-index: -1;
}

.ad-prem-tile--depth {
  background: #0c0c0f;
  color: #fff;
}

.ad-prem-tile--depth::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(165deg, rgba(30, 30, 40, 0.5) 0%, transparent 45%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
  pointer-events: none;
}

.ad-prem-tile--video {
  background: #030304;
  color: #f5f5f7;
}

.ad-prem-tile--lumen {
  background: linear-gradient(180deg, #ffffff 0%, #f2f2f7 100%);
  color: #1d1d1f;
}

.ad-prem-tile--lumen+.ad-prem-tile,
.ad-prem-tile+.ad-prem-tile--lumen {
  border-left-color: rgba(0, 0, 0, 0.08);
}

.ad-prem-tile__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transform: scale(1.02);
  transition: transform 2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ad-prem-tile--video:hover .ad-prem-tile__video {
  transform: scale(1.06);
}

/* Vimeo background cover */
.ad-dentsay-vimeo-wrap {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
}

.ad-dentsay-vimeo-wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}

/* Dentsay: tam yüzey tıklama (içte replay butonu için <a> ayrı) */
.ad-prem-tile--video .ad-prem-tile__hit {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
}

.ad-prem-tile--video .ad-prem-tile__top {
  position: relative;
  z-index: 4;
  pointer-events: none;
}

.ad-prem-tile--video .ad-home-replay-btn {
  z-index: 6;
}

.ad-prem-tile__veil {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.82) 100%);
  pointer-events: none;
}

.ad-prem-tile__veil--soft {
  background: linear-gradient(200deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.75) 100%);
}

.ad-prem-tile__veil--light {
  background: linear-gradient(195deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.45) 42%, rgba(242, 242, 247, 0.88) 100%);
}

.ad-prem-tile__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform 2s cubic-bezier(0.25, 0.1, 0.25, 1), filter 2s ease;
  filter: saturate(1.05) contrast(1.02);
}

.ad-prem-tile:hover .ad-prem-tile__photo {
  transform: scale(1.05);
}

.ad-prem-tile--lumen .ad-prem-tile__photo {
  opacity: 0.92;
}

/* Konsept: vitrin / kapak — ortada blok, kutu yok, radyal okuma alanı */
.ad-prem-tile__top {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(12px, 2vw, 18px);
  width: 100%;
  max-width: min(22rem, 92%);
  padding: clamp(28px, 5vw, 44px) clamp(16px, 3vw, 24px);
  box-sizing: border-box;
}

.ad-prem-tile__top::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(140%, 420px);
  height: min(160%, 360px);
  background: radial-gradient(ellipse 70% 65% at 50% 50%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.22) 52%, transparent 72%);
  z-index: -1;
  pointer-events: none;
}

.ad-prem-tile--lumen .ad-prem-tile__top::before {
  background: radial-gradient(ellipse 70% 65% at 50% 50%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.28) 50%, transparent 72%);
}

.ad-prem-tile__index {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  opacity: 0.48;
  margin: 0;
  display: block;
  line-height: 1.35;
}

.ad-prem-tile--lumen .ad-prem-tile__index {
  color: #6e6e73;
  opacity: 0.75;
}

.ad-prem-tile__name {
  font-size: clamp(28px, 4.5vw, 44px);
  font-weight: 600;
  letter-spacing: -0.032em;
  line-height: 1.06;
  margin: 0;
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.35);
}

.ad-prem-tile--lumen .ad-prem-tile__name {
  text-shadow: none;
  color: #1d1d1f;
}

.ad-prem-tile__desc {
  font-size: clamp(12px, 1.05vw, 14px);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.015em;
  opacity: 0.88;
  max-width: 26em;
  margin: 0;
  text-wrap: balance;
}

.ad-prem-tile--lumen .ad-prem-tile__desc {
  color: #424245;
  opacity: 0.9;
}

.ad-prem-tile__cta {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: none;
  opacity: 0.92;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 0 2px 4px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  width: auto;
  align-self: center;
  transition: gap 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), border-color 0.35s ease, color 0.35s ease, opacity 0.35s ease;
}

.ad-prem-tile--lumen .ad-prem-tile__cta {
  color: #1d1d1f;
  border-bottom-color: rgba(0, 0, 0, 0.22);
  opacity: 0.88;
}

.ad-prem-tile:hover .ad-prem-tile__cta {
  gap: 13px;
  opacity: 1;
  border-bottom-color: rgba(255, 255, 255, 0.85);
  color: #fff;
}

.ad-prem-tile--lumen:hover .ad-prem-tile__cta {
  color: var(--ad-home-accent);
  border-bottom-color: var(--ad-home-accent);
}

/* Dentsay — uzun metin bloğu */
.ad-prem-tile__top.ad-dentsay-copy {
  max-width: min(30rem, 94%);
  gap: clamp(8px, 1.4vw, 12px);
}

.ad-prem-tile__top.ad-dentsay-copy::before {
  width: min(185%, 580px);
  height: min(240%, 620px);
}

.ad-dentsay-copy__tagline {
  font-size: clamp(14px, 2.2vw, 17px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin: 0;
  opacity: 0.95;
}

.ad-dentsay-copy__body {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

.ad-dentsay-copy__body p {
  margin: 0;
  font-size: clamp(10.5px, 1.75vw, 12.5px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
  opacity: 0.88;
}

.ad-dentsay-copy__body q {
  font-style: italic;
  quotes: '“' '”' '‘' '’';
}

.ad-dentsay-copy__sig {
  font-size: clamp(11.5px, 1.9vw, 13.5px);
  font-weight: 500;
  line-height: 1.45;
  margin: 0.2rem 0 0;
  opacity: 0.96;
  letter-spacing: 0.01em;
}

/* Surgimag — uzun metin bloğu */
.ad-prem-tile__top.ad-surgimag-copy {
  max-width: min(30rem, 94%);
  gap: clamp(8px, 1.4vw, 12px);
}

.ad-prem-tile__top.ad-surgimag-copy::before {
  width: min(185%, 580px);
  height: min(240%, 620px);
}

.ad-surgimag-copy__title {
  margin: 0;
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 600;
  letter-spacing: -0.032em;
  line-height: 1.08;
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.35);
}

.ad-surgimag-copy__title-mark {
  display: inline;
}

.ad-surgimag-copy__title-sep {
  display: inline;
  font-weight: 400;
  opacity: 0.55;
  margin: 0 0.12em;
}

.ad-surgimag-copy__title-strap {
  display: inline;
  font-weight: 400;
  font-size: 0.72em;
  letter-spacing: -0.02em;
  opacity: 0.92;
}

.ad-surgimag-copy__tagline {
  font-size: clamp(14px, 2.2vw, 17px);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin: 0;
  opacity: 0.95;
}

.ad-surgimag-copy__body {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}

.ad-surgimag-copy__body p {
  margin: 0;
  font-size: clamp(10.5px, 1.75vw, 12.5px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
  opacity: 0.88;
}

.ad-surgimag-copy__sig {
  font-size: clamp(11.5px, 1.9vw, 13.5px);
  font-weight: 500;
  line-height: 1.45;
  margin: 0.2rem 0 0;
  opacity: 0.96;
  letter-spacing: 0.01em;
}

/* Deppeler + BioWhiten: ~60/40 atelier + lab (üst sıradan farklı ritim) */
.ad-prem-row--split6040 {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr);
  gap: clamp(20px, 2.5vw, 28px);
  padding: clamp(28px, 4vw, 44px) clamp(16px, 4vw, 48px);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  align-items: stretch;
}

.ad-prem-row--split6040 .ad-prem-tile {
  min-height: clamp(460px, 50vh, 600px);
  border-radius: var(--ad-home-radius);
  overflow: hidden;
  justify-content: center;
  align-items: stretch;
}

.ad-prem-row--split6040 .ad-prem-tile+.ad-prem-tile {
  border-left: none;
}

.ad-prem-row--split6040 .ad-prem-tile__cta {
  align-self: flex-start;
}

.ad-prem-tile--atelier .ad-prem-tile__photo {
  filter: saturate(0.9) contrast(1.06) brightness(0.94);
  transition: transform 2s cubic-bezier(0.25, 0.1, 0.25, 1), filter 2s ease;
}

.ad-prem-tile--atelier:hover .ad-prem-tile__photo {
  filter: saturate(0.95) contrast(1.05) brightness(0.96);
}

.ad-prem-tile__veil--atelier {
  background:
    linear-gradient(105deg, rgba(6, 6, 8, 0.88) 0%, rgba(6, 6, 8, 0.42) 42%, rgba(8, 8, 12, 0.55) 100%),
    linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.45) 100%);
  z-index: 2;
}

.ad-prem-tile--lab {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.ad-prem-tile--lab:hover {
  box-shadow:
    0 0 0 1px rgba(var(--ad-home-accent-rgb), 0.18),
    0 20px 48px rgba(0, 0, 0, 0.08);
}

.ad-prem-tile--lab .ad-prem-tile__photo {
  filter: saturate(0.98) brightness(1.04);
}

.ad-prem-tile__veil--lab {
  background: linear-gradient(185deg, rgba(255, 255, 255, 0.88) 0%, rgba(245, 245, 247, 0.72) 55%, rgba(240, 240, 245, 0.82) 100%);
  z-index: 2;
}

.ad-prem-tile__top.ad-deppeler-copy,
.ad-prem-tile__top.ad-biowhiten-copy {
  align-self: flex-start;
  align-items: flex-start;
  text-align: left;
  width: auto;
  max-width: min(28rem, 96%);
  margin-left: 0;
  margin-right: auto;
  padding: clamp(22px, 3.5vw, 38px) clamp(18px, 3vw, 32px);
  gap: clamp(8px, 1.2vw, 12px);
}

.ad-prem-tile__top.ad-deppeler-copy::before {
  left: 32%;
  transform: translate(-50%, -45%);
  width: min(220%, 720px);
  height: min(200%, 520px);
  background: radial-gradient(ellipse 65% 60% at 35% 45%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 55%, transparent 72%);
}

.ad-prem-tile__top.ad-biowhiten-copy::before {
  left: 40%;
  transform: translate(-50%, -48%);
  width: min(200%, 640px);
  height: min(190%, 480px);
  background: radial-gradient(ellipse 70% 65% at 40% 50%, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.25) 55%, transparent 72%);
}

.ad-deppeler-copy__title {
  margin: 0;
  font-size: clamp(22px, 2.8vw, 32px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.12;
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.4);
}

.ad-deppeler-copy__title-mark {
  display: inline;
}

.ad-deppeler-copy__title-sep {
  display: inline;
  font-weight: 400;
  opacity: 0.55;
  margin: 0 0.1em;
}

.ad-deppeler-copy__title-strap {
  display: inline;
  font-weight: 400;
  font-size: 0.78em;
  letter-spacing: -0.02em;
  opacity: 0.9;
}

.ad-deppeler-copy__tagline {
  font-size: clamp(13px, 1.35vw, 15px);
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  opacity: 0.94;
}

.ad-deppeler-copy__lede {
  font-size: clamp(11.5px, 1.2vw, 13px);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
}

.ad-deppeler-copy__stack {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
}

.ad-deppeler-copy__stack p {
  margin: 0;
  font-size: clamp(10.5px, 1.1vw, 12.5px);
  font-weight: 300;
  line-height: 1.52;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.8);
  max-width: 26em;
}

.ad-deppeler-copy__sig {
  font-size: clamp(11.5px, 1.2vw, 13px);
  font-weight: 500;
  font-style: italic;
  margin: 0.2rem 0 0;
  opacity: 0.9;
  letter-spacing: 0.02em;
}

.ad-biowhiten-copy__title {
  margin: 0;
  font-size: clamp(20px, 2.5vw, 28px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: #1d1d1f;
}

.ad-biowhiten-copy__title-mark {
  display: inline;
}

.ad-biowhiten-copy__title-sep {
  display: inline;
  font-weight: 400;
  opacity: 0.45;
  margin: 0 0.08em;
}

.ad-biowhiten-copy__title-strap {
  display: inline;
  font-weight: 500;
  font-size: 0.72em;
  letter-spacing: -0.015em;
  color: #424245;
}

.ad-biowhiten-copy__tagline {
  font-size: clamp(12.5px, 1.25vw, 14px);
  font-weight: 500;
  line-height: 1.45;
  margin: 0;
  color: #1d1d1f;
}

.ad-biowhiten-copy__stack {
  margin: 0.15rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.ad-biowhiten-copy__stack p {
  position: relative;
  margin: 0;
  padding-left: 1.05rem;
  font-size: clamp(10.5px, 1.05vw, 12.5px);
  line-height: 1.48;
  color: #424245;
  letter-spacing: 0.015em;
}

.ad-biowhiten-copy__stack p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.52em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ad-home-accent);
  opacity: 0.85;
}

.ad-biowhiten-copy__sig {
  font-size: clamp(11.5px, 1.15vw, 13px);
  font-weight: 500;
  font-style: italic;
  margin: 0.3rem 0 0;
  color: #1d1d1f;
  letter-spacing: 0.01em;
}

.ad-prem-tile__media-slot {
  flex: 1;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-top: 24px;
  min-height: 200px;
}

.ad-prem-tile__media-slot img:not(.ad-prem-tile__photo) {
  max-width: 78%;
  max-height: 240px;
  object-fit: contain;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.35));
  transition: transform 1.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ad-prem-tile--lumen .ad-prem-tile__media-slot img:not(.ad-prem-tile__photo) {
  filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.12));
}

.ad-prem-tile:hover .ad-prem-tile__media-slot img:not(.ad-prem-tile__photo) {
  transform: translateY(-12px);
}

@media (max-width: 960px) {
  .ad-prem-row {
    grid-template-columns: 1fr;
    padding: 24px 16px 32px;
    /* Standardize with Saremco shell */
    gap: 24px;
    /* Gap between cards in a row on mobile */
  }

  .ad-prem-row--split6040 {
    grid-template-columns: 1fr;
    padding: 24px 16px 32px;
    gap: 24px;
  }

  .ad-prem-row--split6040 .ad-prem-tile {
    min-height: unset;
    aspect-ratio: 0.8;
  }

  .ad-prem-row--sq704 {
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 32px;
    gap: 24px;
  }

  .ad-prem-row--sq704 .ad-prem-tile {
    flex: 0 0 100%;
    width: 100%;
    min-height: unset;
    aspect-ratio: 0.8;
    max-height: none;
  }

  .ad-prem-tile+.ad-prem-tile {
    border-top: none;
  }

  .ad-prem-tile+.ad-prem-tile--lumen,
  .ad-prem-tile--lumen+.ad-prem-tile {
    border-top-color: transparent;
  }

  .ad-prem-tile {
    min-height: unset;
    aspect-ratio: 0.8;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Align content to bottom like Saremco */
    border-radius: 24px;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
    overflow: hidden;
  }

  .ad-prem-tile--lumen {
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.12);
  }
}

/* Saremco mobil: 343×457 oranı */
@media (max-width: 640px) {
  .ad-prem-feature-shell {
    padding: 24px 16px 32px;
  }

  .ad-prem-feature {
    width: 100%;
    aspect-ratio: 0.8;
    border-radius: 24px;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.5);
  }

  .ad-prem-feature__inner {
    padding: 32px 24px 36px;
    justify-content: flex-end;
  }

  .ad-prem-feature .ad-prem-eyebrow {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .ad-prem-feature__title {
    font-size: clamp(26px, 8vw, 32px);
    margin-bottom: 16px;
  }

  .ad-prem-feature__lead {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 12px;
  }

  .ad-prem-feature__body {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 16px;
  }

  .ad-prem-feature__closing {
    font-size: 13px;
    margin-bottom: 24px;
  }

  .ad-prem-feature__actions {
    flex-direction: column;
    width: 100%;
    max-width: 280px;
    gap: 0;
  }

  .ad-prem-feature__actions .ad-home-btn {
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
  }
}

@media (max-width: 600px) {
  .ad-prem-tile {
    padding: 32px 24px 36px;
    /* Match Saremco mobile padding */
    aspect-ratio: 0.8;
    min-height: unset;
    justify-content: flex-end;
  }

  .ad-prem-tile__top {
    align-items: flex-start !important;
    text-align: left !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .ad-prem-tile__top::before {
    display: none;
    /* Remove desktop-style halo on mobile for cleaner look */
  }

  .ad-prem-tile__title,
  .ad-surgimag-copy__title,
  .ad-deppeler-copy__title,
  .ad-biowhiten-copy__title {
    font-size: clamp(24px, 7.5vw, 30px) !important;
    margin-bottom: 12px;
  }

  .ad-prem-tile__cta {
    margin-top: 16px;
  }

  /* Specific overrides to ensure Dentsay/Surgimag match the left-aligned style */
  .ad-dentsay-copy__body,
  .ad-surgimag-copy__body {
    text-align: left !important;
  }
}

/* Ensure Bio/Lab cards also follow the rule */
@media (max-width: 600px) {

  .ad-prem-tile--lab,
  .ad-prem-tile--atelier {
    aspect-ratio: 0.8 !important;
  }
}

@media (prefers-reduced-motion: reduce) {

  .ad-prem-feature__bg-img,
  .ad-prem-tile__video,
  .ad-prem-tile__photo,
  .ad-prem-tile__media-slot img {
    transition: none !important;
  }

  .ad-prem-feature:hover .ad-prem-feature__bg-img,
  .ad-prem-tile--video:hover .ad-prem-tile__video,
  .ad-prem-tile:hover .ad-prem-tile__photo {
    transform: none;
  }
}

/* Reveal logic */
[data-ad-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 1s cubic-bezier(0.2, 1, 0.2, 1), transform 1s cubic-bezier(0.2, 1, 0.2, 1);
}

[data-ad-reveal].ad-home-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* ── Hero Section ── */
.ad-home-hero {
  min-height: 90vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 24px 6vh;
  /* 12vh -> 6vh to move even lower */
  position: relative;
  overflow: hidden;
  background: var(--ad-home-bg);
  color: var(--ad-home-txt);
}

.ad-home-hero-bg {
  position: absolute;
  inset: 0;
  background: #000;
  z-index: 0;
}

.ad-home-hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  /* 100 / 16 * 9 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* 100 / 9 * 16 */
  transform: translate(-50%, -50%) scale(1.02);
  pointer-events: none;
  z-index: 0;
  border: none;
}

.ad-home-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.ad-home-hero-content {
  position: relative;
  z-index: 2;
  width: min(720px, 100%);
  text-align: center;
  /* Center fixed */
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.8s cubic-bezier(0.2, 0.8, 0.3, 1), transform 1.8s cubic-bezier(0.2, 0.8, 0.3, 1);
}

.ad-home-hero-content--visible {
  opacity: 1;
  transform: translateY(0);
}

.ad-home-hero-eyebrow {
  font-size: clamp(14px, 1.5vw, 18px);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.7);
}

.ad-home-hero-title {
  display: none;
  /* Removed from regular flow */
}

/* Cinematic Title Sequence Styles */
.ad-home-hero-cinematic {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 90%;
  text-align: center;
  pointer-events: none;
}

.ad-home-hero-cinematic span {
  display: block;
  font-weight: 100;
  font-size: clamp(38px, 8vw, 100px);
  letter-spacing: -0.01em;
  color: #fff;
  opacity: 0;
  filter: blur(20px);
  transform: translateY(20px);
  transition: opacity 1.5s ease-out, transform 1.5s ease-out, filter 1.5s ease-out;
}

.ad-home-hero-cinematic span.is-visible {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.ad-home-hero-cinematic .ad-cinematic-2 {
  margin-top: 20px;
  font-size: clamp(48px, 10vw, 120px);
  font-weight: 200;
}

.ad-home-hero-subtitle {
  font-size: clamp(15px, 1.4vw, 18px);
  /* Reduced size: 16px-21px -> 15px-18px */
  font-weight: 400;
  line-height: 1.5;
  color: var(--ad-home-sub);
  max-width: 600px;
  /* More focused */
  margin: 0 auto 40px;
  /* Tightened margin */
  letter-spacing: 0.01em;
  text-wrap: balance;
}

/* Replay Button */
.ad-home-replay-btn {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  /* Priority over Vimeo info/controls */
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease;
  outline: none;
}

.ad-home-replay-btn.is-visible {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.ad-home-replay-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.3);
  transform: scale(1.08);
}

.ad-home-replay-btn:active {
  transform: scale(0.95);
}

.ad-home-replay-btn svg {
  width: 24px;
  height: 24px;
}

/* ── Buttons ── */
.ad-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 40px;
  font-size: 17px;
  font-weight: 500;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: none;
  white-space: nowrap;
}

.ad-home-btn--primary {
  background: var(--ad-home-accent);
  color: #fff;
  box-shadow: 0 8px 32px rgba(var(--ad-home-accent-rgb), 0.35);
}

.ad-home-btn--primary:hover {
  transform: scale(1.025);
  filter: brightness(1.1);
  box-shadow: 0 12px 40px rgba(var(--ad-home-accent-rgb), 0.45);
}

.ad-home-btn--ghost {
  background: rgba(var(--ad-home-accent-rgb), 0.05);
  color: var(--ad-home-accent);
  border: 1px solid rgba(var(--ad-home-accent-rgb), 0.2);
}

.ad-home-btn--ghost:hover {
  background: rgba(var(--ad-home-accent-rgb), 0.08);
  border-color: rgba(var(--ad-home-accent-rgb), 0.4);
}

/* ── Promos Section ── */
.ad-home-promos {
  padding: 40px 0 120px;
}

.ad-home-promo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.ad-home-promo {
  position: relative;
  min-height: 630px;
  height: auto;
  border-radius: var(--ad-home-radius);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px;
  color: #fff;
  background: #000;
}

.ad-home-promo--light {
  background: #fbfbfd;
  color: #1d1d1f;
}

.ad-home-promo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform 4s ease;
}

.ad-home-promo-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.ad-home-promo--light .ad-home-promo-overlay {
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.ad-home-promo-content {
  position: relative;
  z-index: 2;
  max-width: 480px;
}

.ad-home-promo-eyebrow {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 18px;
  opacity: 0.85;
}

.ad-home-promo-title {
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 24px;
  letter-spacing: -0.035em;
}

.ad-home-promo-desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 36px;
  opacity: 1;
}

/* ── Feature Large Section ── */
.ad-home-feature-card {
  background: #f5f5f7;
  border-radius: var(--ad-home-radius);
  min-height: 630px;
  height: auto;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 40px;
  margin-bottom: 24px;
}

.ad-home-feature-card--dark {
  background: var(--ad-home-bg);
  color: #fff;
}

.ad-home-feature-content {
  position: relative;
  z-index: 2;
  max-width: 920px;
}

.ad-home-feature-title {
  font-weight: 600;
  line-height: 1.05;
  margin-bottom: 28px;
  letter-spacing: -0.04em;
}

.ad-home-feature-title em {
  font-style: normal;
  background: linear-gradient(90deg, #d93235, #ff4c4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ad-home-feature-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.55;
  margin-bottom: 48px;
  color: #6e6e73;
  max-width: 36em;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance;
}

.ad-home-feature-card--dark .ad-home-feature-desc {
  color: #a1a1a6;
}

/* ── Why Section ── */
.ad-home-why {
  background: #fafafa;
  padding: 140px 0;
}

.ad-home-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

@media (max-width: 768px) {
  .ad-home-why-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    /* Hide scrollbar */
    -ms-overflow-style: none;
    gap: 20px;
    padding: 10px 24px 30px;
    margin-left: -24px;
    margin-right: -24px;
  }

  .ad-home-why-grid::-webkit-scrollbar {
    display: none;
  }

  .ad-home-why-card {
    flex: 0 0 280px;
    scroll-snap-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 32px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  }
}

.ad-home-why-card {
  text-align: center;
  padding: 24px;
  transition: transform 0.4s ease;
}

.ad-home-why-icon {
  width: 54px;
  height: 54px;
  margin-bottom: 28px;
  color: var(--ad-home-accent);
}

.ad-home-why-item-title {
  font-size: clamp(18px, 2.5vw, 21px);
  font-weight: 600;
  margin-bottom: 16px;
  letter-spacing: -0.01em;
}

.ad-home-why-item-desc {
  font-size: 16px;
  line-height: 1.5;
  color: #6e6e73;
}

/* ── Latest Section — ultra premium karusel ── */
.ad-home-latest {
  padding: 120px 0 100px;
  overflow: hidden;
  background: #f5f5f7;
}

.ad-home-latest-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.ad-home-latest-controls {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
  padding-bottom: 4px;
}

.ad-home-latest-carousel {
  position: relative;
  margin-top: 48px;
  width: 100%;
}

.ad-home-latest-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 0 32px;
  padding-left: var(--ad-home-latest-offset, 48px);
  padding-right: var(--ad-home-latest-offset, 48px);
  scroll-padding-left: var(--ad-home-latest-offset, 48px);
  margin: 0;
  display: block;
}

.ad-home-latest-viewport::-webkit-scrollbar {
  display: none;
}

.ad-home-latest-track {
  display: flex;
  gap: 24px;
  /* Refined spacing for premium feel */
  width: max-content;
  padding: 4px 0 12px;
  position: relative;
}

.ad-home-latest-post {
  flex: 0 0 auto;
  width: 480px;
  /* Slightly wider for premium feel */
  max-width: min(480px, calc(100vw - 48px));
  box-sizing: border-box;
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
  background: #fff;
  display: flex;
  flex-direction: column;
  border-radius: var(--ad-home-radius);
  border: 1px solid rgba(0, 0, 0, 0.04);
  position: relative;
  overflow: hidden;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.03);
}

.ad-home-latest-post:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.08);
}

.ad-home-latest-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1.1;
  /* Slightly less square for horizontal items */
  background: linear-gradient(180deg, #fcfcfd 0%, #f5f5f7 100%);
  overflow: hidden;
}

.ad-home-latest-img img {
  position: absolute;
  inset: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  object-fit: contain;
  object-position: center;
  transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.ad-home-latest-post:hover .ad-home-latest-img img {
  transform: scale(1.05);
}

.ad-home-latest-body {
  padding: 28px 28px 32px;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
}

.ad-home-latest-body::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #d93235;
  transition: width 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.ad-home-latest-post:hover .ad-home-latest-body::after {
  width: 100%;
}

.ad-home-latest-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #86868b;
  margin: 0 0 12px;
}

.ad-home-latest-name {
  font-size: 22px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -0.025em;
  color: #1d1d1f;
  margin: 0 0 14px;
}

.ad-home-latest-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #6e6e73;
  margin: 0 0 24px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ad-home-latest-cta {
  margin-top: auto;
  font-size: 13px;
  font-weight: 500;
  color: #1d1d1f;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.01em;
  transition: gap 0.25s ease;
}

.ad-home-latest-post:hover .ad-home-latest-cta {
  gap: 10px;
}


.ad-home-latest-nav {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.ad-home-latest-nav:hover {
  background: #1d1d1f;
  border-color: #1d1d1f;
  transform: scale(1.08) translateY(-2px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.ad-home-latest-nav:active {
  transform: scale(0.96);
  opacity: 0.8;
}

.ad-home-latest-nav:hover svg {
  fill: #fff;
}

.ad-home-latest-nav:active {
  background: #333;
}

.ad-home-latest-nav:disabled {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}

.ad-home-latest-nav svg {
  display: block;
  fill: #1d1d1f;
  transition: fill 0.2s ease;
}

@media (max-width: 1068px) {
  .ad-home-latest-viewport {
    padding-left: 24px;
    padding-right: 24px;
    scroll-padding-left: 24px;
  }

  .ad-home-latest-post {
    width: 420px;
  }
}

@media (max-width: 768px) {
  .ad-home-latest {
    padding: 80px 0 60px;
  }

  .ad-home-latest-post {
    width: 360px;
  }

  .ad-home-latest-name {
    font-size: 20px;
  }

  .ad-home-latest-body {
    padding: 24px;
  }
}

@media (max-width: 600px) {
  .ad-home-latest-viewport {
    padding-left: 20px;
    scroll-padding-left: 20px;
  }

  .ad-home-latest-track {
    gap: 16px;
  }

  .ad-home-latest-post {
    width: calc(100vw - 40px);
    max-width: 360px;
  }

  .ad-home-latest-body {
    padding: 24px;
  }

  .ad-home-latest-name {
    font-size: 22px;
  }

  .ad-home-latest-desc {
    font-size: 15px;
  }

  .ad-home-latest-nav {
    width: 40px;
    height: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ad-home-latest-viewport {
    scroll-behavior: auto;
  }
}

/* ── EXHAUSTIVE RESPONSIVE ADJUSTMENTS ── */

@media (max-width: 1068px) {
  .ad-home-wrap {
    width: calc(100% - 48px);
  }

  .ad-home-wrap--sq704 {
    width: 100%;
    padding: 0 24px;
  }

  .ad-home-promo-grid {
    grid-template-columns: 1fr;
  }

  .ad-home-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ad-home-promo,
  .ad-home-feature-card {
    min-height: 620px;
  }

  .ad-home-cards {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}

/* ── Gap fix: Ticimax wrapper padding-top sıfırla ── */
body:has(.ad-home) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body:has(.ad-home) #divIcerik,
body:has(.ad-home) #mainHolder_divBlocks,
body:has(.ad-home) #divCenterBlock,
body:has(.ad-home) .centerCount,
body:has(.ad-home) .Middle {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ── 768px ── */
@media (max-width: 768px) {
  .ad-home-hero {
    min-height: 100svh;
    padding: calc(var(--ad-nav-height) + 48px) 20px 40px;
    align-items: flex-end;
  }

  .ad-home-hero-content {
    text-align: center;
    width: 100%;
  }

  .ad-home-hero-eyebrow {
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .ad-home-hero-subtitle {
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 24px;
    max-width: 100%;
  }

  .ad-home-hero-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .ad-home-btn {
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 12px;
  }

  /* Cinematic text - mobile boyut */
  .ad-home-hero-cinematic span {
    font-size: 48px !important;
    font-weight: 100 !important;
    line-height: 50px !important;
  }

  .ad-home-hero-cinematic .ad-cinematic-2 {
    margin-top: 8px;
  }

  /* Why section */
  .ad-home-why {
    padding: 60px 20px;
  }

  .ad-home-why-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

/* ── 480px ── */
@media (max-width: 480px) {
  .ad-home-hero {
    padding: calc(var(--ad-nav-height) + 32px) 16px 32px;
  }

  .ad-home-replay-btn {
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
  }

  .ad-home-replay-btn svg {
    width: 20px;
    height: 20px;
  }

  /* Why cards: yatay kaydırma */
  .ad-home-why-grid {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 8px 16px 20px;
    margin: 0 -16px;
    gap: 12px;
  }

  .ad-home-why-card {
    flex: 0 0 calc(100vw - 56px);
    max-width: 300px;
    scroll-snap-align: start;
    padding: 24px 16px;
  }
}

/* ── 340px ── */
@media (max-width: 340px) {
  .ad-home-hero {
    padding-left: 14px;
    padding-right: 14px;
  }

  .ad-home-btn {
    font-size: 14px;
    padding: 13px 20px;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   SECTION — Account & Address Book Modernization
══════════════════════════════════════════════════════════════════════════ */

.page-adres-defterim {
  padding: 40px 0;
  max-width: 800px;
  margin: 0 auto;
}

/* Form Container */
.ad-address-form-content {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.03);
}

.ad-address-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.ad-address-full-width {
  grid-column: span 2;
}

/* Fields Styling */
.hsbmTextbox, 
.hsbmTextboxSelect {
  width: 100% !important;
  height: 52px !important;
  background: #f5f5f7 !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  font-family: var(--ad-font) !important;
  font-size: 15px !important;
  color: var(--ad-label) !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  margin-bottom: 0 !important;
}

.hsbmTextbox:focus,
.hsbmTextboxSelect:focus {
  background: #ffffff !important;
  border-color: var(--ad-accent) !important;
  box-shadow: 0 0 0 4px rgba(217, 50, 53, 0.1) !important;
}

.hsbmTextbox::placeholder {
  color: #a1a1a6;
}

/* Labels */
.page-adres-defterim label,
.page-adres-defterim .hsbmLabel {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 8px;
  margin-top: 4px;
}

/* Captcha Section */
#divGuvenlikKodu {
  grid-column: span 2;
  background: #fbfbfd;
  padding: 24px;
  border-radius: 16px;
  margin-top: 10px;
  border: 1px solid rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

#divGuvenlikKodu img {
  border-radius: 8px;
  height: 60px !important;
  width: auto !important;
}

#divGuvenlikKodu input {
  max-width: 240px;
  text-align: center;
  letter-spacing: 4px;
  font-weight: 600;
}

/* Action Buttons Container (Relocated by JS) */
.ad-address-btn-group {
  grid-column: span 2;
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 12px !important;
  margin-top: 30px !important;
  padding-top: 30px !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  width: 100% !important;
  justify-content: flex-start !important;
}

/* Save Button */
#saveAddressButton,
.hsbmButton,
.ad-address-btn-save {
  background: var(--ad-accent) !important;
  color: #fff !important;
  border: none !important;
  height: 52px !important;
  padding: 0 36px !important;
  border-radius: 26px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), filter 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#saveAddressButton:hover {
  filter: brightness(1.1);
  transform: scale(1.02);
}

#saveAddressButton:active {
  transform: scale(0.98);
}

/* Cancel Button */
.hsbmButtonGray,
.ad-address-btn-cancel {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  border: none !important;
  height: 52px !important;
  padding: 0 28px !important;
  border-radius: 26px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.hsbmButtonGray:hover {
  background: #e8e8ed !important;
}

/* Radio Buttons (Individual / Corporate) */
.page-adres-defterim input[type="radio"] {
  accent-color: var(--ad-accent);
  margin-right: 8px;
}

.page-adres-defterim .radio-label {
  font-size: 14px;
  color: #424245;
  margin-right: 24px;
}

/* Mobile Responsive */
@media (max-width: 640px) {
  .ad-address-form-content {
    padding: 20px;
  }
  
  .ad-address-form-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  
  .ad-address-full-width {
    grid-column: span 1;
  }
  
  .ad-address-btn-group {
    flex-direction: column !important;
  }
  
  #saveAddressButton, 
  .hsbmButtonGray {
    width: 100% !important;
  }
}

/* ACCOUNT-ADDRESS-FORM */



/*HOME*/