/* Ürün sayfası — aesop.com PDP (c-product-main m-v3) değerleri. */

.l-pdp__top-inner { align-items: center; display: flex; flex-flow: wrap; justify-content: space-between; margin: 0 auto; max-width: var(--w-max); padding-left: var(--gutter); padding-right: var(--gutter); width: 100%; }
.l-pdp__top-inner .c-breadcrumbs { flex: 1 0 0; }
.l-pdp__top-inner .c-breadcrumbs__item { font-size: .75rem; }

/* Ana blok: görsel + bilgi + işlemler */
.c-product-main { border-bottom: 1px solid #d8d8d8; padding: 1.5rem 0 .5rem; position: relative; }
.c-product-main__inner { display: flex; flex-flow: column; margin: 0 auto; max-width: var(--w-max); padding: 0; position: relative; width: 100%; }
.c-product-main__info { padding: 0 1rem; text-align: left; }
.c-product-main__controls { padding: 0 1rem; }
.c-product-main__image { padding: 0 0 1.25rem; position: relative; }
.c-product-badge__category-title { box-shadow: none; display: inline-block; font: 500 .875rem / 1.5 var(--f-sans); padding: .375rem 0; }
.c-product-badge.m-inline { flex-flow: row; }
.c-product-main__name-wrapper { align-items: center; display: flex; margin: 0 0 .5rem; min-height: 1.625rem; }
.c-product-main__name { color: var(--c-text); display: inline; font: 700 1.125rem / 1.2 var(--f-sans); margin: 0; vertical-align: middle; }
.c-product-main__price-row { align-items: baseline; display: flex; }
.c-product-main__price { font: 1.125rem / 1.25 var(--f-sans); margin: .5rem 0; }
.c-product-main__price .c-product-price { justify-content: flex-start; }
.c-product-main__availability { flex: 1 0 0; margin: 0 0 .5rem .375rem; }
.c-product-main__short-description { color: var(--c-text); display: block; font: .875rem / 1.5 var(--f-sans); margin: 0 0 .625rem; }
.c-product-main__short-description:empty { display: none; }
.c-product-main__rating { align-items: center; display: flex; gap: .5rem; margin: 0 0 1.5rem; }
.c-product-main__rating:empty { display: none; }
.c-rating-stars { display: inline-flex; gap: .125rem; }
.c-rating-stars__star { background: var(--c-line); display: inline-block; height: .875rem; width: .875rem; clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.c-rating-stars__star.m-filled { background: var(--c-text); }
.c-product-main__rating a { color: var(--c-badge); font-size: .75rem; }
.c-product-main__info-end { height: .9375rem; }

/* Görsel galerisi */
.c-product-detail-image__inner { display: flex; flex-wrap: wrap; position: relative; }
.c-product-detail-image__main { padding: 0; position: relative; text-align: center; width: 100%; }
.c-product-detail-image__image .c-carousel__item { background: var(--c-bg); text-align: center; }
.c-product-detail-image__image img { aspect-ratio: 1 / 1; background: var(--c-bg); display: block; mix-blend-mode: multiply; object-fit: contain; width: 100%; }
.c-product-detail-image__image .c-carousel__content { align-items: center; }
.c-product-detail-image__badge { left: 1.25rem; max-width: 50%; position: absolute; top: 0; z-index: 2; }
.c-product-main__icons { position: absolute; right: .9375rem; top: .9375rem; z-index: 2; }
.c-product-main__icons .c-add-to-wishlist__inner { padding: .625rem; }
.c-product-main__icons .c-add-to-wishlist__inner::after { height: 1.5rem; width: 1.5rem; }
.c-product-detail-image__alternatives { margin: .625rem auto; max-width: 20rem; padding: 0 2.5rem; text-align: center; width: 100%; }
.c-product-thumbs__list { display: flex; gap: .625rem; justify-content: center; list-style: none; margin: 0; }
.c-product-thumbs__list li { display: flex; }
.c-product-thumbs__item { border: 1px solid var(--c-line); cursor: pointer; flex: 0 0 4.375rem; height: 4.375rem; overflow: hidden; padding: 0; width: 4.375rem; }
.c-product-thumbs__item.m-current-thumb { border: 2px solid var(--c-text); }
.c-product-thumbs__item img { display: block; height: 100%; mix-blend-mode: multiply; object-fit: contain; width: 100%; }

/* Seçenekler (Aesop boyut kutuları) */
.c-variation-section { margin: 0; position: relative; }
.c-variation-section__title { color: var(--c-text); font: 500 .75rem / 1.2 var(--f-sans); margin: 0 0 .5rem; }
.c-variation-section__content { align-items: center; display: flex; flex-flow: wrap; gap: .625rem; justify-content: space-between; margin: 0 0 .9375rem; position: relative; }
.c-variations-carousel { display: flex; flex-wrap: wrap; gap: .625rem; width: 100%; }
.c-variations-carousel__link { align-items: center; background: var(--c-bg); border: 1px solid var(--c-line); color: var(--c-text); cursor: pointer; display: flex; flex: 1 1 0; flex-flow: column; font: .875rem / 1.2 var(--f-sans);
  justify-content: center; min-height: 3.125rem; min-width: 6.25rem; padding: .5rem; position: relative; text-decoration: none; }
.c-variations-carousel__link:hover { border: 1px solid var(--c-dark); color: var(--c-text); }
.c-variations-carousel__link.m-selected { border: 2px solid var(--c-black); font: 600 .875rem / 1.05rem var(--f-sans); }
.c-variations-carousel__link.m-unavailable { color: var(--c-disabled); text-decoration: line-through; }
.c-variations-carousel__link .c-product-price__value { color: var(--c-text-2); font-weight: 400; padding: 0 .125rem; }

/* Sepete ekle */
.c-product-main__actions { display: flex; flex-wrap: wrap; margin: 0 0 1rem; }
.c-product-main__add-bag { flex-grow: 1; }
.c-product-main__qty { display: none; }
.c-product-add-bag { align-items: center; background-color: var(--c-text); border: 1px solid transparent; color: var(--c-bg); cursor: pointer; display: flex; font: 500 .875rem / 1.3125rem var(--f-sans);
  height: 2.5rem; justify-content: center; letter-spacing: 0; margin: 0; padding: .3125rem 1.25rem; text-decoration: none; transition: background-color .25s ease-out; width: 100%; }
.c-product-add-bag:hover { background-color: var(--c-dark); color: var(--c-bg); }
.c-product-add-bag[disabled] { background-color: var(--c-disabled); cursor: default; }
.c-product-add-bag__price-after { display: inline-block; margin: 0 .3125rem; }
.c-product-add-bag .c-product-price__value.m-old { color: inherit; opacity: .7; }
.c-product-add-bag.m-loading { opacity: .7; pointer-events: none; }
.c-product-promotion { background: var(--c-line-2); color: var(--c-text); display: block; font: 600 .75rem / .875rem var(--f-sans); margin: .5rem 0 .9375rem; padding: .5rem; text-align: left; }
.c-product-promotion + .c-product-promotion { margin-top: -.4375rem; }
.c-product-main__meta { color: var(--c-text-2); font: .75rem / 1.5 var(--f-sans); margin: 0 0 1rem; }
.c-product-main__meta span + span::before { content: "·"; margin: 0 .375rem; }

/* Yapışkan ürün çubuğu (aşağı kaydırınca üstte; mobilde sepete ekle altta sabit) */
.c-product-sticky-bar { display: none; }
.c-product-sticky-bar.m-sticked { background: var(--c-bg); border-bottom: 1px solid var(--c-line); display: block; left: 0; padding: .3125rem 0; position: fixed; right: 0; top: 0; z-index: 9; }
.c-product-sticky-bar__inner { align-items: center; display: flex; gap: 1.25rem; margin: 0 auto; max-width: var(--w-max); padding: 0 var(--gutter); width: 100%; }
.c-product-sticky-bar__item.m-image { flex: 0 0 auto; height: 4.375rem; width: 4.375rem; }
.c-product-sticky-bar__item.m-image img { height: 100%; mix-blend-mode: multiply; object-fit: contain; width: 100%; }
.c-product-sticky-bar__item.m-description { flex: 1 1 auto; overflow: hidden; }
.c-product-sticky-bar__title { font: 500 .875rem / 1.4 var(--f-sans); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-product-sticky-bar__description { color: var(--c-text-2); font-size: .875rem; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-product-sticky-bar__item.m-actions .c-product-add-bag { min-width: max-content; }

/* Sekmeler: Açıklama · … (Aesop c-tabs m-secondary; mobilde akordeon) */
.l-pdp__tabs .l-section__row { margin-bottom: 0; margin-top: 0; }
.c-tabs { display: flex; flex-flow: column; width: 100%; }
.c-tabs__controls { align-self: flex-start; display: flex; flex: 1 1 auto; max-width: none; position: relative; width: 100%; }
.c-tabs__controls::before { border-bottom: 1px solid var(--c-line); bottom: 0; content: ""; left: 0; position: absolute; right: 0; }
.c-tabs__control-items { display: flex; flex: 1 1 auto; flex-wrap: nowrap; justify-content: space-between; list-style: none; margin: 0; overflow: auto hidden; scrollbar-width: none; }
.c-tabs__tab { border: 0; color: var(--c-text-2); cursor: pointer; flex: initial; font: 1.5rem / 1.3 var(--f-sans); margin: 0 .3125rem; padding: 4.375rem 6.25rem 1.375rem 0; position: relative; text-align: left; transition: color .5s; white-space: nowrap; }
.c-tabs__tab:first-child { margin-left: 0; }
.c-tabs__tab:last-child { margin-right: 0; }
.c-tabs__tab::after { border-bottom: 2px solid transparent; bottom: 0; content: ""; left: 0; position: absolute; transition: width .5s, border .5s; width: 0; }
.c-tabs__tab.m-active { color: var(--c-black); cursor: default; }
.c-tabs__tab.m-active::after { border-bottom: 2px solid; width: calc(100% - 6.25rem); }
.c-tabs__content { margin: 0 -1.25rem; padding: 1.875rem 1.25rem 1.25rem; }
.c-tabs__panel { display: none; }
.c-tabs__panel.m-active { display: block; }
.c-product-description { color: var(--c-text-2); font: .875rem / 1.6 var(--f-sans); max-width: 56.25rem; }
.c-product-description.m-clamped { max-height: 18rem; overflow: hidden; position: relative; }
.c-product-description.m-clamped::after { background: linear-gradient(rgba(255, 254, 242, 0), var(--c-bg)); bottom: 0; content: ""; height: 5rem; left: 0; position: absolute; right: 0; }
.c-product-description__more { margin: 1rem 0 0; }
.c-product-description p { margin: 0 0 .75rem; }
.c-product-description strong, .c-product-description b { color: var(--c-text); font-weight: 500; }
.c-product-description h1, .c-product-description h2, .c-product-description h3, .c-product-description h4 { color: var(--c-text); font: 500 1rem / 1.5 var(--f-sans); margin: 1.5rem 0 .5rem; }
.c-product-description ul, .c-product-description ol { margin: 0 0 .75rem 1.25rem; }
.c-product-description img { height: auto; max-width: 100%; }
.c-product-description table { border-collapse: collapse; margin: 0 0 1rem; }
.c-product-description td, .c-product-description th { border: 1px solid var(--c-line); padding: .375rem .625rem; }
.c-product-spec { display: grid; gap: .25rem 0; margin: 0 0 1rem; }
.c-product-spec__label { color: var(--c-text); font-weight: 500; }
.l-pdp__tabs .c-accordion__title { border-top: 1px solid var(--c-line); font: 1rem / 1.5 var(--f-sans); padding: 1rem 3rem 1rem 1rem; }
.l-pdp__tabs .c-accordion__title::after { background: var(--c-text); content: ""; height: 1rem; position: absolute; right: 1rem; 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; }
.l-pdp__tabs .c-accordion__item { border-bottom: 0; }
.l-pdp__tabs .c-accordion__item:last-child { border-bottom: 1px solid var(--c-line); }
.l-pdp__tabs .c-accordion__item.m-expanded .c-accordion__title::after { transform: translateY(-50%) rotate(180deg); }
.l-pdp__tabs .c-accordion__content { padding: 0 1rem; }
.l-pdp__tabs .c-accordion__item.m-expanded .c-accordion__content { padding-bottom: 1.25rem; }

/* Nasıl kullanılır bandı (Aesop "How to use") */
.c-product-howto { background: var(--c-beige); }
.c-product-howto .l-row { align-items: stretch; }
.c-product-howto__media img { aspect-ratio: 1 / 1; display: block; height: 100%; mix-blend-mode: multiply; object-fit: cover; width: 100%; }
.c-product-howto__body { align-self: center; padding: 1.5rem; width: 100%; }
.c-product-howto .c-content-hero__label { color: var(--c-text); margin: 0 0 .625rem; }
.c-product-howto .c-section__title { font-size: 1.3125rem; text-align: left; }
.c-product-howto .c-separator { border-top: 1px solid var(--c-line); margin: 1.5625rem 0; }
.c-product-howto .c-content-hero__description { color: var(--c-text-2); font-size: .875rem; margin: 0; }
.c-product-howto .c-content-hero__label.h-margin-bottom-0 { margin-bottom: 0; }

/* Benzer ürünler (Aesop "Others also considered" sekmeli karusel) */
.l-pdp__related .c-tabs__controls { align-self: center; width: auto; }
.l-pdp__related .c-tabs__controls::before { display: none; }
.l-pdp__related .c-tabs__tab { font: 1.5rem / 1.3 var(--f-sans); padding: .9375rem 2.1875rem; }
.l-pdp__related .c-tabs__tab.m-active::after { left: 50%; transform: translateX(-50%); width: 100%; }
.l-pdp__related .c-tabs__content { margin: 1.5625rem 0 0; padding: 0; }
.l-pdp__related .c-section__title { font: 1.25rem / 1.3 var(--f-sans); margin: 0 0 1.875rem; text-align: left; }
.l-pdp__related .c-carousel.m-style-product { --spv: 4; }

/* Yorumlar */
.c-reviews { padding: 0 0 2.5rem; }
.c-reviews__summary { align-items: center; display: flex; gap: 1rem; margin: 0 0 1.875rem; }
.c-reviews__average { font: 2.25rem / 1 var(--f-serif); }
.c-reviews__count { color: var(--c-text-2); font-size: .875rem; }
.c-reviews__list { list-style: none; margin: 0; }
.c-review { border-top: 1px solid var(--c-line); padding: 1.5rem 0; }
.c-review__head { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 .5rem; }
.c-review__title { font: 500 1rem / 1.4 var(--f-sans); margin: 0 0 .375rem; }
.c-review__body { color: var(--c-text-2); font-size: .875rem; line-height: 1.6; margin: 0; }
.c-review__author { color: var(--c-text-2); font-size: .75rem; }

@media screen and (max-width: 63.9988em) {
  .c-product-detail-image__main .c-carousel__inner { overflow: visible; }
  .c-product-sticky-bar.m-sticked { display: none; }
  .c-product-main__actions.m-fixed-mobile { background: var(--c-bg); bottom: 0; left: 0; margin: 0; padding: .5rem; position: fixed; right: 0; z-index: 21; }
  .c-product-main__actions-spacer { height: 3.5rem; }
  .l-pdp__top .c-breadcrumbs { overflow-x: auto; scrollbar-width: none; }
  .l-pdp__top .c-breadcrumbs__list { flex-wrap: nowrap; }
  .l-pdp__top .c-breadcrumbs__item { flex-shrink: 0; }
  .c-tabs.h-show-for-large { display: none; }
  .c-product-howto__media img { aspect-ratio: 1 / 1; }
  .c-product-howto__body { padding: 2.5rem var(--gutter) 3rem; }
  .l-pdp__related .c-tabs__tab { font-size: 1.125rem; padding: .9375rem 1rem; }
}
@media screen and (min-width: 64em) {
  .c-product-main { border-bottom: 0; padding: .9375rem 0 0; }
  .c-product-main__inner { display: grid; grid-template-columns: 65% 35%; grid-template-rows: 0fr 1fr; padding: 0 var(--gutter); }
  .c-product-main__image { grid-area: 1 / 1 / 4; padding: 0 3.75rem 0 0; position: relative; width: auto; }
  .c-product-main__info { grid-area: 1 / 2; padding: 0; width: auto; }
  .c-product-main__controls { grid-area: 2 / 2; padding: 0; width: auto; }
  .c-product-detail-image__inner { flex-wrap: wrap; position: sticky; top: 0; }
  .c-product-detail-image__alternatives { margin: .9375rem auto; max-width: 41.25rem; padding: 0 .625rem; }
  .c-product-thumbs__item { flex-basis: 6.25rem; height: 6.25rem; width: 6.25rem; }
  .c-product-main__icons { right: 1.25rem; top: 1.25rem; }
  .c-product-detail-image__badge { left: 0; max-width: 30%; }
  .c-product-main__name-wrapper { min-height: 2.1875rem; }
  .c-product-main__name { font: 1.5rem / 1.25 var(--f-sans); }
  .c-product-main__price { font: 1.5rem / 1.25 var(--f-sans); margin: 1rem 0; }
  .c-product-main__short-description { margin: 0 0 .625rem; }
  .c-variations-carousel__link { min-width: 0; width: 100%; }
  .c-variation-section__content { margin: 0 0 .9375rem; }
  .c-tabs.h-show-for-large + .c-accordion { display: none; }
  .c-product-howto__media { width: 50%; }
  .c-product-howto__text { align-items: center; display: flex; justify-content: center; width: 50%; }
  .c-product-howto__body { width: 75%; }
  .c-product-howto .c-section__title { font-size: 1.5rem; }
  .c-product-howto__media img { aspect-ratio: auto; height: 100%; min-height: 46.875rem; }
}