/** Shopify CDN: Minification failed

Line 1016:10 Expected identifier but found whitespace
Line 1016:11 Unexpected "0.8"

**/
/* ==========================================================
   RUGLENZA - Mega Menu Hover (the-rugs.com birebir)
   ========================================================== */

/* ---- Transparent Header (SADECE anasayfa) ---- */

/* Anasayfa: header hero gorselin ustune binsin */
body.template-index .shopify-section-group-header-group {
  position: relative !important;
  z-index: 10 !important;
}

body.template-index .header-wrapper {
  background-color: transparent !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10 !important;
}

body.template-index .announcement-bar-section {
  position: relative !important;
  z-index: 20 !important;
}

/* Sticky olunca arka plan geri gelsin */
.shopify-section-header-sticky .header-wrapper {
  background-color: #ffffff !important;
  position: sticky !important;
  top: 0 !important;
}

/* Menu acikken arka plan goster */
.menu-open .header-wrapper {
  background-color: rgb(var(--color-background)) !important;
}

/* ---- Header font (tum sayfalar) ---- */
.header-wrapper .header__menu-item span,
.header-wrapper .header__menu-item .link,
.header-wrapper .list-menu .link span,
.header-wrapper a.header__heading-link .h2,
.header-wrapper a.header__heading-link {
  font-weight: 600 !important;
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
  font-size: 14.5px !important;
  letter-spacing: 0.04em !important;
  text-transform: capitalize !important;
}

/* Anasayfa: beyaz yazi (hero uzerinde) */
body.template-index .header-wrapper .header__menu-item span,
body.template-index .header-wrapper .header__menu-item .link,
body.template-index .header-wrapper .list-menu .link span,
body.template-index .header-wrapper a.header__heading-link .h2,
body.template-index .header-wrapper a.header__heading-link {
  color: #ffffff !important;
}

