/* Kılınç Header — centered brand, responsive native navigation. */

.kg-announcement {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px var(--kg-gutter);
  overflow: hidden;
  background: #000;
  color: #fff;
  text-align: center;
}

/* Live-site announcement ticker — intentionally mirrors the current
   Kılınç Gümüş top bar timing, type scale and vertical motion. */
.kg-announcement .ks-ticker-wrapper {
  width: 100%;
  height: 30px;
  overflow: hidden;
  position: relative;
  backface-visibility: hidden;
  perspective: 1000px;
}
.kg-announcement .ks-ticker-content {
  display: flex;
  flex-direction: column;
  animation: ks-ultra-soft-slide 12s cubic-bezier(.45,.05,.55,.95) infinite;
  animation-delay: var(--ks-ticker-delay, 0s) !important;
  will-change: transform, opacity;
}
.kg-announcement .ks-ticker-item {
  flex: 0 0 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .8px;
  text-transform: uppercase;
  white-space: nowrap;
}
.kg-announcement .ks-ticker-item strong {
  font: inherit;
  color: inherit;
}
@keyframes ks-ultra-soft-slide {
  0%, 28% { transform: translateY(0); opacity: 1; }
  31% { opacity: 0; }
  33.33% { transform: translateY(-30px); opacity: 0; }
  36%, 61% { transform: translateY(-30px); opacity: 1; }
  64% { opacity: 0; }
  66.66% { transform: translateY(-60px); opacity: 0; }
  69%, 94% { transform: translateY(-60px); opacity: 1; }
  97% { opacity: 0; }
  100% { transform: translateY(0); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .kg-announcement .ks-ticker-content {
    animation: none !important;
  }
  .kg-announcement .ks-ticker-item:not(:first-child) {
    display: none;
  }
}

.kg-site-header {
  position: relative;
  top: auto;
  z-index: 900;
  background: #fff;
  color: #111;
  border-bottom: 1px solid #e8e8e3;
}

.kg-header-main {
  height: var(--kg-header-main-h);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 16px;
}
.kg-header-main__left,
.kg-header-main__right {
  display: flex;
  align-items: center;
  min-width: 0;
}
.kg-header-main__left { justify-content: flex-start; gap: 8px; }
.kg-header-main__right { justify-content: flex-end; gap: 4px; }

.kg-brand {
  position: relative;
  z-index: 2;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  min-height: 54px;
  color: #111;
  white-space: nowrap;
  line-height: 0;
}
.kg-brand__wordmark {
  color: #111;
  font-size: clamp(20px, 1.7vw, 27px);
  line-height: 1;
  font-weight: 610;
  letter-spacing: .155em;
}
.kg-brand__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.kg-brand__image {
  display: block;
  width: auto;
  height: auto;
  max-width: clamp(220px, 19vw, 280px);
  max-height: 60px;
  object-fit: contain;
  filter: none;
}

.kg-header-action,
.kg-icon-button {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.kg-header-action {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  color: #111;
  font-size: 10px;
  font-weight: 560;
  letter-spacing: .085em;
  text-transform: uppercase;
  transition: color .18s ease, opacity .18s ease;
}
.kg-header-action:hover,
.kg-header-action:focus-visible { color: #111; opacity: 1; }
.kg-icon {
  width: 19px;
  height: 19px;
  display: inline-flex;
  flex: 0 0 19px;
  align-items: center;
  justify-content: center;
}
.kg-icon svg,
.kg-mobile-submenu-toggle svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kg-mobile-menu-trigger { display: none; }
.kg-cart-icon-wrap { position: relative; display: inline-flex; }
.kg-cart-count {
  position: absolute;
  right: -8px;
  top: -7px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border-radius: 99px;
  background: #111;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

/* Desktop navigation: dark shell, light vertical dropdowns. */
.kg-nav-row {
  position: relative;
  height: var(--kg-nav-h);
  background: #fff;
  border-top: 1px solid #efefeb;
}
.kg-nav-row > .kg-container { height: 100%; }
.kg-desktop-nav { height: 100%; }
.kg-menu,
.kg-menu ul { list-style: none; margin: 0; padding: 0; }
.kg-menu--desktop {
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(13px, 1.45vw, 26px);
}
.kg-menu--desktop > li {
  position: relative;
  display: flex;
  align-items: stretch;
}
.kg-menu--desktop > li > a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .18s ease;
}
.kg-menu--desktop > li:hover > a,
.kg-menu--desktop > li.is-open > a,
.kg-menu--desktop > li.current-menu-item > a,
.kg-menu--desktop > li.current-menu-ancestor > a { color: #111; }
/* One indicator follows interaction, independently of the current page. */
.kg-desktop-nav { position: relative; }
.kg-menu--desktop > li > a::after { content: none; }
.kg-nav-indicator {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #111;
  opacity: 0;
  pointer-events: none;
  transition: transform .24s var(--kg-ease), width .24s var(--kg-ease), opacity .16s ease;
}
.kg-nav-indicator.is-visible { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .kg-nav-indicator { transition: none; }
}

/* Classic dropdown: every subcategory appears one under another. */
.kg-menu--desktop > .menu-item-has-children > .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  right: auto;
  z-index: 905;
  width: 310px;
  max-width: calc(100vw - 32px);
  max-height: min(72vh, 620px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 8px 0;
  background: #fff;
  color: #171715;
  border: 1px solid #dddcd6;
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, -7px);
  transition: opacity .18s ease, transform .24s var(--kg-ease), visibility .18s ease;
}
.kg-menu--desktop > .menu-item-has-children:hover > .sub-menu,
.kg-menu--desktop > .menu-item-has-children:focus-within > .sub-menu,
.kg-menu--desktop > .menu-item-has-children.is-open > .sub-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
/* Right-edge menus should never leave the viewport. */
.kg-menu--desktop > li:nth-last-child(-n+3) > .sub-menu {
  left: auto;
  right: 0;
  transform: translateY(-7px);
}
.kg-menu--desktop > li:nth-last-child(-n+3):hover > .sub-menu,
.kg-menu--desktop > li:nth-last-child(-n+3):focus-within > .sub-menu,
.kg-menu--desktop > li:nth-last-child(-n+3).is-open > .sub-menu {
  transform: translateY(0);
}

.kg-menu--desktop > .menu-item-has-children > .sub-menu > li {
  display: block;
  width: 100%;
  margin: 0;
}
.kg-menu--desktop > .menu-item-has-children > .sub-menu > li + li {
  border-top: 1px solid rgba(17,17,17,.075);
}
.kg-menu--desktop > .menu-item-has-children > .sub-menu > li > a {
  display: block;
  width: 100%;
  padding: 12px 18px;
  color: #171715;
  font-size: 11px;
  font-weight: 630;
  line-height: 1.35;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: background .16s ease, padding-left .16s ease;
}
.kg-menu--desktop > .menu-item-has-children > .sub-menu > li > a:hover,
.kg-menu--desktop > .menu-item-has-children > .sub-menu > li > a:focus-visible {
  background: #f5f5f1;
  padding-left: 22px;
}

/* Third level stays vertical and visually subordinate. */
.kg-menu--desktop .sub-menu .sub-menu {
  position: static;
  display: block;
  padding: 0 0 9px;
  margin-top: -3px;
}
.kg-menu--desktop .sub-menu .sub-menu li { margin: 0; }
.kg-menu--desktop .sub-menu .sub-menu a {
  display: block;
  padding: 7px 18px 7px 28px;
  color: #5e5d57;
  font-size: 11px;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
  transition: color .16s ease, background .16s ease;
}
.kg-menu--desktop .sub-menu .sub-menu a:hover,
.kg-menu--desktop .sub-menu .sub-menu a:focus-visible {
  color: #111;
  background: #f5f5f1;
}

/* "Tümünü Gör" is a mobile-menu affordance only. */
.kg-desktop-nav .sochic-view-all,
.kg-desktop-nav .view-all-text { display: none !important; }

.kg-header-backdrop {
  position: fixed;
  inset: 0;
  z-index: 850;
  background: rgba(10,10,10,.34);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
}
body.kg-mega-open .kg-header-backdrop,
body.kg-menu-open .kg-header-backdrop,
body.kg-search-open .kg-header-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
/* Keep overlay geometry stable; clipping also excludes header hit testing. */
body.kg-mega-open .kg-header-backdrop { clip-path: inset(calc(var(--kg-header-main-h) + var(--kg-nav-h)) 0 0); }
.admin-bar.kg-mega-open .kg-header-backdrop { clip-path: inset(calc(32px + var(--kg-header-main-h) + var(--kg-nav-h)) 0 0); }

/* Search remains light for contrast against the dark shell. */
.kg-search-panel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1200;
  background: #fff;
  color: #111;
  border-bottom: 1px solid var(--kg-line);
  transform: translateY(-105%);
  visibility: hidden;
  transition: transform .34s var(--kg-ease), visibility .34s;
}
.admin-bar .kg-search-panel { top: 32px; }
body.kg-search-open .kg-search-panel { transform: translateY(0); visibility: visible; }
.kg-search-panel__inner { padding-block: 28px 38px; }
.kg-search-panel__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 42px;
}
.kg-search-panel__eyebrow {
  font-size: 10px;
  font-weight: 620;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.kg-icon-button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: inherit;
}
.kg-icon-button .kg-icon { width: 22px; height: 22px; }
.kg-search-form {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  border-bottom: 1px solid #111;
}
.kg-search-form input[type="search"] {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 0 0 18px;
  background: transparent;
  color: #111;
  font-size: clamp(30px, 5vw, 66px);
  font-weight: 420;
  letter-spacing: -.035em;
}
.kg-search-form input[type="search"]::placeholder { color: #a7a69f; opacity: 1; }
.kg-search-form button {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.kg-search-form button .kg-icon { width: 28px; height: 28px; }
.kg-search-panel__hint { margin: 14px 0 0; color: #77766f; font-size: 11px; }

/* Mobile drawer stays light and keeps its dedicated "Tümünü Gör" flow. */
.kg-mobile-drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1250;
  width: min(430px, 92vw);
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: #fff;
  color: #111;
  border-right: 1px solid var(--kg-line);
  transform: translateX(-102%);
  visibility: hidden;
  transition: transform .34s var(--kg-ease), visibility .34s;
}
.admin-bar .kg-mobile-drawer { top: 32px; }
body.kg-menu-open .kg-mobile-drawer { transform: translateX(0); visibility: visible; }
.kg-mobile-drawer__head {
  min-height: 68px;
  padding: 0 20px 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--kg-line);
}
.kg-mobile-drawer__title {
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.kg-mobile-drawer__body { overflow-y: auto; padding: 14px 22px 30px; }
.kg-menu--mobile > li { position: relative; border-bottom: 1px solid rgba(17,17,17,.12); }
.kg-menu--mobile > li > a {
  min-height: 54px;
  padding-right: 50px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 520;
  letter-spacing: -.01em;
}
.kg-mobile-submenu-toggle {
  position: absolute;
  right: 0;
  top: 6px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.kg-mobile-submenu-toggle svg {
  width: 18px;
  height: 18px;
  transition: transform .22s var(--kg-ease);
}
.kg-menu--mobile .menu-item-has-children.is-open > .kg-mobile-submenu-toggle svg { transform: rotate(180deg); }
.kg-menu--mobile .sub-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .36s var(--kg-ease), opacity .2s ease;
}
.kg-menu--mobile .menu-item-has-children.is-open > .sub-menu {
  max-height: 1400px;
  opacity: 1;
  padding-bottom: 18px;
}
.kg-menu--mobile .sub-menu > li > a {
  display: block;
  padding: 7px 0;
  color: #51514c;
  font-size: 13px;
}
.kg-menu--mobile .sub-menu .sub-menu {
  max-height: none;
  opacity: 1;
  padding: 3px 0 6px 16px;
}
.kg-menu--mobile .sub-menu .sub-menu a { font-size: 12px; color: #72716b; }
.kg-mobile-drawer__foot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--kg-line);
}
.kg-mobile-drawer__foot a {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-size: 11px;
  font-weight: 560;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.kg-mobile-drawer__foot a + a { border-left: 1px solid var(--kg-line); }

.kg-main { min-height: 60vh; }


/* Header metrics stay local; overlay positioning shares the same values. */
.kg-site-header { --kg-header-main-h:96px; --kg-nav-h:48px; }
body { --kg-header-main-h:96px; --kg-nav-h:48px; }
.kg-header-action { min-width:44px; font-size:11px; font-weight:600; letter-spacing:.035em; border-radius:50%; }
.kg-header-action:hover { opacity:1; background:#f5f5f1; }
.kg-header-action:focus-visible, .kg-icon-button:focus-visible { outline:2px solid #111; outline-offset:3px; }
.kg-header-main__right .kg-header-action { flex-direction:column; gap:5px; padding:8px 12px; border-radius:0; }
.kg-header-main__right .kg-action-label { font-size:9px; }
.kg-header-action .kg-icon { width:22px; height:22px; flex-basis:22px; }
.kg-brand { max-width:100%; min-width:0; }
.kg-brand__logo { min-width:0; }
.kg-menu--desktop { gap:clamp(16px,1.8vw,32px); }
.kg-menu--desktop > .menu-item-has-children > .sub-menu { border-color:#e8e8e3; box-shadow:0 18px 40px rgba(17,17,17,.09); }
.kg-icon-button { width:44px; height:44px; }
.kg-mobile-drawer { height:100dvh; max-height:100dvh; }
.kg-mobile-drawer__body { min-height:0; }
.kg-mobile-drawer__foot a { padding-bottom:env(safe-area-inset-bottom,0px); }
@media (max-width:1200px) {
  body, .kg-site-header { --kg-header-main-h:80px; --kg-nav-h:0px; }
  .kg-nav-row { display:none; }
  .kg-mobile-menu-trigger, .kg-search-trigger { display:inline-flex; }
  .kg-action-label { display:none; }
  .kg-header-main { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:8px; }
  .kg-header-main__left, .kg-header-main__right { gap:0; min-width:0; }
  .kg-header-main .kg-header-action { width:44px; min-width:44px; height:44px; padding:0; justify-content:center; flex-direction:row; border-radius:50%; }
  .kg-brand__image { max-width:220px; max-height:52px; }
  .kg-mobile-drawer .menu-item > a { font-weight:600; }
  .kg-search-panel__inner { padding-block:24px 32px; }
}
@media (max-width:640px) {
  body, .kg-site-header { --kg-header-main-h:108px; }
  .kg-header-main {
    width:100%;
    max-width:none;
    padding-inline:8px;
    gap:0;
    grid-template-columns:44px 44px minmax(0,1fr) 44px 44px;
    grid-template-rows:64px 44px;
  }
  .kg-header-main__left, .kg-header-main__right { display:contents; }
  .kg-mobile-menu-trigger { grid-column:1; grid-row:1; }
  .kg-favorites-link { display:inline-flex; grid-column:2; grid-row:1; }
  .kg-brand { grid-column:3; grid-row:1; }
  .kg-account-link { grid-column:4; grid-row:1; }
  .kg-cart-link { grid-column:5; grid-row:1; }
  .kg-header-main .kg-search-trigger {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    justify-content:flex-start;
    gap:8px;
    padding-inline:8px;
    border-radius:0;
    border-top:0;
    border-bottom:1px solid #efefeb;
    background:transparent;
    color:#777;
    text-transform:none;
    letter-spacing:0;
  }
  .kg-search-trigger .kg-action-label { display:inline; font-size:12px; font-weight:400; line-height:1.4; }
  .kg-search-trigger .kg-action-label::after { content:" · Ürün veya koleksiyon ara"; font-weight:400; text-transform:none; letter-spacing:0; }
  .kg-header-main .kg-search-trigger .kg-icon { width:18px; height:18px; flex-basis:18px; }
  .kg-brand__image { max-width:min(220px,calc(100vw - 192px)); max-height:52px; }
  .kg-brand__wordmark { font-size:clamp(10px,3.4vw,17px); letter-spacing:.07em; }
  .kg-announcement { height:34px; padding-block:2px; }
  .kg-announcement .ks-ticker-item { font-size:9px; letter-spacing:.045em; }
  .kg-mobile-drawer { width:min(390px,94vw); }
  .kg-search-panel__top { margin-bottom:24px; }
  .kg-search-form input[type="search"] { min-width:0; font-size:24px; padding-bottom:12px; }
}
@media (max-width:782px) {
  .admin-bar .kg-search-panel, .admin-bar .kg-mobile-drawer { top:46px; }
  .admin-bar .kg-mobile-drawer { height:calc(100dvh - 46px); }
}
@media (min-width:783px) {
  .admin-bar .kg-mobile-drawer { height:calc(100dvh - 32px); }
}
@media (max-width:600px) {
  body.admin-bar .kg-search-panel, body.admin-bar .kg-mobile-drawer { top:0; }
  .admin-bar .kg-mobile-drawer { height:100dvh; }
}

/* Desktop: continuous white header between logo and category navigation. */
@media (min-width:1201px) {
 .kg-site-header .kg-nav-row { border-top:0; }
}

/* Header is intentionally non-sticky on every viewport.
   Navigation remains in normal document flow; back-to-top handles fast return. */
.kg-header-anchor { display:none !important; }
body .kg-site-header,
body .kg-site-header.is-mobile-stuck,
body .kg-site-header.is-mobile-stuck.is-mobile-hidden {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  width:auto !important;
  transform:none !important;
  transition:none !important;
  pointer-events:auto !important;
  will-change:auto !important;
}