/* Liste sayfaları (kategori, koleksiyon, tüm ürünler, arama, dizinler) — aesop.com PLP (l-plp) değerleri. */

.l-plp__top { width: 100%; }
.l-plp__breadcrumbs, .l-plp__refinements-cta, .l-plp__results-count, .l-plp__sorting { align-items: center; display: flex; }
.l-plp__breadcrumbs .c-breadcrumbs { padding: .3125rem 0; }

/* Gezinti yolu */
.c-breadcrumbs__list { align-items: baseline; display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.c-breadcrumbs__item { align-items: baseline; color: var(--c-text-2); display: flex; font: 500 .75rem / 1.4 var(--f-sans); list-style: none; }
.c-breadcrumbs__item-separator::before { color: var(--c-text-2); content: "❯"; font: 400 .75rem / 1.4 var(--f-sans); margin: 0 .5rem; position: relative; vertical-align: middle; }
.c-breadcrumbs__link { color: var(--c-text); display: inline-block; padding: .4375rem 0; text-decoration: none; }
.c-breadcrumbs__link:hover { color: var(--c-text); text-decoration: underline; }
.c-breadcrumbs__item-text { display: inline-block; padding: .4375rem 0; }

/* Mobil "‹ Geri | Başlık" çubuğu */
.c-simple-navigation { align-items: center; background: var(--c-bg); color: var(--c-text); display: flex; font: .875rem / 1.5 var(--f-sans); }
.c-simple-navigation__list-wrapper { display: flex; flex: 1 1 auto; overflow: hidden; position: relative; width: 100%; }
.c-simple-navigation__list { display: flex; flex: 1 1 auto; flex-wrap: nowrap; list-style: none; margin: 0; overflow: auto hidden; scrollbar-width: none; }
.c-simple-navigation__item { align-self: center; flex-shrink: 0; line-height: 1; }
.c-simple-navigation__item.m-active { color: var(--c-black); font: 500 .875rem / 1 var(--f-sans); padding: .875rem .625rem; }
.c-simple-navigation__back-link { align-items: center; color: var(--c-text); display: flex; padding: .875rem .625rem; text-decoration: none; }
.c-simple-navigation__back-link::before { background-color: var(--c-text); content: ""; display: block; height: .875rem; width: .875rem; mask: var(--i-ok-sag) center / 100% auto no-repeat; -webkit-mask: var(--i-ok-sag) center / 100% auto no-repeat; transform: rotate(180deg); }
.c-simple-navigation__back-link-text { padding: 0 0 0 .625rem; }

/* Mobil başlık bandı */
.c-plp-top-banner { background: var(--c-beige); color: var(--c-text); margin: 0; }
.c-plp-top-banner__category-name { display: block; font: 1.5rem / 1.25 var(--f-sans); margin: 0; padding: 2rem 1.25rem; }
.c-plp-top-banner__category-description { display: none; }
.c-plp-top-banner__results-count .c-results-count { color: var(--c-text-2); font: .875rem / 1.25 var(--f-sans); margin: 1rem 0; min-height: 1.09375rem; text-align: center; }

/* Alt kategori çipleri (theme.js header menüsünden doldurur) */
.c-quicklinks__inner { display: flex; position: relative; }
.c-quicklinks__items { display: flex; flex: 1 1 auto; flex-wrap: nowrap; gap: .9375rem; list-style: none; margin: 0; overflow: auto hidden; padding: .9375rem 0; scrollbar-width: none; }
.c-quicklinks__items::-webkit-scrollbar { display: none; }
.c-quicklinks__item { flex-shrink: 0; }
.c-quicklinks__link { align-items: center; background: var(--c-bg); border: 1px solid #bcbbb4; border-radius: .25rem; color: var(--c-text); display: flex; gap: .25rem; padding: .25rem .5rem .25rem .25rem;
  text-decoration: none; transition: background .3s, color .3s, border .3s; white-space: nowrap; }
.c-quicklinks__link.m-selected { background: var(--c-beige); border: 2px solid var(--c-dark); }
.c-quicklinks__label { font: 400 .875rem / 1.2 var(--f-sans); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (hover: hover) { .c-quicklinks__link:is(a):hover { background: var(--c-beige); border: 1px solid var(--c-dark); color: var(--c-text); } }

/* Araç çubuğu: başlık · Tüm filtreler · ürün sayısı · sıralama */
.l-plp__tools { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; }
.l-plp__heading .c-refinements__category-name { border: 0; margin: 0; padding: 0; }
.c-refinements__category-name { color: var(--c-text); font: 1.5rem / 1.25 var(--f-sans); }
.l-plp__tools-section-group { align-items: center; display: flex; gap: 0 .75rem; width: 100%; }
.l-plp__tools-section { align-items: center; background-color: var(--c-beige); border-radius: .25rem; display: flex; gap: .75rem; padding: .75rem 1rem; }
.l-plp__results-count { border-right: 1px solid var(--c-line); color: var(--c-text-2); margin: 0 0 0 auto; padding: 0 .75rem 0 0; white-space: nowrap; }
.l-plp__results-count:empty, .l-plp__results-count:has(.c-results-count:empty) { display: none; }
.c-results-count { font: .875rem / 1.25 var(--f-sans); }
.l-plp__sorting { justify-content: flex-end; }
.c-sorting { align-items: center; display: flex; flex-grow: 0; position: relative; }
.c-sorting::after { background-color: var(--c-text); content: ""; height: 1.375rem; pointer-events: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.375rem;
  mask: var(--i-asagi) center / 60% auto no-repeat; -webkit-mask: var(--i-asagi) center / 60% auto no-repeat; }
.c-sorting__label { color: var(--c-text); flex: 1 0 auto; font: .875rem / 1.5rem var(--f-sans); margin: 0; padding: 0; width: auto; }
.c-sorting__field { appearance: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--c-text); cursor: pointer; font: .875rem / 1.5rem var(--f-sans); height: auto; padding: 0 1.25rem 0 .3125rem; }
.c-refinements-toggler { align-items: center; border: 0; color: var(--c-text); cursor: pointer; display: flex; font: 500 .875rem / 1.5 var(--f-sans); justify-content: space-between; padding: .9375rem 2.125rem .9375rem .75rem;
  position: relative; white-space: nowrap; width: 100%; }
.c-refinements-toggler::after { background-color: var(--c-text); content: ""; height: 1rem; position: absolute; right: .75rem; width: 1rem; mask: var(--i-filtre) center / 100% auto no-repeat; -webkit-mask: var(--i-filtre) center / 100% auto no-repeat; }
.c-refinements-toggler__qty { background: var(--c-text); border-radius: 50%; color: var(--c-bg); font: .75rem / 1rem var(--f-sans); margin: 0 0 0 .5rem; text-align: center; width: 1rem; }
.c-refinements-toggler__qty:empty { display: none; }
.c-refinements-toggler__wrapper { align-items: center; display: flex; width: 100%; }
.l-plp__tools-applied-filters { width: 100%; }
.c-refinements__applied-filters { margin: .75rem 0 0; }
.c-refinements__applied-filters-list { display: flex; flex-flow: row wrap; gap: .75rem 1rem; list-style: none; margin: 0; }
.c-refinements__applied-filter { align-items: center; border: 1px solid var(--c-line); color: var(--c-text); display: inline-flex; font: .75rem / 1 var(--f-sans); gap: .5rem; padding: .5rem .75rem; text-decoration: none; text-transform: uppercase; }
.c-refinements__applied-filter::after { background: var(--c-text); content: ""; height: .625rem; width: .625rem; mask: var(--i-kapat) center / 100% auto no-repeat; -webkit-mask: var(--i-kapat) center / 100% auto no-repeat; }
.c-refinements__applied-filter:hover { border-color: var(--c-text); }

/* Ürün ızgarası */
.l-plp__main-wrapper { display: flex; flex-flow: wrap; margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1); }
.l-plp__content { display: flex; flex: 0 0 auto; flex-flow: column; min-height: 0; min-width: 0; padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
.l-plp__product-results { order: 2; padding-top: 1.25rem; }
.l-plp__pagination { order: 3; text-align: center; }
.c-product-grid { align-items: stretch; display: grid; gap: 2.5rem .625rem; grid-auto-flow: dense; grid-template-columns: repeat(2, minmax(0, 1fr)); position: relative; width: 100%; }
.c-product-grid__tile { background: transparent; box-sizing: border-box; display: block; height: 100%; margin: 0; min-width: 0; padding: 0; position: relative; }
.c-product-grid .c-product-tile { text-align: left; }
.c-product-grid .c-product-price { justify-content: flex-start; }
.c-product-grid .c-select.m-single-value .c-select__label { text-align: left; }
.c-pagination { align-items: center; display: flex; flex-flow: column; gap: 1rem; justify-content: center; margin: 1.875rem 0 0; }
.c-pagination__info { color: var(--c-text-2); font: .875rem / 1.25 var(--f-sans); }
.c-pagination__links { display: flex; gap: 1.5rem; }
.c-pagination__link { color: var(--c-text); font: .875rem / 1.5 var(--f-sans); }
.c-no-results { padding: 3.75rem 0 5rem; text-align: center; }
.c-no-results__title { font: 1.5625rem / 1.33 var(--f-serif); margin: 0 0 .9375rem; }
.c-no-results__text { color: var(--c-text-2); font: .875rem / 1.5 var(--f-sans); margin: 0 0 1.875rem; }
.l-plp__bottom { margin: 0 auto; max-width: var(--w-max); padding: 0 var(--gutter) 5rem; }
.l-plp__description { color: var(--c-text-2); font: .875rem / 1.6 var(--f-sans); margin: 3.75rem 0 0; max-width: 48rem; }
.l-plp__description p { margin: 0 0 1rem; }

/* Arama sayfası arama kutusu */
.c-search-page__form { align-items: center; border-bottom: 1px solid var(--c-text); display: flex; margin: 1.25rem 0 0; max-width: 37.5rem; }
.c-search-page__field[type="search"] { background: transparent; border: 0; box-shadow: none; flex: 1 1 auto; font: 1.5rem / 1.25 var(--f-sans); height: 3.5rem; padding: 0; }
.c-search-page__field[type="search"]:hover, .c-search-page__field[type="search"]:focus { border: 0; box-shadow: none; }
.c-search-page__button { height: 2.5rem; width: 2.5rem; }
.c-search-page__button::before { background: var(--c-text); content: ""; display: block; height: 1.5rem; margin: auto; width: 1.5rem; mask: var(--i-ara) center / 100% auto no-repeat; -webkit-mask: var(--i-ara) center / 100% auto no-repeat; }

/* Filtre paneli (soldan açılır) */
.c-sliding-panel.m-left { left: 0; right: auto; transform: translateX(-100%); }
.c-sliding-panel.m-left.m-opened { transform: none; }
.c-sliding-panel.m-left { background: var(--c-bg); padding: 0; }
.c-refinements { display: flex; flex-flow: column; height: 100%; padding: 0; }
.c-refinements__container { display: flex; flex-flow: column; height: 100%; }
.c-refinements__header { align-items: center; background: var(--c-bg); border-bottom: 1px solid var(--c-line); display: flex; padding: 1rem; position: sticky; top: 0; z-index: 2; }
.c-refinements__header-title { color: var(--c-text); flex: 1 0 auto; font: 400 1rem / 1.2rem var(--f-sans); margin: 0; }
.c-refinements__header-back { color: var(--c-text); cursor: pointer; font: 400 .875rem / 1.05rem var(--f-sans); white-space: nowrap; }
.c-refinements__header-back::after { background-color: var(--c-text); content: ""; display: inline-block; height: 1rem; margin: -.625rem 0 -.625rem 1rem; vertical-align: middle; width: 1rem;
  mask: var(--i-kapat) center / contain no-repeat; -webkit-mask: var(--i-kapat) center / contain no-repeat; }
.c-refinements__content { flex: 1 1 auto; overflow-y: auto; }
.c-refinement { border-top: 1px solid #bcbbb4; }
.c-refinement:first-child { border-top: 0; }
.c-refinement__title { color: var(--c-text); cursor: pointer; display: block; font: 400 1rem / 1.05rem var(--f-sans); margin: 0; padding: 1rem; position: relative; text-align: left; width: 100%; }
.c-refinement__title::after { background-color: var(--c-text); content: ""; height: 1rem; position: absolute; right: .8125rem; top: 50%; transform: translateY(-50%); transition: transform .3s; width: 1rem;
  mask: var(--i-asagi) center / 100% auto no-repeat; -webkit-mask: var(--i-asagi) center / 100% auto no-repeat; }
.c-refinement.m-expanded .c-refinement__title { border-left: .125rem solid var(--c-black); font: 500 .875rem / 1.2 var(--f-sans); }
.c-refinement.m-expanded .c-refinement__title::after { transform: translateY(-50%) rotate(180deg); }
.c-refinement__content-wrapper { max-height: 0; overflow: hidden; padding: 0 1rem; transition: max-height .1s; visibility: hidden; }
.c-refinement.m-expanded .c-refinement__content-wrapper { max-height: 200vh; visibility: visible; }
.c-refinement__content { padding: 0 0 1rem; }
.c-refinement-multi-select { display: flex; flex-wrap: wrap; gap: 1rem .75rem; list-style: none; margin: 0; padding: 0; }
.c-chip { align-items: center; background: var(--c-bg); border: 1px solid var(--c-line); color: var(--c-text); display: inline-flex; font: .75rem / 1 var(--f-sans); padding: .5rem .75rem; text-decoration: none; text-transform: uppercase; }
.c-chip:hover { border-color: var(--c-text); color: var(--c-text); }
.c-chip.m-active { background: var(--c-text); border-color: #fff; color: var(--c-bg); }
.c-chip.m-active::before { background: var(--c-bg); content: ""; display: inline-block; flex-shrink: 0; height: .75rem; margin-right: .5rem; width: .75rem; mask: var(--i-onay) center / 100% auto no-repeat; -webkit-mask: var(--i-onay) center / 100% auto no-repeat; }
.c-chip__count { margin-left: .25rem; }
.c-range-form .c-form__row { align-items: center; margin: 0; }
.c-range-form .c-field { margin: 0; }
.c-range-form .c-separator { flex: 0 0 1.5rem; margin: 0 .5rem; position: relative; }
.c-range-form .c-separator::before { border-top: 1px solid var(--c-line); content: ""; display: block; }
.c-range-form .c-button { margin-top: 1rem; }
.c-refinements__footer { align-items: center; background: var(--c-bg); border-top: 1px solid var(--c-line); display: flex; justify-content: space-between; padding: .5rem 1rem; position: relative; z-index: 3; }
.c-refinements__reset { color: var(--c-text); font: 500 .75rem / 1 var(--f-sans); padding: .75rem 0; text-decoration: none; text-transform: uppercase; }
.c-refinements__reset:hover { text-decoration: underline; }
.c-refinements__apply { font-size: .75rem; min-width: 0; padding: .5625rem 1rem .5rem; text-transform: uppercase; }
.c-refinements__apply::after { background: currentColor; content: ""; display: inline-block; height: .75rem; margin-left: .3125rem; vertical-align: -1px; width: .75rem; mask: var(--i-sag) center / 100% auto no-repeat; -webkit-mask: var(--i-sag) center / 100% auto no-repeat; }

/* Kategori / koleksiyon dizini */
.c-category-grid { display: grid; gap: 2.5rem .625rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1.25rem 0 5rem; }
.c-category-grid .c-content-tile__image img { aspect-ratio: 4 / 3; background: var(--c-beige); }
.c-category-grid .c-content-tile__image.m-empty { aspect-ratio: 4 / 3; background: var(--c-beige); }

@media screen and (max-width: 63.9988em) {
  .l-plp__tools { border: 1px solid #bcbbb4; min-height: 2.5rem; padding: 0 1rem; }
  .l-plp__heading { flex: 1 0 100%; margin: .9375rem 0; padding: 0; }
  .l-plp__refinements-cta.m-large, .l-plp__results-count { display: none; }
  .l-plp__tools-section-group .l-plp__tools-section-column { flex: 1 1 0; width: auto; }
  .l-plp__tools-section-group .l-plp__tools-section-column + .l-plp__tools-section-column { border-left: 1px solid #bcbbb4; padding-left: 1rem; }
  .l-plp__tools-section-group .c-refinements-toggler { padding-left: 0; }
  .l-plp__tools-section-group .c-sorting { height: 100%; width: 100%; }
  .l-plp__tools-section-group .c-sorting__field { flex: 1 1 auto; padding: .8125rem 1.25rem .8125rem .3125rem; }
  .l-plp__product-results, .l-plp__pagination { margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
  .c-quicklinks__items { padding: .9375rem var(--gutter); }
  .c-simple-navigation, .c-breadcrumbs, .c-search-page__form { padding-left: var(--gutter); padding-right: var(--gutter); }
  .c-search-page__form { margin-left: var(--gutter); margin-right: var(--gutter); padding: 0; }
}
@media screen and (min-width: 48em) { .c-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (min-width: 64em) {
  .c-plp-top-banner, .c-simple-navigation.h-hide-for-xlarge + .l-plp__slot-top { display: none; }
  .l-plp__top { margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); }
  .c-quicklinks__items { padding: 1.25rem 0; }
  .l-plp__tools { align-items: baseline; border-bottom: 1px solid #bcbbb4; padding: .5rem 0 .3125rem; }
  .l-plp__tools-section-group { align-items: stretch; }
  .l-plp__tools .l-plp__heading { flex: 0 0 auto; padding: .4375rem 0 .625rem; }
  .l-plp__refinements-cta { flex: 1 0 0; }
  .c-refinements-toggler { height: auto; padding: 0 2.5rem 0 0; width: auto; }
  .c-refinements-toggler::after { right: 1rem; }
  .c-refinements__applied-filters { margin: 1rem 0 0; }
  .l-plp__main { margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
  .c-product-grid { gap: 3.125rem 1.875rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .c-pagination { margin: 2.5rem 0 0; }
  .c-sliding-panel.m-left { width: 25rem; }
  .c-category-grid { gap: 3.125rem 1.875rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
}