body.template-index .header-wrapper .header__icon svg,
body.template-index .header-wrapper .header__icon path {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Diger sayfalar: marka mavisi #060f45 */
body:not(.template-index) .header-wrapper .header__menu-item span,
body:not(.template-index) .header-wrapper .header__menu-item .link,
body:not(.template-index) .header-wrapper .list-menu .link span,
body:not(.template-index) .header-wrapper a.header__heading-link .h2,
body:not(.template-index) .header-wrapper a.header__heading-link {
  color: #060f45 !important;
}

body:not(.template-index) .header-wrapper .header__icon svg,
body:not(.template-index) .header-wrapper .header__icon path {
  stroke: #060f45 !important;
  fill: none !important;
}

/* Sticky sonrasi renk */
.shopify-section-header-sticky .header-wrapper .header__menu-item span,
.shopify-section-header-sticky .header-wrapper .list-menu .link span,
.shopify-section-header-sticky .header-wrapper a.header__heading-link {
  color: rgb(var(--color-foreground)) !important;
  font-weight: 600 !important;
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
}

.shopify-section-header-sticky .header-wrapper .header__icon svg,
.shopify-section-header-sticky .header-wrapper .header__icon path {
  stroke: rgb(var(--color-foreground)) !important;
}

@media screen and (min-width: 990px) {

  /* ---- Details wrapper: doğal genişlik, layout bozulmasın ---- */
  .header__inline-menu details.mega-menu {
    position: static !important;
    width: auto !important;
    overflow: visible !important;
  }

  /* ---- [open] attribute ile mega menu paneli göster ---- */
  .header__inline-menu details[open].mega-menu > .mega-menu__content {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* ---- CSS :hover ile de açılsın (backup) ---- */
  .header__inline-menu details[id^="Details-HeaderMenu-"]:hover > .mega-menu__content {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* ---- Mega menu panel: içerik kadar genişlik ---- */
  .mega-menu__content {
    display: none;
    position: fixed !important;
    top: auto !important;
    left: 0 !important;
    right: auto !important;
    width: auto !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    z-index: 1000 !important;
    background: #FFFFFF !important;
    border-top: 1px solid #e0e0e0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    padding: 28px 60px 32px !important;
    box-sizing: border-box !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  /* ---- Her kolon: sabit genişlik, içerik kadar ---- */
  .mega-menu__content ul.mega-menu__list {
    list-style: none !important;
    padding: 0 24px 0 0 !important;
    margin: 0 24px 0 0 !important;
    flex: 0 0 auto !important;
    min-width: 185px !important;
    max-width: 240px !important;
    border-right: 1px solid #ebebeb !important;
    box-sizing: border-box !important;
  }

  .mega-menu__content ul.mega-menu__list:last-child {
    border-right: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }

  /* ---- Kolon başlığı (2. seviye = kategori adı) ---- */
  .mega-menu__link--level-2 {
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #060f45 !important;
    text-decoration: none !important;
    margin-bottom: 12px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #d0d0d0 !important;
    white-space: nowrap !important;
  }

  .mega-menu__link--level-2:hover {
    color: #060f45 !important;
    text-decoration: underline !important;
  }

  /* ---- Alt linkler (3. seviye) ---- */
  .mega-menu__content ul ul li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .mega-menu__content ul ul .mega-menu__link,
  .mega-menu__content ul ul a {
    display: block !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #333 !important;
    text-decoration: none !important;
    padding: 4px 0 !important;
    line-height: 1.5 !important;
    transition: color 0.15s, padding-left 0.15s !important;
    white-space: nowrap !important;
  }

  .mega-menu__content ul ul .mega-menu__link:hover,
  .mega-menu__content ul ul a:hover {
    color: #060f45 !important;
    padding-left: 4px !important;
    text-decoration: none !important;
  }

  /* ---- Condensed liste (Rugs gibi tek/çift sütun) - orijinal bırak ---- */
  .mega-menu__content ul.mega-menu__list--condensed {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-right: none !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 40px !important;
  }

  /* condensed link stili - level-2 link ama normal boyut */
  .mega-menu__list--condensed .mega-menu__link--level-2 {
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: none !important;
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
    color: #333 !important;
  }

  .mega-menu__list--condensed .mega-menu__link--level-2:hover {
    color: #060f45 !important;
    text-decoration: none !important;
    padding-left: 4px !important;
  }

  /* ---- Caret / chevron ikonunu gizle ---- */
  details.mega-menu > summary .icon-caret {
    display: none !important;
  }

  /* ---- Summary hover stili ---- */
  details.mega-menu:hover > summary span,
  details.mega-menu[open] > summary span {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }

  /* ---- Sıradan dropdown için hover ---- */
  .header__inline-menu details[id^="Details-HeaderMenu-"]:hover > .header__submenu,
  .header__inline-menu details[open] > .header__submenu {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important;
  }

  .header__submenu {
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }
}

/* ==========================================================
   RUGLENZA - Hero Banner Kutusu: Estetik, Yuvarlak, Frosted
   ========================================================== */

/* Slideshow banner text kutusu - frosted glass efekti */
.slideshow .banner__box,
.slideshow .banner__box.content-container {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(32px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(32px) saturate(1.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 20px !important;
  padding: 44px 56px !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15) !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}

/* Heading: tema heading fontu (eski stil) */
.slideshow .banner__heading {
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
  font-weight: var(--font-heading-weight) !important;
  font-size: clamp(2.4rem, 5vw, 4.2rem) !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 14px !important;
}

/* Alt yaz� - biraz b�y�t�ld� */
.slideshow .banner__text p {
  font-family: 'Assistant', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 28px !important;
}

/* Shop Now butonu: mavi, pill shape, tema heading fontu */
.slideshow .banner__buttons .button--primary {
  background: #060f45 !important;
  color: #ffffff !important;
  border: none !important;
  outline: none !important;
  border-radius: 50px !important;
  padding: 14px 42px !important;
  font-family: var(--font-heading-family) !important;
  font-style: var(--font-heading-style) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 20px rgba(6, 15, 69, 0.35) !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.slideshow .banner__buttons .button--primary:hover {
  background: #0a1a5c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(6, 15, 69, 0.45) !important;
  border: none !important;
}



/* ==========================================================
   Shop Now butonu - t�m border/outline/�izgi kald�r
   ========================================================== */
.slideshow .banner__buttons .button--primary::after,
.slideshow .banner__buttons .button--primary::before {
  display: none !important;
  border: none !important;
  box-shadow: none !important;
}

.slideshow .banner__buttons .button--primary:focus,
.slideshow .banner__buttons .button--primary:focus-visible,
.slideshow .banner__buttons .button--primary:focus-within {
  outline: none !important;
  border: none !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4) !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar saga
   ========================================================== */
.utility-bar__grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.utility-bar__grid .utility-bar__social {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Sosyal ikonlar en sona (sag) */
.utility-bar__grid .list-social {
  order: 3 !important;
  justify-content: flex-end !important;
}

/* Announcement bar ortada */
.utility-bar__grid .announcement-bar {
  order: 1 !important;
  text-align: center !important;
}

/* 2 kolonlu layout */
.utility-bar__grid--2-col {
  grid-template-columns: 1fr auto !important;
}

.utility-bar__grid--2-col .list-social {
  grid-column: 2 !important;
}

/* 3 kolonlu layout */
.utility-bar__grid--3-col {
  grid-template-columns: 1fr auto auto !important;
}

.utility-bar__grid--3-col .list-social {
  grid-column: 3 !important;
  order: 3 !important;
  justify-self: end !important;
}

/* ==========================================================
   Header - sosyal ikonlar (arama solunda)
   ========================================================== */
.header__social-icons {
  display: flex !important;
  align-items: center !important;
  margin-right: 4px !important;
}

.header__social-icons .list-social {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header__social-icons .list-social__link {
  padding: 7px 6px !important;
  display: flex !important;
  align-items: center !important;
}

.header__social-icons .list-social__link svg,
.header__social-icons .list-social__link .icon {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.5 !important;
}

/* Transparent header'da beyaz */
.header-wrapper .header__social-icons .list-social__link {
  color: #ffffff !important;
}

/* Sticky'de normal renk */
.shopify-section-header-sticky .header-wrapper .header__social-icons .list-social__link {
  color: rgb(var(--color-foreground)) !important;
}

.header__social-icons .list-social__link:hover {
  opacity: 0.7 !important;
}


.header-wrapper .header__icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.5 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.header-wrapper .header__icon:hover svg {
  opacity: 0.7 !important;
  transform: translateY(-1px) !important;
}

.shopify-section-header-sticky .header-wrapper .header__icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 1.5 !important;
}

/* Sepet badge - premium */
.cart-count-bubble {
  background: #060f45 !important;
  color: #ffffff !important;
  font-family: var(--font-heading-family) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-wrapper .cart-count-bubble {
  background: #ffffff !important;
  color: #060f45 !important;
}

/* ==========================================================
   Header sag ust - sosyal ikonlar
   ========================================================== */
.header__social-icons {
  display: flex !important;
  align-items: center !important;
}

.header__social-icons .list-social {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.header__social-icons .list-social__link {
  padding: 0 6px !important;
  height: auto !important;
}

/* Transparent header - beyaz */
.header-wrapper .header__social-icons .list-social__link {
  color: #ffffff !important;
}

/* Sticky - normal */
.shopify-section-header-sticky .header-wrapper .header__social-icons .list-social__link {
  color: rgb(var(--color-foreground)) !important;
}

.header__social-icons .list-social__link:hover {
  opacity: 0.7 !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar saga (yaz� ortada sabit)
   ========================================================== */
.utility-bar .page-width {
  position: relative !important;
}

.utility-bar .list-social {
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
}

.utility-bar .list-social__link {
  padding: 0 5px !important;
  height: 3.8rem !important;
  display: flex !important;
  align-items: center !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar en saga
   ========================================================== */
.utility-bar .page-width {
  position: relative !important;
}

.utility-bar .list-social {
  position: absolute !important;
  right: 4rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.utility-bar .list-social__item {
  list-style: none !important;
}

.utility-bar .list-social__link {
  padding: 0 6px !important;
  height: 3.8rem !important;
  display: flex !important;
  align-items: center !important;
  color: rgba(var(--color-background), 0.85) !important;
}

.utility-bar .list-social__link:hover {
  color: rgb(var(--color-background)) !important;
}

.utility-bar .list-social__link .icon,
.utility-bar .list-social__link svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ==========================================================
   Header - sosyal ikonlar (sepetten sonra, ayni hizada)
   ========================================================== */
.header__social-icons {
  display: flex !important;
  align-items: center !important;
  margin-left: 4px !important;
}

.header__social-icons .list-social {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header__social-icons .list-social__link {
  padding: 0 5px !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
}

/* Transparent header - beyaz */
.header-wrapper .header__social-icons .list-social__link {
  color: #ffffff !important;
}

/* Sticky - koyu */
.shopify-section-header-sticky .header-wrapper .header__social-icons .list-social__link {
  color: rgb(var(--color-foreground)) !important;
}

.header__social-icons .list-social__link:hover {
  opacity: 0.7 !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar sag (sepet hizasi)
   ========================================================== */
.utility-bar .page-width {
  position: relative !important;
}

.utility-bar .list-social {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.utility-bar .list-social__item {
  list-style: none !important;
}

.utility-bar .list-social__link {
  padding: 0 5px !important;
  display: flex !important;
  align-items: center !important;
  color: rgba(var(--color-background), 0.85) !important;
}

.utility-bar .list-social__link:hover {
  color: rgb(var(--color-background)) !important;
  opacity: 0.75 !important;
}

.utility-bar .list-social__link .icon,
.utility-bar .list-social__link svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar (sag, sepet hizasi)
   ========================================================== */
.utility-bar .page-width {
  position: relative !important;
}

.utility-bar .list-social {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.utility-bar .list-social__item {
  list-style: none !important;
}

.utility-bar .list-social__link {
  padding: 0 5px !important;
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
  opacity: 0.85 !important;
}

.utility-bar .list-social__link:hover {
  opacity: 1 !important;
  color: #ffffff !important;
}

.utility-bar .list-social__link .icon,
.utility-bar .list-social__link svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar (sag, bar icinde)
   ========================================================== */
.utility-bar .utility-bar__grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.utility-bar .list-social {
  position: absolute !important;
  right: 1.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
}

.utility-bar .list-social__item {
  list-style: none !important;
}

.utility-bar .list-social__link {
  padding: 0 4px !important;
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
  opacity: 0.85 !important;
  line-height: 1 !important;
}

.utility-bar .list-social__link:hover {
  opacity: 1 !important;
}

.utility-bar .list-social__link .icon,
.utility-bar .list-social__link svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  display: block !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar (footer ile ayni stil)
   ========================================================== */
.utility-bar .utility-bar__grid {
  position: relative !important;
}

.utility-bar .list-social {
  position: absolute !important;
  right: 4rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-end !important;
}

.utility-bar .list-social__item {
  list-style: none !important;
}

.utility-bar .list-social__link {
  padding: 0 0.8rem !important;
  height: 3.8rem !important;
  display: flex !important;
  align-items: center !important;
  color: #ffffff !important;
}

.utility-bar .list-social__link:hover {
  color: #ffffff !important;
  opacity: 0.75 !important;
}

.utility-bar .list-social__item .icon,
.utility-bar .list-social__item svg {
  width: 2.2rem !important;
  height: 2.2rem !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  display: block !important;
}

.utility-bar .list-social__link:hover .icon {
  transform: scale(1.07) !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar (footer birebir kopya)
   ========================================================== */
.utility-bar .utility-bar__grid {
  position: relative !important;
}

.utility-bar .utility-bar__social {
  position: absolute !important;
  right: 4rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
}

.utility-bar .utility-bar__social .list-social__item .icon {
  height: 2.2rem !important;
  width: 2.2rem !important;
}

.utility-bar .utility-bar__social .list-social__link {
  align-items: center !important;
  display: flex !important;
  padding: 1.1rem !important;
  color: rgb(var(--color-background)) !important;
}

.utility-bar .utility-bar__social .list-social__link:hover .icon {
  transform: scale(1.07) !important;
}

/* ==========================================================
   Announcement bar - sosyal ikonlar (footer birebir)
   ========================================================== */
.utility-bar .page-width.utility-bar__grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.utility-bar .utility-bar__social {
  margin-left: auto !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  padding: 0 !important;
}

.utility-bar .utility-bar__social .list-social__item {
  list-style: none !important;
}

.utility-bar .utility-bar__social .list-social__item .icon {
  height: 2.2rem !important;
  width: 2.2rem !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.utility-bar .utility-bar__social .list-social__link {
  align-items: center !important;
  display: flex !important;
  padding: 0.8rem !important;
  color: #ffffff !important;
}

.utility-bar .utility-bar__social .list-social__link:hover .icon {
  transform: scale(1.07) !important;
}

/* ==========================================================
   Mega menu: ba�l�k alt�nda ortala + caret + b�y�k font
   ========================================================== */

/* 1. Dropdown: full-width yerine ba�l�k alt�nda ortala */
.mega-menu__content {
  left: auto !important;
  right: auto !important;
  width: max-content !important;
  max-width: 900px !important;
}

details.mega-menu {
  position: relative !important;
}

/* JS ile pozisyon ayarlanacak, ba�lang��ta left:50% transform ile */
details.mega-menu > .mega-menu__content {
  transform: translateX(-50%) translateY(0) !important;
  left: 50% !important;
}



/* 3. Caret: gizli yerine k���k chevron g�ster */
details.mega-menu > summary .icon-caret {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  margin-left: 2px !important;
  opacity: 0.7 !important;
  transition: transform 0.2s !important;
  vertical-align: middle !important;
}

details.mega-menu[open] > summary .icon-caret {
  transform: rotate(180deg) !important;
}

/* 4. Men� ba�l�k boyutu b�y�t */
.header-wrapper .header__menu-item span,
.header-wrapper .list-menu .link span {
  font-size: 16px !important;
}

/* ==========================================================
   Mega menu: ba�l�k alt�nda tam ortala + caret + b�y�k font
   ========================================================== */

/* Dropdown: ba�l�k item'�na g�re pozisyonlan */
.header__inline-menu > ul > li {
  position: relative !important;
}

details.mega-menu {
  position: static !important;
}

.mega-menu__content {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  width: max-content !important;
  max-width: 860px !important;
}

details.mega-menu[open] > .mega-menu__content,
details[id^="Details-HeaderMenu-"]:hover > .mega-menu__content {
  left: 0 !important;
  transform: none !important;
}

/* Viewport s�n�rlar�n� a�mas�n */
@media screen and (min-width: 990px) {
  .mega-menu__content {
    max-width: calc(100vw - 40px) !important;
  }
}

/* 3. Caret ikonu - minimal chevron */
details.mega-menu > summary .icon-caret {
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: 2px !important;
  opacity: 0.75 !important;
  transition: transform 0.2s ease !important;
  vertical-align: middle !important;
  transform: rotate(0deg) !important;
}

details.mega-menu[open] > summary .icon-caret,
details.mega-menu:hover > summary .icon-caret {
  transform: rotate(180deg) !important;
  opacity: 1 !important;
}

/* 4. Ba�l�k font b�y�t */
.header-wrapper .header__menu-item span,
.header-wrapper .list-menu .link span {
  font-size: 15.5px !important;
}

/* Premium ikon boyutu */
.header__icon svg {
  width: 20px !important;
  height: 20px !important;
}

/* ==========================================================
   1. Lifestyle dropdown: kolonlar aras� ay�r�c� �izgi (Rugs gibi)
   ========================================================== */
#Details-HeaderMenu-2 .mega-menu__content ul.mega-menu__list {
  border-right: 1px solid #ebebeb !important;
  padding-right: 24px !important;
  margin-right: 24px !important;
}
#Details-HeaderMenu-2 .mega-menu__content ul.mega-menu__list:last-child {
  border-right: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* ==========================================================
   2. Dropdown �er�evesi: hafif oval k��eler
   ========================================================== */
.mega-menu__content {
  border-radius: 0 0 12px 12px !important;
  border-top: 2px solid #060f45 !important;
}

  opacity: 0.8 !important;
}

/* Caret ikonu beyaz renk */
details.mega-menu > summary .icon-caret {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ==========================================================
   Colour swatches - By Colour kolonundaki kartela circles
   ========================================================== */
.colour-swatches .colour-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.colour-swatch {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08) !important;
}

/* ==========================================================
   FINAL OVERRIDES - caret beyaz, kartela oval kare, vivid renkler
   ========================================================== */

/* Caret: beyaz, display override */
.header-wrapper details.mega-menu > summary .icon-caret,
.header-wrapper details.mega-menu > summary svg.icon-caret {
  display: inline-block !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  margin-left: 2px !important;
  vertical-align: middle !important;
  transition: transform 0.2s ease !important;
}
.header-wrapper details.mega-menu[open] > summary .icon-caret,
.header-wrapper details.mega-menu[open] > summary svg.icon-caret {
  transform: rotate(180deg) !important;
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Kartela: yuvarlak kare (border-radius 3px), canl� renkler */
.colour-swatch {
  width: 16px !important;
  height: 16px !important;
  border-radius: 3px !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.12) !important;
  vertical-align: middle !important;
}

/* Kartela link hizalama */
.colour-swatches .colour-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* ==========================================================
   Caret: daha k���k, ba�l��a daha yak�n
   ========================================================== */
.header-wrapper details.mega-menu > summary .icon-caret,
.header-wrapper details.mega-menu > summary svg.icon-caret {
  width: 8px !important;
  height: 8px !important;
  margin-left: 1px !important;
}

/* Kartela ile renk yaz�s� aras� bo�luk */
.colour-swatches .colour-link {
  gap: 10px !important;
}

/* Caret margin sifir */
.header-wrapper details.mega-menu > summary .icon-caret,
.header-wrapper details.mega-menu > summary svg.icon-caret {
  margin-left: 0px !important;
}

/* Summary flex + gap ile caret tam yap��t�r */
.header-wrapper details.mega-menu > summary {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  column-gap: 0 !important;
}

.header-wrapper details.mega-menu > summary .icon-caret,
.header-wrapper details.mega-menu > summary svg.icon-caret {
  margin-left: -1px !important;
}

/* Kartela-yazi arasi: flex enforce + gap artir */
.colour-swatches a.colour-link,
.colour-swatches .mega-menu__link.colour-link {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* Dropdown kolonlar� daralt */
.mega-menu__content .mega-menu__list {
  min-width: 110px !important;
  width: auto !important;
  max-width: 150px !important;
}

/* Dropdown kolonlar� daralt: padding azalt + font kucult */
.mega-menu__content .mega-menu__list {
  padding-right: 16px !important;
  margin-right: 0 !important;
}
.mega-menu__content .mega-menu__list .mega-menu__link {
  font-size: 0.8rem !important;
  white-space: nowrap !important;
}
.mega-menu__content {
  padding: 24px 20px !important;
  gap: 0 !important;
  column-gap: 0 !important;
}

/* Kolon arasi gap azalt - tema 4rem koyuyor */
.mega-menu__list {
  gap: 1.5rem 1.8rem !important;
}

/* Font size eski haline don */
.mega-menu__content .mega-menu__list .mega-menu__link {
  font-size: revert !important;
}

/* ==========================================================
   Caret rengi: anasayfa disindaki sayfalarda baslikla ayni renk
   ========================================================== */
body:not(.template-index) .header-wrapper details.mega-menu > summary .icon-caret,
body:not(.template-index) .header-wrapper details.mega-menu > summary svg.icon-caret {
  color: #060f45 !important;
  fill: #060f45 !important;
  stroke: #060f45 !important;
}
body:not(.template-index) .header-wrapper details.mega-menu[open] > summary .icon-caret,
body:not(.template-index) .header-wrapper details.mega-menu[open] > summary svg.icon-caret {
  color: #060f45 !important;
  fill: #060f45 !important;
}