/* Sayfalar — kurumsal / sözleşme sayfaları, iletişim, blog listesi ve yazısı, sepet, 404. aesop.com içerik sayfalarının
   (page-contentpage: görselli başlık bandı + metin bölümü + iletişim sütunları) ve Library yazılarının değerleri. */

/* Başlık bandı (Aesop "Contact us" hero: 1440'ta 315 px, solda üçte birlik metin) */
.c-page-hero { position: relative; }
.c-page-hero .c-content-hero__image-wrapper { height: 19.6875rem; overflow: hidden; }
.c-page-hero .c-content-hero__image { height: 100%; }
.c-page-hero .c-content-hero__image img { height: 100%; object-fit: cover; width: 100%; }
.c-page-hero .c-content-hero__image::after { background: linear-gradient(90deg, rgba(37, 37, 37, .55), rgba(37, 37, 37, .1) 60%); content: ""; inset: 0; position: absolute; }
.c-page-hero .c-content-hero__caption { align-items: center; display: flex; inset: 0; left: 50%; position: absolute; top: 0; transform: translateX(-50%); }
.c-page-hero .c-content-hero__body { padding: 2.5rem 0; width: 100%; }
.c-page-hero .c-content-hero__title { color: var(--c-bg); font: 1.875rem / 1.33 var(--f-sans); margin: 0 0 .9375rem; }
.c-page-hero .c-content-hero__description { color: var(--c-bg); font: .875rem / 1.5 var(--f-sans); margin: 0; }
.c-page-hero.m-no-image { background: var(--c-beige); }
.c-page-hero.m-no-image .c-content-hero__image-wrapper { display: none; }
.c-page-hero.m-no-image .c-content-hero__caption { position: static; transform: none; }
.c-page-hero.m-no-image .c-content-hero__body { padding: 3.75rem 0 2.5rem; }
.c-page-hero.m-no-image .c-content-hero__title, .c-page-hero.m-no-image .c-content-hero__description { color: var(--c-text); }
.c-page-hero.m-no-image .c-content-hero__title { font: 1.9375rem / 1.33 var(--f-serif); }
.l-page__breadcrumbs { margin: 0 auto; max-width: var(--w-max); padding: .3125rem var(--gutter); }

/* Zengin metin (sayfa içeriği, blog yazısı) */
.c-rich-text { color: var(--c-text); font: .875rem / 1.6 var(--f-sans); }
.c-rich-text > *:first-child { margin-top: 0; }
.c-rich-text p { margin: 0 0 1rem; }
.c-rich-text h1, .c-rich-text h2 { font: 1.5625rem / 1.33 var(--f-serif); margin: 2.5rem 0 .9375rem; }
.c-rich-text h3, .c-rich-text h4 { font: 500 1rem / 1.5 var(--f-sans); margin: 1.875rem 0 .625rem; }
.c-rich-text h5, .c-rich-text h6 { font: 500 .875rem / 1.5 var(--f-sans); margin: 1.25rem 0 .5rem; }
.c-rich-text ul, .c-rich-text ol { margin: 0 0 1rem 1.25rem; }
.c-rich-text li { margin: 0 0 .375rem; }
.c-rich-text a { color: var(--c-text); }
.c-rich-text strong, .c-rich-text b { font-weight: 600; }
.c-rich-text img { display: block; height: auto; margin: 1.875rem 0; max-width: 100%; }
.c-rich-text table { border-collapse: collapse; margin: 0 0 1.25rem; width: 100%; }
.c-rich-text td, .c-rich-text th { border: 1px solid var(--c-line); padding: .5rem .75rem; text-align: left; vertical-align: top; }
.c-rich-text blockquote { border-left: 2px solid var(--c-text); font: 1.25rem / 1.5 var(--f-serif); margin: 1.875rem 0; padding: 0 0 0 1.25rem; }
.c-rich-text hr { border: 0; border-top: 1px solid var(--c-line); margin: 2.5rem 0; }
.l-page__content { max-width: 50rem; }

/* İletişim kanalları (Aesop "Live assistance · Phone · Enquiry form") */
.c-contact-methods { margin: 0 -.625rem; }
.c-contact-method { padding: 0 .625rem 2.5rem; }
.c-contact-method__icon { background: var(--c-text); display: block; height: 1.25rem; margin: 0 0 .625rem; width: 1.25rem; mask: center / contain no-repeat; -webkit-mask: center / contain no-repeat; }
.c-contact-method__icon.m-whatsapp { mask-image: var(--i-whatsapp); -webkit-mask-image: var(--i-whatsapp); }
.c-contact-method__icon.m-telefon { mask-image: var(--i-telefon); -webkit-mask-image: var(--i-telefon); }
.c-contact-method__icon.m-eposta { mask-image: var(--i-zarf); -webkit-mask-image: var(--i-zarf); }
.c-contact-method__icon.m-konum { mask-image: var(--i-konum); -webkit-mask-image: var(--i-konum); }
.c-contact-method__title { display: block; font: 500 .875rem / 1.5 var(--f-sans); }
.c-contact-method__text { font: .875rem / 1.5 var(--f-sans); margin: .3125rem 0 .625rem; white-space: pre-line; }
.c-contact-method__link { align-items: center; color: var(--c-text); display: inline-flex; font: 500 .875rem / 1.5 var(--f-sans); gap: .5rem; text-decoration: none; }
.c-contact-method__link::after { background: var(--c-text); content: ""; height: .875rem; width: .875rem; mask: var(--i-ok-sag) center / contain no-repeat; -webkit-mask: var(--i-ok-sag) center / contain no-repeat; }
.c-contact-method__link:hover { text-decoration: underline; }

