/* Gaia Organic — Aesop tasarım dili.
   Sınıf adları ve değerler aesop.com'un (SFCC, 2026-10) hesaplanmış kurallarından taşındı: BEM benzeri
   c-<bileşen> · l-<yerleşim> · h-<yardımcı> · m-<değiştirici>. Kırılımlar: 48em (768) · 64em (1024) · 75em (1200).
   Fontlar: Aesop'un lisanslı Suisse Int'l / Zapf Humanist fontları yerine genişlik ölçümüyle seçilen Hanken Grotesk
   (gövde) ve Belleza (başlık) — Google Fonts, layout'ta yüklenir. İkonlar ikonlar.css'teki --i-* değişkenleri. */

:root {
  --c-bg: #fffef2;
  --c-text: #333;
  --c-text-2: #666;
  --c-black: #000;
  --c-dark: #252525;
  --c-beige: #f6f5e8;
  --c-line: rgba(51, 51, 51, .2);
  --c-line-2: #ebeade;
  --c-badge: #945c26;
  --c-disabled: #999;
  --c-error: #ca432f;
  --f-sans: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --f-serif: "Belleza", Optima, "Segoe UI", sans-serif;
  --w-max: 75rem;
  --gutter: .9375rem;
}

/* ── Temel ─────────────────────────────────────────────────────────────── */
html { box-sizing: border-box; font-size: 100%; line-height: 1.15; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; }
*, ::after, ::before { box-sizing: inherit; }
body { margin: 0; overflow-x: clip; padding: 0; background: var(--c-bg); color: var(--c-text); font: .75rem / 1.5 var(--f-sans); text-align: left; direction: ltr; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.m-scroll-blocked { overflow: hidden; }
div, form, h1, h2, h3, h4, li, ol, p, ul { margin: 0; padding: 0; }
h1, h2, h3, h4, .h5 { color: inherit; font-family: var(--f-sans); font-style: normal; font-weight: 400; line-height: 1.4; margin-bottom: .5rem; margin-top: 0; text-rendering: geometricprecision; }
h1 { font-size: 1.5rem; } h2 { font-size: 1.25rem; } h3 { font-size: 1.1875rem; } h4 { font-size: 1.125rem; }
.h5 { font-size: .875rem !important; }
p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: geometricprecision; }
ol, ul { line-height: 1.6; list-style-position: outside; margin-bottom: 1rem; margin-left: 1.25rem; }
ul { list-style-type: disc; }
li li { margin: 0; }
b, strong { font-weight: 700; line-height: inherit; }
a { color: var(--c-text); cursor: pointer; line-height: inherit; text-decoration: underline; }
a img { border: 0; }
img { display: inline-block; vertical-align: middle; height: auto; max-width: 100%; }
video { display: block; height: auto; max-width: 100%; }
button { appearance: none; background: transparent; border: 0; border-radius: 0; color: inherit; cursor: pointer; font: inherit; line-height: normal; margin: 0; padding: 0; text-transform: none; }
button, input, select, textarea { font-family: inherit; font-size: 100%; }
fieldset { border: 0; margin: 0; padding: 0; }
:focus, :focus-visible { outline: none; }
:focus-visible { outline: 1px dotted var(--c-text); outline-offset: 2px; }
[type="email"], [type="text"], [type="search"], [type="tel"], [type="password"], [type="number"], textarea {
  appearance: none; background: var(--c-bg); border: 1px solid var(--c-line); border-radius: 0; box-sizing: border-box; color: var(--c-text);
  display: block; font: .875rem var(--f-sans); height: 2.5rem; padding: 0 1rem; transition: box-shadow .2s, border-color .2s ease-in-out; width: 100%; }
textarea { height: auto; min-height: 7.5rem; padding: .75rem 1rem; line-height: 1.5; }
[type="email"]:hover, [type="text"]:hover, [type="search"]:hover, [type="tel"]:hover, [type="password"]:hover, textarea:hover,
[type="email"]:focus, [type="text"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="password"]:focus, textarea:focus { border: 1px solid var(--c-text); box-shadow: var(--c-text) 0 0 0 .0625rem; color: var(--c-black); }
input::placeholder, textarea::placeholder { color: var(--c-text); }
label { color: var(--c-text-2); cursor: pointer; display: block; font: .875rem / 1.8 var(--f-sans); margin: 0; width: 100%; }
@media (hover: hover) { a:hover { color: var(--c-black); } }
@media screen and (min-width: 64em) {
  h1 { font-size: 2.25rem; } h2 { font-size: 1.875rem; } h3 { font-size: 1.5rem; }
}

/* ── Yardımcılar (h-*) ─────────────────────────────────────────────────── */
.h-hidden, .h-hide, [hidden] { display: none !important; }
.h-show-for-sr { clip: rect(0, 0, 0, 0); border: 0; clip-path: inset(50%); height: 1px; overflow: hidden; padding: 0; white-space: nowrap; width: 1px; position: absolute !important; }
.h-flex { display: flex !important; }
.h-font-primary { font-family: var(--f-sans) !important; }
.h-font-primary-medium { font-family: var(--f-sans) !important; font-weight: 500 !important; }
.h-font-secondary { font-family: var(--f-serif) !important; }
.h-text-bold { font-weight: 600 !important; }
.h-color-primary { color: var(--c-text) !important; }
.h-color-secondary { color: var(--c-text-2) !important; }
.h-color-dark { color: var(--c-text) !important; }
.h-color-light, .h-color-light a:not([class*="c-button"]) { color: var(--c-bg) !important; }
.h-text-align-left { text-align: left !important; }
.h-text-align-center { text-align: center !important; }
.h-text-align-items-center { align-items: center !important; }
.h-text-align-items-flex-start { align-items: flex-start !important; }
.h-text-align-items-flex-end { align-items: flex-end !important; }
.h-text-justify-content-center { justify-content: center !important; }
.h-text-justify-content-flex-start { justify-content: flex-start !important; }
.h-text-justify-content-space-between { justify-content: space-between !important; }
.h-text-size-12 { font-size: .75rem !important; }
.h-text-size-14 { font-size: .875rem !important; }
.h-text-size-16 { font-size: 1rem !important; }
.h-text-size-25 { font-size: 1.5625rem !important; }
.h-padding-1 { padding: .5rem !important; }
.h-padding-2 { padding: .75rem !important; }
.h-padding-4 { padding: 1.5rem !important; }
.h-padding-6 { padding: 3rem !important; }
.h-margin-bottom-1 { margin-bottom: .3125rem !important; }
.h-margin-bottom-2 { margin-bottom: .625rem !important; }
.h-margin-bottom-3 { margin-bottom: .9375rem !important; }
.h-margin-bottom-4 { margin-bottom: 1.25rem !important; }
.h-margin-top-1 { margin-top: .3125rem !important; }
.h-margin-top-2 { margin-top: .625rem !important; }
.h-margin-top-3 { margin-top: .9375rem !important; }
.h-margin-top-4 { margin-top: 1.25rem !important; }
.h-no-bullet { list-style: none; margin-left: 0; }
.h-order-2 { order: 2; }
@media screen and (max-width: 47.9988em) { .h-hide-for-small { display: none !important; } }
@media screen and (min-width: 48em) { .h-show-for-small-only { display: none !important; } .h-hide-for-medium { display: none !important; } }
@media screen and (max-width: 63.9988em) { .h-show-for-large { display: none !important; } }
@media screen and (min-width: 64em) {
  .h-hide-for-large { display: none !important; }
  .h-text-align-left-for-large { text-align: left !important; }
  .h-text-align-center-for-large { text-align: center !important; }
  .h-text-align-items-center-for-large { align-items: center !important; }
  .h-text-align-items-flex-start-for-large { align-items: flex-start !important; }
  .h-text-align-items-flex-end-for-large { align-items: flex-end !important; }
  .h-text-justify-content-center-for-large { justify-content: center !important; }
  .h-text-justify-content-flex-start-for-large { justify-content: flex-start !important; }
  .h-color-light-for-large { color: var(--c-bg) !important; }
  .h-color-dark-for-large { color: var(--c-text) !important; }
  .h-text-size-31-for-large { font-size: 1.9375rem !important; }
  .h-padding-3-for-large { padding: 1rem !important; }
  .h-padding-4-for-large { padding: 1.5rem !important; }
  .h-padding-5-for-large { padding: 2rem !important; }
  .h-margin-top-0-for-large { margin-top: 0 !important; }
  .h-margin-bottom-1-for-large { margin-bottom: .3125rem !important; }
  .h-margin-bottom-4-for-large { margin-bottom: 1.25rem !important; }
}
@media screen and (min-width: 75em) { .h-hide-for-xlarge { display: none !important; } }