/* Tüm sayfalar dizini */
.c-page-list { list-style: none; margin: 0; }
.c-page-list__item { border-bottom: 1px solid var(--c-line); }
.c-page-list__link { align-items: center; color: var(--c-text); display: flex; font: 1rem / 1.5 var(--f-sans); justify-content: space-between; padding: 1rem 0; text-decoration: none; }
.c-page-list__link::after { background: var(--c-text); content: ""; height: 1rem; width: 1rem; mask: var(--i-ok-sag) center / contain no-repeat; -webkit-mask: var(--i-ok-sag) center / contain no-repeat; }

/* Blog listesi (Aesop Library: içerik kartı ızgarası) */
.c-blog-grid { display: grid; gap: 2.5rem .625rem; grid-template-columns: 1fr; }
.c-blog-grid .c-content-tile__image img { aspect-ratio: 3 / 2; }
.c-blog-grid .c-content-tile__image.m-empty { aspect-ratio: 3 / 2; background: var(--c-beige); }
.c-blog-grid .c-content-tile__title { font: 400 1rem / 1.5 var(--f-sans); }
.c-blog-grid .c-content-tile__label p { margin: 0 0 .25rem; }
.c-blog-filter { display: flex; flex-wrap: wrap; gap: .9375rem; list-style: none; margin: 0 0 2.5rem; }
.c-blog-filter .c-quicklinks__link { display: inline-flex; }

/* Blog yazısı (Aesop Library yazısı: tam genişlik görsel + başlık, dar metin sütunu) */
.c-article-hero .c-content-hero__image-wrapper { aspect-ratio: 390 / 488; overflow: hidden; }
.c-article-hero .c-content-hero__image { height: 100%; }
.c-article-hero .c-content-hero__image img { height: 100%; object-fit: cover; width: 100%; }
.c-article-hero .c-content-hero__caption { align-items: flex-end; display: flex; inset: 0; position: absolute; }
.c-article-hero .c-content-hero__body { padding: 2.5rem 0 2.5rem; }
.c-article-hero .c-content-hero__label, .c-article-hero .c-content-hero__title, .c-article-hero .c-content-hero__description { color: var(--c-bg); }
.c-article-hero.m-no-image { background: var(--c-beige); }
.c-article-hero.m-no-image .c-content-hero__image-wrapper { display: none; }
.c-article-hero.m-no-image .c-content-hero__caption { position: static; }
.c-article-hero.m-no-image .c-content-hero__label, .c-article-hero.m-no-image .c-content-hero__title, .c-article-hero.m-no-image .c-content-hero__description { color: var(--c-text); }
.c-article__meta { color: var(--c-text-2); font: .875rem / 1.5 var(--f-sans); margin: 0 0 2.5rem; }
.c-article__body { margin: 0 auto; max-width: 48rem; }
.c-article__body.c-rich-text { font-size: 1rem; line-height: 1.7; }
.c-article__body.c-rich-text > h1:first-child { display: none; }
.c-article__share { border-top: 1px solid var(--c-line); display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 3.75rem auto 0; max-width: 48rem; padding: 1.25rem 0 0; }
.c-article__share a { color: var(--c-text); font: 500 .875rem / 1.5 var(--f-sans); }

/* Sepet sayfası (minicart + PLP dili: solda ürünler, sağda bej özet) */
.c-cart-page { margin: 0 auto; max-width: var(--w-max); padding: 2.5rem var(--gutter) 5rem; }
.c-cart-page__title { font: 1.5625rem / 1.33 var(--f-serif); margin: 0 0 1.875rem; }
.c-cart-page__layout { display: grid; gap: 2.5rem; grid-template-columns: 1fr; }
.c-cart-lines { border-top: 1px solid var(--c-line); list-style: none; margin: 0; }
.c-cart-line { border-bottom: 1px solid var(--c-line); display: grid; gap: 1.25rem; grid-template-columns: 6.25rem 1fr; padding: 1.25rem 0; position: relative; }
.c-cart-line__image img { aspect-ratio: 1 / 1; background: var(--c-bg); display: block; mix-blend-mode: multiply; object-fit: contain; width: 100%; }
.c-cart-line__title { font: 600 .875rem / 1.3 var(--f-sans); margin: 0 0 .3125rem; padding-right: 2rem; }
.c-cart-line__title a { color: var(--c-text); text-decoration: none; }
.c-cart-line__variant { color: var(--c-text-2); font-size: .8125rem; margin: 0 0 .3125rem; }
.c-cart-line__unit { color: var(--c-text-2); font-size: .8125rem; margin: 0; }
.c-cart-line__row { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin: .9375rem 0 0; }
.c-cart-line__total { font: 500 .875rem / 1 var(--f-sans); }
.c-cart-line__remove { position: absolute; right: 0; top: 1.25rem; }
.c-cart-line__remove button { font-size: 0; height: 1.5rem; opacity: .6; width: 1.5rem; }
.c-cart-line__remove button::before { background: var(--c-text); content: ""; display: block; height: .875rem; margin: auto; width: .875rem; mask: var(--i-kapat) center / contain no-repeat; -webkit-mask: var(--i-kapat) center / contain no-repeat; }
.c-cart-line__remove button:hover { opacity: 1; }
.c-cart-summary { align-self: start; background: var(--c-beige); padding: 1.5rem; }
.c-cart-summary__title { font: 500 1rem / 1.5 var(--f-sans); margin: 0 0 1rem; }
.c-cart-summary__row { align-items: baseline; display: flex; font-size: .875rem; justify-content: space-between; padding: .5rem 0; }
.c-cart-summary__row.m-total { border-top: 1px solid var(--c-line); font: 600 1rem / 1.4 var(--f-sans); margin: .5rem 0 0; padding-top: 1rem; }
.c-cart-summary__note { color: var(--c-text-2); font-size: .75rem; margin: .75rem 0 1.25rem; }
.c-cart-summary .c-button { margin: 0 0 .625rem; }
.c-cart-summary__discount { border-top: 1px solid var(--c-line); margin: 1rem 0 0; padding: 1rem 0 0; }
.c-cart-summary__discount form { display: flex; gap: .5rem; }
.c-cart-summary__discount .c-button { margin: 0; min-width: 0; padding: .5625rem 1rem; }
.c-cart-empty { padding: 2.5rem 0 1.25rem; text-align: center; }
.c-cart-empty__title { font: 1.5625rem / 1.33 var(--f-serif); margin: 0 0 .9375rem; }
.c-cart-empty__text { color: var(--c-text-2); font-size: .875rem; margin: 0 0 1.875rem; }

/* 404 */
.c-not-found { padding: 6.25rem 0 5rem; text-align: center; }
.c-not-found__code { color: var(--c-text-2); font: 500 .875rem / 1.5 var(--f-sans); margin: 0 0 .625rem; }
.c-not-found__title { font: 1.9375rem / 1.33 var(--f-serif); margin: 0 0 .9375rem; }
.c-not-found__text { color: var(--c-text-2); font-size: .875rem; margin: 0 auto 1.875rem; max-width: 30rem; }
.c-not-found__actions { display: flex; flex-wrap: wrap; gap: .625rem; justify-content: center; }
.c-not-found__search { display: flex; margin: 0 auto 1.875rem; max-width: 30rem; }
.c-not-found__search input { flex: 1 1 auto; }
.c-not-found__search .c-button { min-width: 0; }

@media screen and (max-width: 63.9988em) {
  .c-page-hero .c-content-hero__image-wrapper { height: 18.75rem; }
  .c-page-hero .c-content-hero__caption { padding: 0 var(--gutter); }
  .c-page-hero .c-content-hero__title { font-size: 1.5rem; }
}
@media screen and (min-width: 48em) {
  .c-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (min-width: 64em) {
  .c-page-hero .c-content-hero__body { width: 33.3333%; }
  .c-page-hero.m-no-image .c-content-hero__body { width: 66.6667%; }
  .c-contact-methods { margin: 0 -.625rem; }
  .c-contact-methods > .l-column { width: 33.3333%; }
  .c-blog-grid { gap: 3.125rem 1.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .c-article-hero .c-content-hero__image-wrapper { aspect-ratio: 16 / 9; max-height: 50.625rem; width: 100%; }
  .c-article-hero .c-content-hero__caption { justify-content: center; left: 50%; top: 0; transform: translateX(-50%); }
  .c-article-hero .c-content-hero__body { text-align: center; width: 66.6667%; }
  .c-cart-page__layout { grid-template-columns: minmax(0, 1fr) 23.75rem; gap: 3.75rem; }
  .c-cart-line { grid-template-columns: 7.5rem 1fr; }
  .c-cart-summary { position: sticky; top: 1.25rem; }
}
.c-article-hero .c-overlay.m-custom-gradient { background: linear-gradient(rgba(37, 37, 37, 0), rgba(37, 37, 37, .65)); height: 70%; }
.c-article-hero .c-content-hero__description { margin-left: auto; margin-right: auto; max-width: 40rem; }
.c-article-hero.m-no-image .c-overlay { display: none; }