/* ── Yerleşim (l-*) ────────────────────────────────────────────────────── */
.l-layout, .l-main__inner { margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
.l-row { display: flex; flex-flow: wrap; }
.l-column { flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; }
.l-row-padding { margin-left: -10px; margin-right: -10px; }
.l-row-padding > .l-column { padding-left: 10px; padding-right: 10px; }
.l-row-padding.m-no-gutter-for-small { margin-left: 0; margin-right: 0; }
.l-row-padding.m-no-gutter-for-small > .l-column { padding-left: 0; padding-right: 0; }
.l-row > .m-small-12, .l-row-padding.m-small-up-1 > .l-column { width: 100%; }
.l-row-padding.m-small-up-2 > .l-column { width: 50%; }
.l-section { position: relative; }
.l-section:not(.m-full-width) > .l-section__row { margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
.l-section:not(.m-plain) > .l-section__row { margin-bottom: 5rem; margin-top: 5rem; }
.l-section.m-has-background { background: var(--c-beige); }
.l-section.m-has-background > .l-section__row { padding-bottom: 2.5rem; padding-top: 1.25rem; }
.l-grid--large { display: flex; flex-flow: wrap; }
@media screen and (min-width: 48em) {
  .l-row-padding { margin-left: -15px; margin-right: -15px; }
  .l-row-padding > .l-column { padding-left: 15px; padding-right: 15px; }
}
@media screen and (min-width: 64em) {
  .l-row > .m-large-4 { width: 33.3333%; }
  .l-row > .m-large-6 { width: 50%; }
  .l-row > .m-large-8 { width: 66.6667%; }
  .l-row > .m-large-10 { width: 83.3333%; }
  .l-row > .m-large-auto { flex: 1 1 0; width: auto; }
  .l-row > .m-large-shrink { flex: 0 0 auto; max-width: 100%; width: auto; }
  .l-row-padding.m-large-up-1 > .l-column { width: 100%; }
  .l-row-padding.m-large-up-3 > .l-column { width: 33.3333%; }
  .l-row-padding.m-no-gutter-for-large { margin-left: 0; margin-right: 0; }
  .l-row-padding.m-no-gutter-for-large > .l-column { padding-left: 0; padding-right: 0; }
  .l-row-padding.m-gutter-large-for-large { margin-left: -1.4375rem; margin-right: -1.4375rem; }
  .l-row-padding.m-gutter-large-for-large > .l-column { padding-left: 1.4375rem; padding-right: 1.4375rem; }
  .l-row-padding.m-gutter-small-for-large { margin-left: -.625rem; margin-right: -.625rem; }
  .l-row-padding.m-gutter-small-for-large > .l-column { padding-left: .625rem; padding-right: .625rem; }
  .l-section:not(.m-plain) > .l-section__row { margin-bottom: 6.25rem; margin-top: 6.25rem; }
  .l-section.m-has-background > .l-section__row { padding-bottom: 3.75rem; padding-top: 2.5rem; }
  .l-grid--large { margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); }
}

/* ── Düğmeler ──────────────────────────────────────────────────────────── */
.c-button { appearance: none; background-color: var(--c-text); border: 1px solid transparent; border-radius: 0; color: var(--c-bg); cursor: pointer; display: inline-block;
  font: 500 .875rem / 1.3125rem var(--f-sans); min-width: 14.375rem; padding: .8125rem 1.5rem .75rem; position: relative; text-align: center; text-decoration: none;
  text-transform: none; transition: background-color .25s ease-out, color .25s ease-out; vertical-align: middle; }
.c-button.m-autosize { min-width: auto; white-space: nowrap; }
.c-button.m-expand { margin-left: 0; margin-right: 0; min-width: auto; width: 100%; }
.c-button.m-alt { background-color: var(--c-text); border: 1px solid var(--c-bg); color: var(--c-bg); }
.c-button.m-secondary { background-color: transparent; border: 1px solid var(--c-line); color: var(--c-text); }
.c-button[disabled], .c-button.m-disabled { background-color: var(--c-disabled); cursor: default; }
.c-button.m-readmore-light, .c-button.m-readmore-dark { background-color: transparent; }
.c-button.m-readmore-light { border: 1px solid var(--c-bg); color: var(--c-bg); }
.c-button.m-readmore-dark { border: 1px solid var(--c-line); color: var(--c-text); }
.c-button.m-readmore-light::after, .c-button.m-readmore-dark::after { content: ""; display: inline-block; height: 1rem; margin: -.625rem 0 -.625rem 1rem; vertical-align: middle; width: 1rem;
  mask: var(--i-ok-sag) center / contain no-repeat; -webkit-mask: var(--i-ok-sag) center / contain no-repeat; transition: background-color .25s ease-out; }
.c-button.m-readmore-light::after { background-color: var(--c-bg); }
.c-button.m-readmore-dark::after { background-color: var(--c-text); }
.c-button.m-link { background: none; border: 0; color: var(--c-text); min-width: 0; padding: 0; text-decoration: underline; }
@media (hover: hover) {
  .c-button:hover { background-color: var(--c-dark); color: var(--c-bg); text-decoration: none; }
  .c-button.m-alt:hover { background-color: var(--c-dark); border: 1px solid var(--c-bg); }
  .c-button.m-secondary:hover { background-color: var(--c-text); color: var(--c-bg); }
  .c-button.m-readmore-light:hover { background-color: var(--c-bg); border: 1px solid var(--c-bg); color: var(--c-text); }
  .c-button.m-readmore-light:hover::after { background-color: var(--c-text); }
  .c-button.m-readmore-dark:hover { background-color: var(--c-text); border: 1px solid var(--c-line); color: var(--c-bg); }
  .c-button.m-readmore-dark:hover::after { background-color: var(--c-bg); }
  .c-button.m-link:hover { background: none; color: var(--c-black); }
}
@media screen and (max-width: 63.9988em) { .c-button.m-expand-for-medium-down { margin-left: 0; margin-right: 0; min-width: auto; width: 100%; } }

/* ── Form alanları (yüzen etiket) ──────────────────────────────────────── */
.c-form__title { margin: 0 0 .9375rem; }
.c-form__row { align-items: flex-start; display: flex; flex-grow: 1; margin: 0 -.625rem; }
.c-form__row.m-fullwidth { flex-wrap: wrap; }
.c-form .c-field { flex-basis: 100%; margin: 0 0 1rem; }
.c-form__row .c-field { margin: 0 .625rem 1rem; }
.c-field { align-items: flex-start; display: flex; flex: 1 1 100%; flex-flow: wrap; }
.c-field.m-autosize, .c-form .c-field.m-autosize { flex-basis: auto; }
.c-text-field { position: relative; }
.c-text-field.m-float .c-text-field__input::placeholder { color: transparent; }
.c-text-field__label.m-float { color: var(--c-text-2); font: .875rem / 2.5rem var(--f-sans); height: 2.5rem; left: 1rem; max-width: calc(100% - 1rem); overflow: hidden; padding: 0 .3125rem;
  pointer-events: none; position: absolute; text-align: left; text-overflow: ellipsis; top: 0; transition: transform .2s, font-size .2s, left .2s; white-space: nowrap; width: auto; z-index: 1; }
.c-text-field__input:focus + .c-text-field__label.m-float, .c-text-field__input:not(:placeholder-shown) + .c-text-field__label.m-float {
  font: .75rem / 1rem var(--f-sans); height: auto; transform: translate3d(0, -.5rem, 0); }
.c-text-field__input:focus + .c-text-field__label.m-float::before, .c-text-field__input:not(:placeholder-shown) + .c-text-field__label.m-float::before {
  background: var(--c-bg); border-radius: .25rem .25rem 0 0; content: ""; height: calc(50% + 2px); left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.c-check-field { position: relative; }
.c-check-field__input { cursor: pointer; height: 1.25rem; left: 0; margin: 0; opacity: 0; position: absolute; top: 0; width: 1.25rem; }
.c-check-field__label { display: inline-block; font-size: .875rem; line-height: 1.5; padding-left: 1.75rem; position: relative; width: auto; }
.c-check-field__label::before { background: var(--c-bg); border: 1px solid var(--c-text-2); content: ""; height: 1.25rem; left: 0; position: absolute; top: 0; width: 1.25rem; }
.c-check-field__input:checked + .c-check-field__label::before { border-color: var(--c-text); background: var(--c-bg); }
.c-check-field__input:checked + .c-check-field__label::after { background: var(--c-text); content: ""; height: 1.25rem; left: 0; position: absolute; top: 0; width: 1.25rem;
  mask: var(--i-onay) center / 88% auto no-repeat; -webkit-mask: var(--i-onay) center / 88% auto no-repeat; }
.c-select { position: relative; }
.c-select__field { appearance: none; background: var(--c-bg); border: 1px solid var(--c-line); border-radius: 0; color: var(--c-text); cursor: pointer; display: block;
  font: .875rem / 2.5rem var(--f-sans); height: 2.5rem; margin: 0; overflow: hidden; padding: 0 1.875rem 0 1.25rem; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.c-select::after { background: var(--c-text); content: ""; height: .75rem; pointer-events: none; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); width: .75rem;
  mask: var(--i-asagi) center / contain no-repeat; -webkit-mask: var(--i-asagi) center / contain no-repeat; }
.c-select.m-single-value::after { display: none; }
.c-select__label.m-float { color: var(--c-text-2); font: .75rem / 1rem var(--f-sans); left: 1rem; padding: 0 .3125rem; pointer-events: none; position: absolute; top: 0; transform: translate3d(0, -.5rem, 0); z-index: 1; }
.c-select__label.m-float::before { background: var(--c-bg); content: ""; height: calc(50% + 2px); left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.c-select.m-single-value .c-select__label { left: 0; max-width: 100%; padding: 0; position: static; transform: none; height: 1rem; text-align: inherit; width: 100%; }
.c-select.m-single-value .c-select__label::before { display: none; }
.c-select.m-single-value .c-select__field { background: transparent; border-color: transparent; cursor: default; height: auto; line-height: 1.5rem; padding: 0; pointer-events: none; text-align: inherit; }
@media (hover: hover) { .c-select__field:hover { border-color: var(--c-text); box-shadow: var(--c-text) 0 0 0 .0625rem inset; color: var(--c-black); } }

/* ── Karusel (Aesop c-carousel; kaydırma tema JS'iyle, scroll-snap) ─────── */
.c-carousel { margin-left: auto; margin-right: auto; position: relative; }
.c-carousel__inner { overflow: hidden; }
.c-carousel__content { display: flex; list-style: none; margin: 0; position: relative; transition: transform .45s ease; will-change: transform; }
.c-carousel__item { box-sizing: border-box; flex-shrink: 0; position: relative; width: 100%; }
.c-carousel__arrow-next, .c-carousel__arrow-prev { align-items: center; background: transparent; color: var(--c-text); cursor: pointer; display: flex; height: 3rem; justify-content: center;
  position: absolute; top: 50%; transform: translateY(-50%); width: 3rem; z-index: 2; }
.c-carousel__arrow-next::before, .c-carousel__arrow-prev::before { background-color: var(--c-text); content: ""; display: block; height: 2.5rem; width: .9375rem;
  mask: var(--i-sag) center / 100% auto no-repeat; -webkit-mask: var(--i-sag) center / 100% auto no-repeat; }
.c-carousel__arrow-prev { right: 100%; }
.c-carousel__arrow-prev::before { transform: rotate(180deg); }
.c-carousel__arrow-next { left: 100%; }
.c-carousel__arrow-prev.m-disabled, .c-carousel__arrow-next.m-disabled { cursor: auto; opacity: .35; }
.c-carousel.m-arrows-small .c-carousel__arrow-next, .c-carousel.m-arrows-small .c-carousel__arrow-prev { height: 1.875rem; width: 2.5rem; }
.c-carousel.m-arrows-small .c-carousel__arrow-next::before, .c-carousel.m-arrows-small .c-carousel__arrow-prev::before { height: .6875rem; width: .375rem; }
.c-carousel__arrows.m-color-light .c-carousel__arrow-next::before, .c-carousel__arrows.m-color-light .c-carousel__arrow-prev::before { background-color: var(--c-bg); }
.c-carousel__pagination { height: 1.5625rem; margin: 1.25rem 0 0; text-align: center; }
.c-carousel.m-no-scroll .c-carousel__pagination { display: none; }
.c-carousel__pagination-list { display: inline-block; font-size: 0; list-style: none; margin: 0; padding: 0; vertical-align: middle; }
.c-carousel__pagination-list-item { display: inline-flex; }
.c-carousel__pagination-bullet-custom { cursor: pointer; display: inline-block; height: 1.5625rem; margin: 0 .375rem; padding: 0; position: relative; transition: transform .15s; width: 1.875rem; }
.c-carousel__pagination-bullet-custom::before { background: rgba(51, 51, 51, .25); content: ""; height: .1875rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 1.875rem; }
.c-carousel__pagination-bullet-custom.m-active { margin: 0 .8125rem; transform: scale(1.5); }
.c-carousel__pagination-bullet-custom.m-active::before { background: var(--c-text-2); }
.c-carousel__pagination-list-item:first-child .c-carousel__pagination-bullet-custom { margin-left: 0 !important; }
.c-carousel__pagination-list-item:last-child .c-carousel__pagination-bullet-custom { margin-right: 0 !important; }
.c-carousel__pagination.m-color-light .c-carousel__pagination-bullet-custom::before { background: rgba(255, 254, 242, .35); }
.c-carousel__pagination.m-color-light .c-carousel__pagination-bullet-custom.m-active::before { background: var(--c-bg); }
/* Nokta sayfalama (sepet paneli önerileri) */
.c-carousel__pagination-list.m-dots .c-carousel__pagination-bullet-custom { height: 1.5625rem; margin: 0; width: 1.5625rem; }
.c-carousel__pagination-list.m-dots .c-carousel__pagination-bullet-custom::before { border-radius: 50%; height: .9375rem; width: .9375rem; }
.c-carousel__pagination-list.m-dots .c-carousel__pagination-bullet-custom.m-active { margin: 0; transform: none; }
.c-carousel__pagination-list.m-dots .c-carousel__pagination-bullet-custom.m-active::before { transform: translate(-50%, -50%) scale(1.3); }
.c-carousel.m-no-scroll .c-carousel__arrows { display: none; }
/* Slayt genişlikleri: --spv (görünen slayt) · --gap */
.c-carousel[data-carousel] { --spv: 1; --gap: 0px; }
.c-carousel[data-carousel] .c-carousel__content { gap: var(--gap); }
.c-carousel[data-carousel] .c-carousel__item { width: calc((100% - (var(--spv) - 1) * var(--gap)) / var(--spv)); }
.c-carousel.m-style-product, .c-carousel.m-style-content { --gap: 1.25rem; }
.c-carousel.m-style-product { --spv: 3; }
.c-carousel.m-style-content { --spv: 5; }
.c-carousel.m-style-product .c-carousel__content { align-items: stretch; }
.c-carousel.m-style-product .c-carousel__item { display: flex; flex-flow: column; }
@media screen and (max-width: 63.9988em) {
  .c-carousel.m-style-product, .c-carousel.m-style-content { overflow: visible; }
  .c-carousel.m-style-product > .c-carousel__inner, .c-carousel.m-style-content > .c-carousel__inner { overflow: visible; }
  .c-carousel.m-style-product .c-carousel__item { width: 9.375rem; }
  .c-carousel.m-style-content .c-carousel__item { width: 16.875rem; }
  .c-carousel__arrows.m-aside-pagination-for-medium-down { bottom: 0; height: 1.5625rem; position: absolute; width: 100%; }
  .c-carousel__arrows.m-aside-pagination-for-medium-down .c-carousel__arrow-prev { left: 0; right: auto; }
  .c-carousel__arrows.m-aside-pagination-for-medium-down .c-carousel__arrow-next { left: auto; right: 0; }
  .c-carousel__arrows.m-aside-pagination-for-medium-down + .c-carousel__pagination { align-items: center; display: flex; height: 1.5625rem; justify-content: center; margin-left: 1.875rem; margin-right: 1.875rem; position: relative; }
  .c-carousel.m-arrows-small-for-medium-down .c-carousel__arrow-next, .c-carousel.m-arrows-small-for-medium-down .c-carousel__arrow-prev { height: 1.875rem; width: 2.5rem; }
  .c-carousel.m-arrows-small-for-medium-down .c-carousel__arrow-next::before, .c-carousel.m-arrows-small-for-medium-down .c-carousel__arrow-prev::before { height: .6875rem; width: .375rem; }
  .c-carousel.m-style-product .c-carousel__inner, .c-carousel.m-style-content .c-carousel__inner { overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--gutter); scrollbar-width: none; margin: 0 calc(var(--gutter) * -1); padding: 0 var(--gutter); }
  .c-carousel.m-style-product .c-carousel__inner::-webkit-scrollbar, .c-carousel.m-style-content .c-carousel__inner::-webkit-scrollbar { display: none; }
  .c-carousel.m-style-product .c-carousel__item, .c-carousel.m-style-content .c-carousel__item { scroll-snap-align: start; }
  .c-carousel.m-style-product .c-carousel__content, .c-carousel.m-style-content .c-carousel__content { transform: none !important; }
}

/* ── Header ────────────────────────────────────────────────────────────── */
.l-header { background: var(--c-bg); direction: ltr; position: relative; z-index: 11; }
.l-header__inner { position: relative; }
.l-header__main-area-wrapper { background: var(--c-bg); }
.l-header__main-area { align-content: stretch; display: flex; flex-wrap: wrap; padding: 0 0 0 1rem; }
.l-header__logo { align-self: center; display: flex; flex: 1 0 0%; order: 1; padding: 0; text-align: left; }
.l-header__logo .c-logo { display: inline-block; max-width: 3.85688rem; position: relative; }
.l-header__logo .c-logo__image { display: block; height: 1.875rem; width: auto; max-width: none; }
.l-header__logo .c-logo__image.m-alt { left: 0; opacity: 0; position: absolute; top: 0; }
.l-header__top-nav.m-left { align-self: center; order: 3; padding: 0 1.625rem 0 2.25rem; z-index: 2; }
.l-header__top-nav.m-right { align-self: center; display: flex; flex-wrap: wrap; order: 4; padding: 0; }
.l-header__top-nav-list { align-items: center; display: flex; list-style: none; margin: 0; }
.l-header__top-nav-item { font-size: .75rem; }
.l-header__top-nav-item:empty { display: none; }
.l-header__top-nav-link { display: block; text-decoration: inherit; }
.l-header__top-nav .c-minicart-icon__link, .l-header__top-nav .c-signup-link, .l-header__top-nav .c-storeslink, .l-header__top-nav .c-user__link, .l-header__top-nav-link {
  color: var(--c-text); cursor: pointer; font: 600 .75rem / 1.2 var(--f-sans); text-decoration: none; }
.l-header__search-cta-mobile { align-self: center; order: 2; padding: 0; }
.l-header__search-button { color: var(--c-text); cursor: pointer; font: 600 .875rem / 1.2 var(--f-sans); height: 100%; padding: .875rem 0 .86125rem; white-space: nowrap; }
.l-header__search-button::before { background-color: var(--c-text); content: ""; display: inline-block; height: 1.25rem; vertical-align: middle; width: 1.25rem;
  mask: var(--i-ara) left center / 100% auto no-repeat; -webkit-mask: var(--i-ara) left center / 100% auto no-repeat; }
.l-header__search-button-label { margin: 0 0 0 .5rem; vertical-align: middle; }
.l-header__hamburger { align-self: center; order: 5; position: relative; }
.l-header__break { display: none; }
.c-logo { line-height: 0; }
.c-storeslink { align-items: center; display: flex; }
.c-storeslink::before { background-color: var(--c-text); content: ""; display: block; height: 1.25rem; order: 1; width: 1rem;
  mask: var(--i-konum) left center / 100% auto no-repeat; -webkit-mask: var(--i-konum) left center / 100% auto no-repeat; }
.c-storeslink__text { margin: 0 0 0 .625rem; order: 2; }
.c-user { display: flex; }
.c-user__link { padding: 0; text-decoration: none; }
.c-minicart-icon { position: relative; }
.c-minicart-icon__container { display: inline-flex; flex-shrink: 0; line-height: 0; position: relative; }
.c-minicart-icon__svg { background-color: var(--c-text); display: block; height: 1.25rem; width: .9875rem; mask: var(--i-canta) left center / 100% auto no-repeat; -webkit-mask: var(--i-canta) left center / 100% auto no-repeat; }
.c-minicart-icon__link { align-items: center; color: var(--c-text-2); display: flex; margin: 0; padding: .3125rem 1.625rem .3125rem .625rem; }
.c-minicart-icon__qty { align-items: center; background: var(--c-text); border-radius: 50%; color: var(--c-bg); display: flex; font: 600 .5625rem / 1 var(--f-sans); height: .875rem;
  justify-content: center; min-width: .875rem; position: absolute; right: -.4375rem; top: -.3125rem; }
.c-minicart-icon__qty:empty, .c-minicart-icon__qty[data-count="0"] { display: none; }
.c-hamburger { position: relative; }
.c-hamburger__button { background: var(--c-bg); padding: 1.125rem 1rem .625rem .625rem; text-align: center; width: 3.125rem; }
.c-hamburger__button::before { background-color: var(--c-text); content: ""; display: inline-block; height: 1.25rem; width: 1.25rem;
  mask: var(--i-menu) center / 100% auto no-repeat; -webkit-mask: var(--i-menu) center / 100% auto no-repeat; }
.c-hamburger.m-opened .c-hamburger__button::before { mask-image: var(--i-kapat); -webkit-mask-image: var(--i-kapat); }
.c-hamburger__item { text-decoration: none; }

/* Navigasyon */
.c-navigation { align-items: stretch; display: flex; flex: 1 0 0%; }
.c-navigation__list { list-style: none; margin: 0; }
.c-navigation__list.m-level-1 { display: flex; flex-flow: column; flex-grow: 1; width: 100%; }
.c-navigation__list.m-level-2 { display: flex; }
.c-navigation__item { display: block; text-align: left; }
.c-navigation__item-title { align-items: center; display: flex; }
.c-navigation__item-title.m-level-1 { color: var(--c-text); font: 400 .875rem / 1.2 var(--f-sans); position: relative; }
.c-navigation__item-title.m-level-2 { color: var(--c-text); font: 500 .875rem / 1.2 var(--f-sans); }
.c-navigation__link { color: var(--c-text-2); display: inline-block; margin: 0; position: relative; text-decoration: none; z-index: 2; }
.c-navigation__link.m-level-1 { color: inherit; height: 100%; }
.c-navigation__link.m-level-2 { color: inherit; }
.c-navigation__link.m-level-3 { color: var(--c-text); font: 400 .875rem / 1.2 var(--f-sans); }
.c-navigation__link-content { align-items: center; display: flex; gap: .5rem; height: 100%; }
.c-navigation__button { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.c-navigation__item.m-view-all .c-navigation__link { color: #252525; font: 600 .875rem / 1.2 var(--f-sans); }
.c-navigation__content { display: block; }
@media (hover: hover) {
  .c-navigation__link.m-level-2:is(a):hover, .c-navigation__link.m-level-3:is(a):hover { color: var(--c-text); text-decoration: underline; }
}

/* Arama paneli: header'ın hemen altından açılır; header karartmanın üstüne çıkar, sayfa kaydırması kilitlenir */
.l-header.m-search-active { z-index: 29; }
.l-header__simple-search { position: relative; }
.c-simple-search { background: var(--c-bg); border-top: 1px solid var(--c-line); box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .06); display: none; left: 0;
  max-height: calc(100vh - var(--header-bottom, 0px)); max-height: calc(100dvh - var(--header-bottom, 0px)); overflow-y: auto; overscroll-behavior: contain;
  position: fixed; right: 0; top: var(--header-bottom, 0); z-index: 21; }
.l-header.m-search-active .c-simple-search { display: block; }
.c-simple-search__form { margin: 0 auto; max-width: var(--w-max); padding: 0 var(--gutter); }
.c-simple-search__input-group { align-items: center; border-bottom: 1px solid var(--c-line); display: flex; gap: .75rem; height: 3.75rem; transition: border-color .2s ease-out; }
.c-simple-search__input-group:focus-within { border-bottom-color: var(--c-text); }
.c-simple-search__search-label { clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.c-simple-search__button { align-items: center; display: flex; flex: 0 0 auto; height: 2.5rem; justify-content: center; order: 0; width: 1.5rem; }
.c-simple-search__button::after { background-color: var(--c-text); content: ""; display: block; height: 1.25rem; width: 1.25rem;
  mask: var(--i-ara) center / 100% auto no-repeat; -webkit-mask: var(--i-ara) center / 100% auto no-repeat; }
.c-simple-search__field { -webkit-appearance: none; appearance: none; background: transparent; border: 0 !important; border-radius: 0; box-shadow: none !important; color: var(--c-text);
  flex: 1 1 auto; font: 1rem / 1.5 var(--f-sans); height: 100%; margin: 0; min-width: 0; order: 1; outline: 0; padding: 0; }
.c-simple-search__field:focus, .c-simple-search__field:focus-visible { outline: 0; }
.c-simple-search__field::placeholder { color: var(--c-text-2); opacity: 1; }
.c-simple-search__field::-webkit-search-cancel-button, .c-simple-search__field::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
.c-simple-search__close-button { background-color: var(--c-text); flex: 0 0 auto; height: 2.5rem; margin: 0 -.75rem 0 0; order: 2; width: 2.5rem;
  mask: var(--i-kapat) center / .875rem .875rem no-repeat; -webkit-mask: var(--i-kapat) center / .875rem .875rem no-repeat; }
.c-simple-search__suggestions { display: grid; gap: 2rem; padding: 1.5rem 0 2rem; }
.c-simple-search__suggestions:empty { display: none; }
.c-simple-search__group-title { color: var(--c-text-2); font: .8125rem / 1.5 var(--f-sans); margin: 0 0 .5rem; }
.c-simple-search__group-list { display: grid; list-style: none; margin: 0; padding: 0; }
.c-simple-search__product { align-items: center; color: var(--c-text); display: flex; gap: 1rem; padding: .5rem 0; text-decoration: none; }
.c-simple-search__product-image { background: var(--c-beige); flex: 0 0 3.5rem; height: 3.5rem; overflow: hidden; }
.c-simple-search__product-image img { display: block; height: 100%; object-fit: contain; width: 100%; }
.c-simple-search__product-info { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.c-simple-search__product-title { -webkit-box-orient: vertical; display: -webkit-box; font: .875rem / 1.35 var(--f-sans); -webkit-line-clamp: 2; overflow: hidden; }
.c-simple-search__product-price { color: var(--c-text-2); font: .8125rem / 1.2 var(--f-sans); }
.c-simple-search__link { color: var(--c-text); display: inline-block; font: .875rem / 1.2 var(--f-sans); padding: .5rem 0; text-decoration: none; }
.c-simple-search__side { align-content: start; display: grid; gap: 2rem; }
.c-simple-search__all { justify-self: stretch; min-width: 0; padding-left: 2rem; padding-right: 2rem; }
.c-simple-search__empty { color: var(--c-text-2); font: .875rem / 1.5 var(--f-sans); margin: 0; }
@media (hover: hover) {
  .c-simple-search__product:hover .c-simple-search__product-title, .c-simple-search__link:hover { text-decoration: underline; }
}
@media screen and (min-width: 64em) {
  .c-simple-search__input-group { gap: 1rem; height: 4.75rem; }
  .c-simple-search__button::after { height: 1.5rem; width: 1.5rem; }
  .c-simple-search__field { font-size: 1.5rem; }
  .c-simple-search__suggestions { gap: 3rem; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); padding: 2rem 0 3rem; }
  .c-simple-search__products .c-simple-search__group-list { column-gap: 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .c-simple-search__product-image { flex-basis: 4rem; height: 4rem; }
  .c-simple-search__all { justify-self: start; }
}

/* <1200: mobil / tablet header (hamburger) */
@media screen and (min-width: 64em) { .c-storeslink::before { height: 1.1875rem; width: 0; } }
@media screen and (max-width: 74.9988em) {
  .l-header__search-button-label, .l-header__search-cta, .l-header__top-nav-item:not(.m-stores):not(.m-minicart) { display: none; }
  .l-header__hamburger { z-index: 9; }
  .l-header__top-nav .c-storeslink { padding: .625rem; }
  .l-header__top-nav .c-storeslink__text, .c-minicart-icon__label { clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; pointer-events: none; position: absolute; width: 1px; }
  .l-header__break { display: none !important; }
  .c-hamburger__content { background: var(--c-beige); bottom: 0; left: 0; overflow: hidden auto; overscroll-behavior: contain; position: fixed; top: var(--header-bottom, 0); transform: translateX(100%);
    transition: transform .15s ease-in-out, visibility .15s; visibility: hidden; width: 100%; z-index: 20; }
  .c-hamburger.m-opened .c-hamburger__content { transform: none; visibility: visible; }
  .c-hamburger__item.m-account { background: var(--c-beige); }
  .c-hamburger__item.m-account a { color: var(--c-text); display: block; font: 500 .875rem / 1.2 var(--f-sans); padding: 1.125rem 1rem; text-decoration: none; }
  .c-hamburger__item.m-help { padding: .5rem 1rem 2rem; }
  .c-hamburger__item.m-help a { color: var(--c-text); display: block; font-size: .875rem; padding: .625rem 0; text-decoration: none; }
  .c-navigation__list.m-level-1 { background: var(--c-bg); }
  .c-navigation__list.m-level-2 { background: var(--c-beige); flex-flow: column; }
  .c-navigation__list.m-level-3 { background: var(--c-bg); }
  .c-navigation__item.m-level-1 { border-bottom: 1px solid var(--c-line); }
  .c-navigation__item.m-level-1:first-child { border-top: 1px solid var(--c-line); }
  .c-navigation__item-title { justify-content: space-between; padding: .975625rem 0; transition: color .3s ease-in-out; }
  .c-navigation__item-title.m-accordion-control { padding: .975625rem 3.125rem .975625rem 0; position: relative; width: 100%; }
  .c-navigation__item-title.m-accordion-control > .c-navigation__icon::after { background-color: var(--c-text); content: ""; height: .75rem; position: absolute; right: 1rem; top: 50%;
    transform: translateY(-50%); transition: transform .3s ease-in-out; width: .75rem; mask: var(--i-asagi) center / 100% auto no-repeat; -webkit-mask: var(--i-asagi) center / 100% auto no-repeat; }
  .c-navigation__item.m-expanded > .c-navigation__item-title > .c-navigation__icon::after { transform: translateY(-50%) rotate(180deg); }
  .c-navigation__item-title.m-level-1 { padding-left: 1rem; }
  .c-navigation__item-title.m-level-2 { background: var(--c-beige); padding-left: 1.5rem; }
  .c-navigation__item-title.m-level-3 { background: var(--c-beige); padding: 0; }
  .c-navigation__link.m-not-clickable-for-mobile { pointer-events: none; }
  .c-navigation__link.m-level-3 { padding: .725625rem 0 .725625rem 3rem; display: block; }
  .c-navigation__container.m-level-1-container, .c-navigation__container.m-level-3 { max-height: 0; overflow: hidden; transition: max-height .2s; visibility: hidden; }
  .c-navigation__item.m-expanded > .c-navigation__container { max-height: 200vh; visibility: visible; }
  .c-navigation__flyout-element { background: var(--c-beige); }
  .c-navigation__item.m-level-2 { border: 0; }
  .c-navigation__flyout-cards { display: none; }
}

/* ≥1200: masaüstü header (Aesop: iki satır — üst gezinti/logo + menü satırı) */
@media screen and (min-width: 75em) {
  .l-header__main-area { padding: 0 2.5rem; }
  .l-header__logo { align-self: center; flex: 0 0 auto; order: 2; padding: .9375rem 0 0; text-align: center; }
  .l-header__logo .c-logo { max-width: 11.875rem; }
  .l-header__logo .c-logo__image { height: 2.75rem; }
  .l-header__top-nav.m-left { align-self: baseline; flex: 1 0 0%; order: 1; padding: 2.1875rem 0 .625rem; }
  .l-header__top-nav.m-right { align-items: center; align-self: center; flex: 1 0 0%; justify-content: flex-end; order: 4; padding: 2.1875rem 0 .625rem; }
  .l-header__search-cta-mobile, .c-hamburger__button { display: none; }
  .l-header__top-nav-item { display: inline-flex; font-size: .6875rem; }
  .l-header__top-nav-item > a:first-child, .l-header__top-nav-item > button:first-child, .l-header__top-nav-item > div:first-child { margin: 0 0 0 .75rem; padding: 0 0 0 .75rem; position: relative; }
  .l-header__top-nav-item:first-child > a, .l-header__top-nav-item:first-child > button, .l-header__top-nav-item:first-child > div { margin-left: 0; padding-left: 0; }
  .c-storeslink__text { margin: 0; }
  .c-minicart-icon__container { margin: 0 .5rem 0 0; }
  .c-minicart-icon__svg { width: 0; }
  .c-minicart-icon__link { padding: 0; }
  .c-minicart-icon__label { margin: 0 .25rem; }
  .c-minicart-icon__qty { position: static; margin-left: .25rem; }
  .l-header__break { display: block; flex-basis: 100%; height: 0; order: 5; overflow: hidden; width: 0; }
  .l-header__hamburger { align-self: stretch; background: var(--c-bg); display: flex; flex: 1 0 100%; margin: 0 auto; max-width: var(--w-max); order: 5; padding-left: var(--gutter); padding-right: var(--gutter); position: relative; width: 100%; }
  .l-header__hamburger::after, .l-header__hamburger::before { background: inherit; bottom: 0; content: ""; position: absolute; top: 0; width: 100%; z-index: 0; }
  .l-header__hamburger::before { right: 100%; }
  .l-header__hamburger::after { left: 100%; }
  .c-hamburger__content { align-self: stretch; display: flex; flex: 1 0 0; justify-content: center; }
  .c-hamburger__item:not(.m-navigation) { display: none; }
  .c-hamburger__item.m-navigation { display: flex; }
  .l-header__search-cta { align-self: stretch; display: block; }
  /* Menü satırın tam ortasında (logo ve hero ekseni): "Ara..." satırın sağına sabit, menü iki yandan onun genişliği kadar boşluk bırakır */
  .l-header:not(.m-sticked) .l-header__search-cta { bottom: 0; position: absolute; right: var(--gutter); top: 0; z-index: 1; }
  .l-header:not(.m-sticked) .c-hamburger { flex: 1 1 auto; }
  .l-header:not(.m-sticked) .c-hamburger__content { padding: 0 8.75rem; }
  .l-header__search-button { background: var(--c-bg); border: solid var(--c-line-2); border-width: 0 0 0 .125rem; padding: 1rem; text-align: left; width: 8.75rem; }
  .l-header__search-button::before { height: 1rem; width: 1rem; }
  .c-navigation { flex: 0 0 auto; }
  .c-navigation__list.m-level-1 { align-items: stretch; flex-flow: row; justify-content: space-around; }
  .c-navigation__list.m-level-2 { flex-flow: row; margin: 0; padding: .9375rem 0 2rem; }
  .c-navigation__list.m-level-3 { display: flex; flex-flow: column; list-style: none; margin: .375rem 0 0; }
  .c-navigation__item.m-level-1 { align-items: stretch; display: flex; margin: 0; white-space: normal; }
  .c-navigation__item.m-level-2 { padding: 0; width: 25%; }
  .c-navigation__item.m-level-2.m-view-all { display: none; }
  .c-navigation__item.m-level-3 { padding: .375rem 0; white-space: normal; }
  .c-navigation__item-title.m-level-1 { z-index: 5; }
  .c-navigation__item-title.m-level-2 { align-items: flex-start; }
  .c-navigation__link { display: block; }
  .c-navigation__link.m-level-1 { font-weight: 500; padding: 1.0625rem; position: relative; }
  .c-navigation__link.m-level-1::after { content: attr(data-title); display: block; font-weight: 600; height: 0; overflow: hidden; visibility: hidden; }
  .c-navigation__item.m-opened .c-navigation__link.m-level-1, .c-navigation__link.m-level-1:is(a):hover { color: var(--c-text); font-weight: 600; }
  .c-navigation__item.m-opened .c-navigation__link.m-level-1::before, .c-navigation__link.m-level-1:is(a):hover::before { background-color: var(--c-text); bottom: 0; content: ""; height: .1875rem; left: 0; position: absolute; right: 0; }
  .c-navigation__link.m-level-2 { flex-grow: 0; font-weight: 600; }
  .c-navigation__link.m-level-3 { color: var(--c-text); flex-grow: 0; }
  .c-navigation__button, .c-navigation__icon { display: none; }
  .c-navigation__flyout-element { background: var(--c-bg); border-top: 1px solid var(--c-line); box-shadow: rgba(0, 0, 0, .02) 0 0 .375rem 0, rgba(0, 0, 0, .08) 0 .125rem .25rem 0; display: none;
    left: 0; margin: 0 -50vw; padding: 0 50vw; position: absolute; right: 0; top: 100%; z-index: 4; }
  .c-navigation__flyout-element::before { background: rgba(51, 51, 51, .5); content: ""; height: 100vh; left: 0; pointer-events: none; position: absolute; top: 100%; width: 100%; }
  .c-navigation__item.m-opened .c-navigation__flyout-element { display: block; }
  .c-navigation__container.m-level-2 { display: flex; }
  .c-navigation__container.m-level-2 > .c-navigation__list.m-level-2 { flex: 1 1 auto; }
  .c-navigation__flyout-cards { display: flex; flex: 0 0 auto; gap: 0; padding: .9375rem 0 2rem; }
  .c-navigation__content { color: var(--c-text); font: .875rem / 1.5 var(--f-sans); margin: 0 1.5rem 0 0; text-decoration: none; width: 9.125rem; }
  .c-navigation__content:hover { color: var(--c-text); font-weight: 500; }
  .c-navigation__content-image img { aspect-ratio: 146 / 106; display: block; object-fit: cover; width: 100%; }
  .c-navigation__content-title { margin: 1rem 0 0; }
}

/* Şeffaf header (ana sayfa: hero görselinin üstünde, açık renk) */
.header-transparent .l-header, .header-transparent .l-header__main-area-wrapper, .header-transparent .l-header__hamburger { transition: background .5s ease-out; }
.header-transparent .l-header__top-nav a, .header-transparent .l-header__top-nav button, .header-transparent .c-navigation__link.m-level-1, .header-transparent .l-header__search-button { transition: color .5s ease-out; }
.header-transparent .c-logo__image { transition: opacity .5s ease-out; }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__main-area-wrapper { left: 0; position: absolute; top: 100%; width: 100%; }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__main-area-wrapper,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__hamburger,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-hamburger__button,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__search-button { background: transparent; }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__hamburger { border-color: transparent; }
.header-transparent .l-header:hover .l-header__main-area-wrapper, .header-transparent .l-header.m-focused .l-header__main-area-wrapper,
.header-transparent .l-header.m-search-active .l-header__main-area-wrapper { left: 0; position: absolute; top: 100%; width: 100%; }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-navigation__link.m-level-1,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__search-button,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__top-nav .c-minicart-icon__link,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__top-nav .c-signup-link,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__top-nav .c-storeslink,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__top-nav .c-user__link,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__top-nav-link { color: var(--c-bg); }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-hamburger__button::before,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-minicart-icon__svg,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-storeslink::before,
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__search-button::before { background-color: var(--c-bg); }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-minicart-icon__qty { background: var(--c-bg); color: var(--c-text); }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-logo__image { opacity: 0; }
.header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .c-logo__image.m-light { opacity: 1; }
@media screen and (min-width: 75em) {
  .header-transparent .l-header:not(:hover):not(.m-sticked):not(.m-focused):not(.m-search-active) .l-header__search-button { border: 1px solid var(--c-bg); }
}

/* Yapışkan header (aşağı kaydırınca gizlenir, yukarıda görünür — Aesop hideOnScroll) */
.l-header.m-sticked { height: var(--header-height, auto); }
.l-header.m-sticked .l-header__inner { background: var(--c-bg); left: 0; position: fixed; right: 0; top: 0; transition: transform .15s ease-out; width: 100%; }
.l-header.m-sticked .l-header__banner { display: none; }
.l-header.m-sticked .l-header__main-area { flex-wrap: nowrap; position: relative; }
.l-header.m-sticked.m-disabled .l-header__inner { transform: translateY(-100%); }
.l-header.m-sticked .l-header__top-nav-item.m-email-signup, .l-header.m-sticked .l-header__top-nav.m-left { display: none; }
.l-header.m-sticked .c-minicart-icon__label { clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute; width: 1px; }
@media screen and (max-width: 74.9988em) { .l-header.m-sticked .l-header__top-nav.m-left { display: block; } }
@media screen and (min-width: 75em) {
  .l-header.m-sticked .l-header__break { display: none !important; }
  .l-header.m-sticked .l-header__logo { padding: 0 1.25rem 0 0; order: 1; }
  .l-header.m-sticked .l-header__logo .c-logo__image { height: 2.25rem; }
  .l-header.m-sticked .l-header__hamburger { flex: 1 0 0; max-width: 100%; order: 2; padding-inline: 0; position: static; }
  .l-header.m-sticked .l-header__top-nav.m-right { align-self: center; flex: 0 1 auto; order: 3; padding: 0; }
  .l-header.m-sticked .l-header__top-nav-item.m-account { display: none; }
  .l-header.m-sticked .l-header__top-nav-item > a, .l-header.m-sticked .l-header__top-nav-item > button, .l-header.m-sticked .l-header__top-nav-item > div { margin: 0 0 0 1.5625rem; padding: 0 0 0 1.5625rem; }
  .l-header.m-sticked .l-header__search-button { background: none; border: 0; margin: 0 -1.5625rem 0 0; padding: 0 1.5625rem; width: 4.1875rem; }
  .l-header.m-sticked .l-header__search-button-label { clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute; width: 1px; }
  .l-header.m-sticked .c-navigation__item.m-level-1 { max-width: 9.375rem; }
  .l-header.m-sticked .c-minicart-icon__container { margin: 0; }
  .l-header.m-sticked .c-minicart-icon__svg { width: .8125rem; }
  .l-header.m-sticked .c-minicart-icon__link { margin: 0 .3125rem 0 0; padding: 0 .3125rem 0 0; }
  .l-header.m-sticked .c-minicart-icon__qty { position: absolute; margin: 0; }
}

/* Duyuru şeridi */
.l-header__banner { background: var(--c-text); }
.c-content-panel { background: var(--c-text); color: var(--c-bg); display: block; overflow: hidden; padding: .375rem .125rem; position: relative; }
.c-content-panel__inner { align-items: center; display: flex; justify-content: center; margin: 0 auto; max-width: var(--w-max); padding: .75rem var(--gutter); width: 100%; }
.c-content-panel__text { color: var(--c-bg); font: .875rem / 1.5 var(--f-sans); margin: 0; text-align: center; }
.c-content-panel__text a { color: inherit; }
.c-content-panel__slides { display: grid; width: 100%; }
.c-content-panel__slide { grid-area: 1 / 1; opacity: 0; text-align: center; transition: opacity .6s ease; visibility: hidden; }
.c-content-panel__slide.m-active { opacity: 1; visibility: visible; }

/* Sayfa karartma katmanı */
.c-overlay { background: rgba(51, 51, 51, .5); display: none; inset: 0; position: fixed; z-index: 28; }
.c-overlay.m-active { display: block; }

/* ── Footer ────────────────────────────────────────────────────────────── */
.l-footer { background: var(--c-dark); color: var(--c-bg); direction: ltr; padding: 0 0 1.5rem; position: relative; z-index: 2; }
.l-footer a { color: var(--c-bg); }
.l-footer__top-layout { margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
.l-footer__middle-inner { border-bottom: 1px solid var(--c-bg); }
.l-footer__content-section { display: flex; flex-flow: column; }
.l-footer__newsletter { margin: 1.25rem 0 0; }
.c-content-reassurance { padding: 1rem 0; }
.c-content-reassurance__items { text-align: center; }
.c-content-reassurance__item { padding: .5rem 0; }
.c-content-reassurance__image { background: var(--c-bg); display: inline-block; height: 1.5rem; margin: 0 .5rem 0 0; vertical-align: middle; width: 1.5rem; mask: center / contain no-repeat; -webkit-mask: center / contain no-repeat; }
.c-content-reassurance__image.m-kilit { mask-image: var(--i-kilit); -webkit-mask-image: var(--i-kilit); }
.c-content-reassurance__image.m-damla { mask-image: var(--i-damla); -webkit-mask-image: var(--i-damla); }
.c-content-reassurance__image.m-hediye { mask-image: var(--i-hediye); -webkit-mask-image: var(--i-hediye); }
.c-content-reassurance__image.m-kargo { mask-image: var(--i-kargo); -webkit-mask-image: var(--i-kargo); }
.c-content-reassurance__text { color: var(--c-bg); display: inline-block; font: 500 .875rem / 1.5 var(--f-sans); vertical-align: middle; }
.l-footer__nav-inner { display: flex; flex-flow: wrap; margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); }
.l-footer__nav-list { list-style: none; }
.l-footer__nav-list.m-level-1 { margin: 1.5rem 1.25rem .5rem; padding: .75rem; width: 100%; }
.l-footer__nav-list.m-level-2 { list-style: none; margin: .5rem 0 0; }
.l-footer__nav-link { vertical-align: top; }
.l-footer__nav-link.m-level-1 { border-bottom: 1px solid var(--c-bg); color: var(--c-bg); display: block; font: 600 1.125rem / 1.6875rem var(--f-sans); margin: 0; padding: 0 0 .9375rem; }
.l-footer__nav-link.m-level-2 { color: var(--c-bg); display: inline-block; font: 400 .875rem / 1.05rem var(--f-sans); padding: 0 0 .5rem; text-decoration: none; }
.l-footer__nav-link.m-level-2:hover { color: var(--c-bg); text-decoration: underline; }
.l-footer__nav-text { color: var(--c-bg); font-size: .875rem; line-height: 1.6; margin: .625rem 0 0; }
.l-footer__nav-text a { color: var(--c-bg); }
.l-footer__nav-list.mobile { margin: 1rem 0 0; padding: 0 var(--gutter); }
.l-footer__nav-list.mobile .c-accordion__item { border-bottom: 1px solid var(--c-line); }
.l-footer__nav-list.mobile .c-accordion__item:last-child { border-bottom: 0; }
.l-footer__nav-list.mobile .c-accordion__title { color: #fff; padding: 1rem 1rem 1rem 0; }
.l-footer__nav-list.mobile .c-accordion__title::before { content: "+"; font-size: 1.25rem; line-height: 1; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.l-footer__nav-list.mobile .c-accordion__item.m-expanded .c-accordion__title::before { content: "−"; }
.l-footer__nav-list.mobile .c-accordion__content p { margin: 0; }
.c-accordion__title { color: var(--c-text); display: block; font: .875rem / 1.5 var(--f-sans); margin: 0; padding: .875rem 3.75rem .875rem 0; position: relative; text-align: left; width: 100%; }
.c-accordion__content { max-height: 0; overflow: hidden; transition: max-height .2s; visibility: hidden; }
.c-accordion__item.m-expanded > .c-accordion__content { max-height: 200vh; visibility: visible; }
.c-simple-signup__title { color: var(--c-bg); display: block; font: .875rem var(--f-sans); margin: 0 0 .9375rem; }
.c-simple-signup .c-text-field__input { background: var(--c-bg); }
.c-simple-signup .c-text-field__input:focus + .c-text-field__label.m-float::before, .c-simple-signup .c-text-field__input:not(:placeholder-shown) + .c-text-field__label.m-float::before { background: var(--c-bg); }
.c-simple-signup .c-check-field__label, .c-simple-signup__content { color: var(--c-bg); }
.c-simple-signup .c-check-field__label::before { background: var(--c-bg); }
.c-simple-signup .c-field.m-separator { border-bottom: 1px solid var(--c-bg); padding: 0 0 .9375rem; }
.c-simple-signup__note { color: var(--c-bg); font-size: .75rem; line-height: 1.5; margin: 0 0 1rem; }
.c-simple-signup__message { color: var(--c-bg); font-size: .875rem; margin: 0 0 1rem; }
.l-footer__contacts { border-bottom: .0625rem solid var(--c-bg); display: block; padding: 1.5rem 0; }
.l-footer__contacts-title { color: var(--c-bg); display: block; font: 500 .875rem / 1.5 var(--f-sans); margin: 0 0 1rem; }
.l-footer__contacts-description { color: var(--c-bg); font: .875rem / 1.5 var(--f-sans); margin: 0; }
.l-footer__contacts-link { align-items: center; background: var(--c-text); border: 1px solid var(--c-bg); border-radius: .1875rem; color: var(--c-bg); display: flex; font: 500 .875rem / 1.5 var(--f-sans);
  height: 2.5rem; justify-content: center; margin: 0 .3125rem; padding: 0 .625rem; text-decoration: none; }
.l-footer__contacts-link:hover { background: var(--c-black); color: var(--c-bg); }
.l-footer__contacts-link:first-child { margin: 0 .3125rem 0 0; }
.l-footer__contacts-link:last-child { margin: 0 0 0 .3125rem; }
.l-footer__social { margin: 0 -.625rem; }
.c-footer-social__list { align-items: center; display: flex; flex-wrap: nowrap; justify-content: flex-start; line-height: 1; list-style: none; margin: 0; padding: 0; }
.c-footer-social__link { color: var(--c-bg); display: inline-block; padding: .75rem; }
.c-footer-social__link::before { background-color: var(--c-bg); content: ""; display: block; height: 1.5rem; width: 1.5rem; mask: center / 100% auto no-repeat; -webkit-mask: center / 100% auto no-repeat; }
.c-footer-social__link.m-instagram::before { mask-image: var(--i-instagram); -webkit-mask-image: var(--i-instagram); }
.c-footer-social__link.m-whatsapp::before { mask-image: var(--i-whatsapp); -webkit-mask-image: var(--i-whatsapp); }
.c-footer-social__link.m-facebook::before { mask-image: var(--i-facebook); -webkit-mask-image: var(--i-facebook); }
.l-footer__bottom-inner { margin: 0 auto; max-width: var(--w-max); padding: 0 var(--gutter); }
.l-footer__copyright { color: var(--c-bg); font: .75rem / 1.5 var(--f-sans); margin: 0; padding: 1.5rem 0 1rem; }
.l-footer__copyright a { color: var(--c-bg); }
.l-footer__links { text-align: left; }
.l-footer__links-list { list-style: none; margin: 0; }
.l-footer__links-item { color: var(--c-bg); display: inline-block; font: 400 .6875rem / .825rem var(--f-sans); }
.l-footer__links-item:not(:first-child)::before { content: "—"; display: inline-block; padding: 0 .125rem; }
.l-footer__links-link { color: var(--c-bg); font: 400 .6875rem / .825rem var(--f-sans); text-decoration: none; }
.l-footer__links-link:hover { color: var(--c-bg); text-decoration: underline; }
@media screen and (max-width: 63.9988em) {
  .l-footer__contacts { text-align: center; }
  .l-footer__contacts-description { display: flex; flex-flow: row; }
  .l-footer__contacts-link { flex-basis: 0; flex-grow: 1; }
}
@media screen and (min-width: 48em) and (max-width: 64em) { .l-footer__nav-list.m-level-1.responsive-m { width: 50% !important; } }
@media screen and (min-width: 64em) {
  .l-footer { padding: 0; }
  .c-content-reassurance { padding: 2rem 0; }
  .c-content-reassurance__item { padding: 0; }
  .l-footer__middle-inner { margin: 0 auto; max-width: var(--w-max); }
  .l-footer__nav { padding-left: var(--gutter); padding-right: var(--gutter); width: 66.6667%; }
  .l-footer__nav-list.m-level-1 { margin: 1.5rem 0 .5rem; padding: .75rem; width: 25%; }
  .l-footer__nav-list.m-level-2 { margin: .3125rem 0 0; }
  .l-footer__content-section { padding-left: var(--gutter); padding-right: var(--gutter); width: 33.3333%; }
  .l-footer__newsletter .c-simple-signup__title { font: 500 .875rem / 1.5 var(--f-sans); }
  .l-footer__social { margin: 0 0 2rem; }
  .c-footer-social__link { padding: 0 .75rem; }
  .l-footer__contacts { border-bottom: 0; padding: 1rem 0 2rem; }
  .l-footer__contacts-title { margin: 0 0 .5rem; }
  .l-footer__bottom-inner { display: flex; }
  .l-footer__copyright { margin-right: auto; padding: 1rem 0 1.5rem; width: 66.6667%; }
  .l-footer__links { display: flex; justify-content: flex-end; margin: .9375rem 0 1.25rem; padding-left: var(--gutter); white-space: nowrap; width: 33.3333%; }
  .l-footer__links-item:not(:first-child)::before { content: "•"; padding: 0 .375rem; }
}

/* ── Sepet paneli (Aesop c-sliding-panel + c-minicart) ─────────────────── */
.c-sliding-panel { background: var(--c-beige); display: none; height: 100vh; height: 100dvh; max-height: 100dvh; padding: 1.25rem 0; position: fixed; right: 0; top: 0;
  transform: translateX(100%); transition: transform .3s ease-out; width: 100%; z-index: 29; }
.c-sliding-panel.m-active { display: block; }
.c-sliding-panel.m-opened { transform: none; }
.c-minicart { display: flex; flex-flow: column; height: 100%; width: 100%; }
.c-minicart__header { border-bottom: 1px solid var(--c-line); padding: 1rem 3rem 1rem 1rem; position: relative; }
.c-minicart__title { color: var(--c-text); font: 1.125rem / 1.2 var(--f-sans); margin: 0; white-space: nowrap; }
.c-minicart__title .c-minicart-icon__label { clip: auto; height: auto; margin: 0; position: static; width: auto; }
.c-minicart-icon__qty-text { margin: 0 0 0 .25rem; }
.c-modal__close { cursor: pointer; font-size: 0; position: absolute; right: 1.1875rem; top: 1.1875rem; z-index: 3; }
.c-modal__close::before { background-color: var(--c-text); content: ""; display: block; height: 1rem; width: 1rem; mask: var(--i-kapat) center / 100% auto no-repeat; -webkit-mask: var(--i-kapat) center / 100% auto no-repeat; }
.c-minicart__container { background: var(--c-beige); flex: 1 1 auto; overflow: hidden auto; scrollbar-width: thin; }
.c-minicart__empty { background: var(--c-bg); padding: 1rem 1rem 2rem; }
.c-minicart__empty-title { color: var(--c-text); font: 1.25rem / 1.3 var(--f-sans); margin: 1.25rem 0; }
.c-minicart__recommendation { background: var(--c-beige); padding: 1rem; }
.c-minicart__recommendation .c-section__title { font: 1.25rem / 1.3 var(--f-sans); margin: 0; text-align: left; }
.c-minicart__recommendation .c-section__content { margin: 1.875rem 0 0; }
.c-minicart__recommendation .c-carousel.m-style-product { --spv: 2; overflow: hidden; }
.c-minicart__recommendation .c-carousel.m-style-product > .c-carousel__inner { overflow: hidden; margin: 0; padding: 0; }
.c-minicart__recommendation .c-carousel.m-style-product .c-carousel__item { width: calc((100% - var(--gap)) / 2); }
.c-minicart__recommendation .c-product-tile__variations-group { display: none; }
.c-minicart__recommendation .c-product-add-bag__text { font: 500 .75rem / 1.125rem var(--f-sans); }
.c-minicart__recommendation .c-product-add-bag__button { padding: .625rem .5rem; }
.c-minicart__items { background: var(--c-bg); padding: 1rem; }
.c-minicart__item { margin: 0 0 1rem; position: relative; }
.c-minicart__item:last-child { margin-bottom: 0; }
.c-minicart__item-content { background: var(--c-beige); border: 1px solid transparent; color: var(--c-black); display: flex; gap: 1rem; padding: 1rem; transition: border-color .3s ease-out; }
.c-minicart__item-content:hover { border-color: var(--c-black); }
.c-minicart__item-image { flex: 0 0 5.5rem; }
.c-minicart__item-image img { display: block; height: 5.5rem; mix-blend-mode: multiply; object-fit: contain; width: 5.5rem; }
.c-minicart__item-info { flex: 1 1 auto; min-width: 0; padding-right: 1.25rem; }
.c-minicart__product-title { font: 600 .875rem / 1.05rem var(--f-sans); margin: 0 0 .3125rem; }
.c-minicart__product-title a { color: var(--c-text); text-decoration: none; }
.c-minicart__product-description { color: var(--c-text); font-size: .8125rem; margin: 0 0 .3125rem; }
.c-minicart__item-row { align-items: center; display: flex; justify-content: space-between; margin-top: .75rem; }
.c-minicart__item-price { color: var(--c-text); font: 500 .875rem / 1 var(--f-sans); white-space: nowrap; }
.c-minicart__item .c-product-table-details__action.m-remove { cursor: pointer; font-size: 0; height: 1.5rem; opacity: .6; padding: .375rem; position: absolute; right: .25rem; top: .25rem; transition: opacity .3s; width: 1.5rem; }
.c-minicart__item .c-product-table-details__action.m-remove::before { background-color: var(--c-text); content: ""; display: block; height: 100%; width: 100%; mask: var(--i-kapat) center / 100% auto no-repeat; -webkit-mask: var(--i-kapat) center / 100% auto no-repeat; }
.c-minicart__item .c-product-table-details__action.m-remove:hover { opacity: 1; }
.c-minicart__footer { background: var(--c-beige); border-top: 1px solid var(--c-line); position: relative; }
.c-minicart__footer-content { display: grid; gap: .625rem; padding: 1rem; }
.c-minicart__subtotal { padding: .5rem 0; }
.c-minicart__subtotal-item { align-items: center; display: flex; padding: .5rem 0; }
.c-minicart__subtotal-title { color: var(--c-text); flex: 1 0 auto; font: 600 .875rem / 1.05rem var(--f-sans); }
.c-minicart__subtotal-price { color: var(--c-text); flex: 0 0 9.375rem; font: 500 .875rem / 1.05rem var(--f-sans); text-align: right; }
.c-minicart__note { color: var(--c-text-2); font-size: .75rem; margin: 0; }
/* Adet seçici */
.c-quantity { align-items: center; border: 1px solid var(--c-line); display: inline-flex; height: 2.25rem; }
.c-quantity__button { height: 100%; width: 2rem; }
.c-quantity__button::before { background-color: var(--c-text); content: ""; display: block; height: .75rem; margin: auto; width: .75rem; mask: center / 100% auto no-repeat; -webkit-mask: center / 100% auto no-repeat; }
.c-quantity__button.m-minus::before { mask-image: var(--i-eksi); -webkit-mask-image: var(--i-eksi); }
.c-quantity__button.m-plus::before { mask-image: var(--i-arti); -webkit-mask-image: var(--i-arti); }
.c-quantity__input[type="text"] { background: transparent; border: 0; box-shadow: none; font-size: .875rem; height: 100%; padding: 0; text-align: center; width: 2.25rem; }
.c-quantity__input[type="text"]:hover, .c-quantity__input[type="text"]:focus { border: 0; box-shadow: none; }
.c-form-notice { color: var(--c-error); font-size: .8125rem; margin: .5rem 0 0; }
@media screen and (min-width: 48em) { .c-modal__close { right: 1rem; top: 1rem; } }
@media screen and (min-width: 64em) {
  .c-sliding-panel.m-side { width: auto; }
  .c-minicart { width: 25.3125rem; }
}
/* Ürün görselleri: beyaz zeminli ürün fotoğrafları krem sayfa rengine karışsın (Aesop'un krem zeminli çekimleri gibi) */
.c-product-tile__thumbnail img, .c-product-image img { mix-blend-mode: multiply; }
@media screen and (min-width: 64em) and (max-width: 74.9988em) { .c-carousel.m-style-product .c-carousel__pagination { height: 1.875rem; } }
/* Çok konumlu karusellerde çizgiler tek satırda kalsın (Aesop'ta slayt sayısı az; Gaia kategorilerinde 20'ye kadar ürün) */
.c-carousel__pagination-list { display: inline-flex; flex-wrap: nowrap; justify-content: center; max-width: 100%; }
.c-carousel__pagination-list-item { flex: 0 1 auto; min-width: 0; }
.c-carousel__pagination-list-item .c-carousel__pagination-bullet-custom { max-width: 100%; }
.c-carousel__pagination-list.m-many .c-carousel__pagination-bullet-custom { margin: 0 .1875rem; width: 1rem; }
.c-carousel__pagination-list.m-many .c-carousel__pagination-bullet-custom::before { width: 1rem; }
.c-carousel__pagination-list.m-many .c-carousel__pagination-bullet-custom.m-active { margin: 0 .4375rem; }