/* Dalga 71: pati-pages.css / pati-content.css içinden ayrılan, ana sayfada da kullanılan kurallar (önce pages, sonra content kökenliler) bu dosyadadır. */
.breadcrumb { padding-block: 1rem 0.5rem; font-size: var(--text-small); }.breadcrumb__list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.5rem; color: var(--color-text-muted); }.breadcrumb__item { display: inline-flex; align-items: center; gap: 0.5rem; min-width: 0; }.breadcrumb__item + .breadcrumb__item::before { content: '/'; color: var(--color-border); }.breadcrumb__link { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--color-text-muted); text-decoration: none; }.breadcrumb__link:hover { color: var(--color-heading); text-decoration: underline; }.breadcrumb__current { color: var(--color-heading); font-weight: 500; overflow-wrap: anywhere; }.product-gallery__viewport .slider__pagination { position: absolute; left: 50%; bottom: 0.75rem; transform: translateX(-50%); }.product-gallery__viewport .slider__controls { position: absolute; inset: 0; margin: 0; pointer-events: none; }.product-gallery__viewport .slider__controls > * { pointer-events: auto; }.main-product .product-gallery__viewport .slider__arrow { position: absolute; top: 50%; display: none; place-items: center; width: 2.75rem; height: 2.75rem; min-width: 0; min-height: 0; padding: 0; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-primary); color: var(--color-on-primary); font-size: 1.25rem; line-height: 1; transform: translateY(-50%); }.main-product .product-gallery__viewport .slider__arrow--prev { left: 0.75rem; }.main-product .product-gallery__viewport .slider__arrow--next { right: 0.75rem; }@media (min-width: 990px) {
  .main-product .product-gallery__viewport .slider__arrow { display: grid; }
}.product-gallery__viewport .slider__counter { position: absolute; right: 0.75rem; bottom: 0.75rem; }.badge--blocked { gap: 0.375rem; padding: 0.375rem 0.625rem; background: var(--color-background); color: var(--color-error); border: 1px solid var(--color-error); }.variant-picker { display: flex; flex-direction: column; gap: 1rem; }.variant-picker__stock { order: -1; display: inline-flex; align-items: center; gap: 0.5rem; font-size: var(--text-small); font-weight: 600; color: var(--color-success); }.variant-picker__stock::before { content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: currentColor; }.variant-picker__stock.is-low { color: var(--color-accent-text); }.variant-picker__stock.is-out, .variant-picker__stock.is-unavailable { color: var(--color-error); }.variant-picker__axis { margin: 0; padding: 0; border: 0; min-width: 0; }.variant-picker__legend { margin-bottom: 0.5rem; font-size: var(--text-small); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-heading); }.variant-picker__values { display: flex; flex-wrap: wrap; gap: 0.5rem; }.variant-picker__value { min-width: 2.75rem; min-height: 2.75rem; padding: 0.5rem 0.875rem; border: 1px solid var(--color-border); border-radius: var(--radius-button); background: var(--color-background); color: var(--color-heading); font-size: var(--text-small); overflow-wrap: anywhere; }.variant-picker__value:hover { border-color: var(--color-heading); }.variant-picker__value.is-selected { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-on-primary); }.variant-picker__value.is-unavailable { color: var(--color-text-muted); text-decoration: line-through; }.variant-picker__qty { display: flex; flex: none; border: 1px solid var(--color-border); border-radius: var(--radius-button); }.variant-picker__qty button { width: 2.75rem; border: 0; background: transparent; color: var(--color-heading); font-size: 1.125rem; }.variant-picker__qty button:disabled { color: var(--color-text-muted); cursor: not-allowed; }.variant-picker__qty input { width: 2.75rem; border: 0; background: transparent; text-align: center; -moz-appearance: textfield; }.variant-picker__qty input::-webkit-inner-spin-button { -webkit-appearance: none; }.variant-picker__status.is-error { color: var(--color-error); }.product-details { border-top: 1px solid var(--color-border); }.product-details__item { border-bottom: 1px solid var(--color-border); }.product-details__summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; }.product-details__heading { font-size: 0.9375rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }.product-details__item[open] > .product-details__summary .icon { transform: rotate(180deg); }.product-details__body { padding-bottom: 1.5rem; max-width: 48rem; }.collection-children { margin-bottom: 1.25rem; }.collection-children__list { display: flex; gap: 0.5rem; overflow-x: auto; scrollbar-width: none; padding-bottom: 0.25rem; }.collection-children__list .pill { white-space: nowrap; min-height: 2.75rem; }.collection-filters__link--child { padding-left: 1rem; }@supports selector(::details-content) {
  @media (min-width: 990px) {
    .collection-filters__toggle { display: none; }
    .collection-filters::details-content { content-visibility: visible; display: block; height: auto; }
  }
}.empty-state--rich { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding: 3rem 1.5rem; }.empty-state--rich .icon { color: var(--color-accent-text); }.empty-state__title { font-size: 1.25rem; }.empty-state__text { max-width: 32rem; overflow-wrap: anywhere; }.pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; margin-top: 2.5rem; }.pagination__status { font-size: var(--text-small); color: var(--color-text-muted); }.search-empty__heading { margin-bottom: 1rem; font-size: calc(var(--text-h2) * var(--heading-scale)); }.search-empty__terms { display: flex; flex-wrap: wrap; gap: 0.5rem; }.search-empty__terms .pill { min-height: 2.75rem; }.testimonials__viewport { position: relative; }.testimonials__track { --slider-gap: 0.75rem; padding-bottom: 0.25rem; }.testimonials__track > .testimonials__item { flex: 0 0 85%; }@media (min-width: 768px) { .testimonials__track > .testimonials__item { flex-basis: calc((100% - var(--slider-gap)) / 2); } }@media (min-width: 1280px) { .testimonials__track { --slider-gap: 1rem; } .testimonials__track > .testimonials__item { flex-basis: calc((100% - 2 * var(--slider-gap)) / 3); } }.testimonial { position: relative; display: flex; flex-direction: column; gap: 0.625rem; height: 100%; margin: 0; padding: 1.5rem 1.5rem 1.5rem 5.25rem; border-radius: var(--radius-card); background: var(--color-surface); }.testimonial__avatar { position: absolute; top: 1.5rem; left: 1.5rem; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--color-primary); color: var(--color-on-primary); font-family: var(--font-accent); font-size: 1.5rem; line-height: 1; }.testimonial__title { font-weight: 600; color: var(--color-heading); overflow-wrap: anywhere; }.testimonial__body { margin: 0; color: var(--color-text); font-size: 0.9375rem; line-height: 1.6; overflow-wrap: anywhere; }.testimonial__body p::before { content: '\201C'; }.testimonial__body p::after { content: '\201D'; }.testimonial__author { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; margin-top: auto; font-size: var(--text-small); }.testimonial__name { font-weight: 500; color: var(--color-heading); }.testimonial__verified { display: inline-flex; align-items: center; gap: 0.25rem; color: var(--color-success); }.testimonials .slider__controls { position: absolute; inset: 0; margin: 0; pointer-events: none; }.testimonials .slider__controls > * { pointer-events: auto; }.testimonials .slider__arrow--prev { left: -1.25rem; }.testimonials .slider__arrow--next { right: -1.25rem; }@media (min-width: 1024px) { .testimonials .slider__arrow, .product-gallery__viewport .slider__arrow, .product-related .slider__arrow { display: block; } }.product-related .slider__controls { position: absolute; inset: 0; margin: 0; pointer-events: none; }.product-related .slider__controls > * { pointer-events: auto; }.product-related .slider__arrow--prev { left: -1.25rem; }.product-related .slider__arrow--next { right: -1.25rem; }.main-collection, .main-search, .main-product-page { padding-top: 0; }.variant-picker__legend { font-weight: 900; text-transform: none; letter-spacing: 0; }.variant-picker__value { border-radius: 999px; font-weight: 700; }.product-details__heading { font-size: 1.0625rem; font-weight: 900; text-transform: none; letter-spacing: 0; }.product-details__item[open] > .product-details__summary { color: var(--color-accent-text); }.pagination .button[aria-current], .pagination__current { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary); }.empty-state--rich .icon { width: 3.5rem; height: 3.5rem; color: var(--color-paw); }.search-empty__terms .pill { background: var(--color-surface); border-color: var(--color-surface); font-weight: 700; }.search-empty__terms .pill:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary); }.search-empty__terms .pill { display: inline-flex; align-items: center; gap: 0.375rem; }.search-empty__terms .pill .icon { flex: none; opacity: 0.6; }.search-empty__count { color: var(--color-text-muted); font-size: 0.8em; font-variant-numeric: tabular-nums; }.search-empty > *, .search-discover > * { min-width: 0; }.search-discover { display: grid; gap: 2.5rem; margin-block: 1rem 3rem; }@media (max-width: 767.98px) { .search-empty__terms { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.25rem; scrollbar-width: none; } .search-empty__terms li { flex: none; } }:root { --listing-head-weight: 900; --listing-toolbar-padding: 0.75rem 1rem; --listing-toolbar-border: 0; --listing-toolbar-radius: var(--radius-card); --listing-toolbar-bg: var(--color-surface); --listing-count-weight: 700; --listing-count-color: var(--color-text); }.main-product__info .pinfo { margin-block: 0; }

/* Pati – ana sayfa ve içerik section'ları (TPL-032). Yalnız token değişkenleri; mobil öncelikli. */

/* new-products / best-sellers / discounted-products: ızgara düzeni */
@media (min-width: 1100px) {
  .product-list__grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-list__grid--cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .product-list__grid--cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* brand-strip */
.brand-strip__viewport { position: relative; }
.brand-strip__list { --slider-gap: 0.75rem; }
.brand-strip__list > .brand-strip__item { flex: 0 0 calc((100% - 2 * var(--slider-gap)) / 2.6); }
@media (min-width: 768px) { .brand-strip__list > .brand-strip__item { flex-basis: calc((100% - 3 * var(--slider-gap)) / 4); } }
@media (min-width: 1100px) {
  .brand-strip__list { --slider-gap: 1rem; }
  .brand-strip__list--cols-3 > .brand-strip__item { flex-basis: calc((100% - 2 * var(--slider-gap)) / 3); }
  .brand-strip__list--cols-4 > .brand-strip__item { flex-basis: calc((100% - 3 * var(--slider-gap)) / 4); }
  .brand-strip__list--cols-5 > .brand-strip__item { flex-basis: calc((100% - 4 * var(--slider-gap)) / 5); }
  .brand-strip__list--cols-6 > .brand-strip__item { flex-basis: calc((100% - 5 * var(--slider-gap)) / 6); }
  .brand-strip__list--cols-7 > .brand-strip__item { flex-basis: calc((100% - 6 * var(--slider-gap)) / 7); }
  .brand-strip__list--cols-8 > .brand-strip__item { flex-basis: calc((100% - 7 * var(--slider-gap)) / 8); }
}
.brand-strip__link { display: grid; place-items: center; height: 6rem; padding: 1rem; border-radius: var(--radius-card); background: var(--color-background); color: var(--color-heading); text-decoration: none; }
.brand-strip--bordered .brand-strip__link { border: 1px solid var(--color-border); }
a.brand-strip__link:hover { border-color: var(--color-primary); }
.brand-strip__logo { max-width: 100%; max-height: 3.5rem; width: auto; object-fit: contain; transition: filter 0.2s ease, opacity 0.2s ease; }
.brand-strip--grayscale .brand-strip__logo { filter: grayscale(1); opacity: 0.75; }
.brand-strip--grayscale .brand-strip__link:hover .brand-strip__logo { filter: none; opacity: 1; }
.brand-strip__name { font-weight: 800; font-size: 1.0625rem; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; overflow-wrap: anywhere; }
.brand-strip .slider__controls { position: absolute; inset: 0; margin: 0; pointer-events: none; }
.brand-strip .slider__controls > * { pointer-events: auto; }

/* rich-text */
.rich-text__inner { display: grid; gap: 1rem; max-width: 47.5rem; }
.rich-text--center .rich-text__inner { margin-inline: auto; justify-items: center; text-align: center; }
.rich-text--center .rich-text__inner .rte { margin-inline: auto; }
.rich-text__heading { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem); }
.rich-text--surface .container > .rich-text__inner, .rich-text--primary .container > .rich-text__inner { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--radius-card); max-width: none; }
.rich-text--surface .rich-text__inner { background: var(--color-surface); }
.rich-text--primary .rich-text__inner { background: var(--color-primary); color: var(--color-on-primary); }
.rich-text--primary :is(.rich-text__heading, .rte, .eyebrow) { color: inherit; }
.rich-text--primary .button { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-on-accent); }

/* image-block */
.image-block__frame { position: relative; overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface); }
.image-block--full .image-block__frame { border-radius: 0; }
.image-block__image, .image-block__placeholder { width: 100%; height: clamp(14rem, 40vw, 28rem); object-fit: cover; }
.image-block--small :is(.image-block__image, .image-block__placeholder) { height: clamp(10rem, 25vw, 18rem); }
.image-block--large :is(.image-block__image, .image-block__placeholder) { height: clamp(18rem, 55vw, 40rem); }
.image-block__placeholder, .video-section__placeholder, .lookbook__placeholder, .icon-features__placeholder { display: grid; place-items: center; color: var(--color-text-muted); background: var(--color-surface); }
.image-block__content { display: grid; gap: 0.75rem; justify-items: start; padding: 1.5rem; }
@media (min-width: 768px) {
  .image-block__frame:has(.image-block__image) .image-block__content { position: absolute; inset: auto auto 0 0; max-width: 34rem; margin: 2.5rem; padding: 2rem; border-radius: var(--radius-card); background: var(--color-background); }
  .image-block--text-center .image-block__frame:has(.image-block__image) .image-block__content { inset: 50% auto auto 50%; margin: 0; transform: translate(-50%, -50%); justify-items: center; text-align: center; }
}
.image-block__heading { font-size: clamp(1.375rem, 1.1rem + 1vw, 2rem); }

/* video */
.video-section__frame { position: relative; overflow: hidden; border-radius: var(--radius-card); background: var(--color-primary); }
.video-section__cover, .video-section__placeholder { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.video-section__play { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 1rem; background: var(--color-overlay); color: var(--color-on-dark); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none; }
.video-section__play-icon { width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--color-background); position: relative; transition: transform 0.2s ease; }
.video-section__play-icon::after { content: ''; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%); border-style: solid; border-width: 0.75rem 0 0.75rem 1.25rem; border-color: transparent transparent transparent var(--color-primary); }
.video-section__play:hover .video-section__play-icon { transform: scale(1.06); }
.video-section__caption { margin-top: 0.75rem; font-size: var(--text-small); color: var(--color-text-muted); text-align: center; }

/* lookbook (Pati fallback: 2 kolon görsel + etiket) */
.lookbook { --look-frame: var(--color-accent); --look-band: var(--color-surface); }
@supports (width: attr(data-x type(<length>), 1px)) {
  .lookbook[data-frame-color^='#'] { --look-frame: attr(data-frame-color type(<color>), var(--color-accent)); }
  .lookbook[data-band-color^='#'] { --look-band: attr(data-band-color type(<color>), var(--color-surface)); }
}
.lookbook__list { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .lookbook__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; } }
@media (min-width: 1100px) { .lookbook--grid .lookbook__list--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lookbook--grid .lookbook__list--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 768px) {
  .lookbook--staggered .lookbook__item:nth-child(even) { margin-top: 4rem; }
  .lookbook--reverse .lookbook__item:nth-child(odd) { order: 2; }
}
.lookbook__figure { position: relative; display: grid; gap: 0.75rem; }
.lookbook__image, .lookbook__placeholder { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--radius-card); }
.lookbook__item--frame-top_end .lookbook__figure { box-shadow: 0.75rem -0.75rem 0 var(--look-band); }
.lookbook__item--frame-top_start .lookbook__figure { box-shadow: -0.75rem -0.75rem 0 var(--look-band); }
.lookbook__item--frame-bottom_end .lookbook__figure { box-shadow: 0.75rem 0.75rem 0 var(--look-band); }
.lookbook__label { display: grid; gap: 0.25rem; padding-left: 1rem; border-left: 3px solid var(--look-frame); }
.lookbook--stripes .lookbook__label { border-left-style: double; border-left-width: 6px; }
.lookbook--overlay_card .lookbook__label { position: absolute; left: 1rem; right: 1rem; bottom: 1rem; padding: 1rem 1.25rem; border-left: 0; border-radius: var(--radius-card); background: var(--color-background); }
.lookbook--side_label .lookbook__figure { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
.lookbook--side_label .lookbook__label { writing-mode: vertical-rl; transform: rotate(180deg); padding: 1rem 0 0; border-left: 0; border-top: 3px solid var(--look-frame); }
.lookbook__title { font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-heading); }
.lookbook__text { color: var(--color-text); }
.lookbook__price { font-weight: 700; color: var(--color-heading); }
.lookbook__link { color: var(--color-heading); }


/* Hero: açık pembe sahne, alt kenarı eğri; solda metin + kupon rozeti + koyu düğme, sağda blob çerçeveli görsel */
.hero { position: relative; }
.hero__stage { position: relative; overflow: hidden; background: var(--color-surface-alt); }
.hero--shape-curve .hero__stage { border-bottom-left-radius: 50% clamp(1.5rem, 4vw, 4rem); border-bottom-right-radius: 50% clamp(1.5rem, 4vw, 4rem); }
.hero__decor { position: absolute; inset: 0; pointer-events: none; }
.hero__blob { position: absolute; border-radius: 50%; background: var(--color-blob); opacity: 0.55; }
.hero__blob--1 { width: clamp(6rem, 14vw, 12rem); aspect-ratio: 1; top: -2.5rem; left: -2rem; border-radius: 42% 58% 60% 40% / 50% 45% 55% 50%; }
.hero__blob--2 { width: clamp(5rem, 10vw, 9rem); aspect-ratio: 1; bottom: 12%; left: 46%; }
.hero__paw { position: absolute; color: var(--color-paw); opacity: 0.7; }
.hero__paw--1 { top: 12%; right: 6%; transform: rotate(18deg); }
.hero__paw--2 { top: 6%; left: 38%; transform: rotate(-20deg); opacity: 0.45; }
.hero__paw--3 { bottom: 18%; left: 4%; transform: rotate(-35deg); opacity: 0.5; }
.hero__track { gap: 0; }
.hero__track > .hero__slide { flex: 0 0 100%; }
.hero__slide { position: relative; }
.hero__inner { position: relative; display: grid; gap: 1.5rem; padding-block: 2.25rem 3.5rem; }
.hero__text { display: flex; flex-direction: column; align-items: flex-start; gap: 0.875rem; max-width: 36rem; }
.hero__eyebrow { color: var(--color-accent-text); }
.hero__heading { font-size: calc(var(--text-h1) * var(--heading-scale)); font-weight: 900; line-height: 1.12; }
.hero__description { max-width: 30rem; font-size: 1rem; color: var(--color-text); }
.hero__buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-top: 0.5rem; }
.hero__coupon { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0.5rem 1.125rem; border: 2px dashed var(--color-accent); border-radius: var(--radius-button); background: var(--color-primary); color: var(--color-on-primary); font-size: var(--text-button); font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; user-select: all; }
.hero__media { position: relative; justify-self: center; width: min(78vw, 30rem); aspect-ratio: 1; }
.hero__media::before { content: ''; position: absolute; inset: 6% -4% -4% 6%; border-radius: 48% 52% 44% 56% / 55% 45% 55% 45%; background: var(--color-primary); }
.hero__image, .hero__media picture, .hero__placeholder { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 52% 48% 56% 44% / 46% 54% 46% 54%; }
.hero__placeholder { display: grid; place-items: center; background: var(--color-background); color: var(--color-paw); }
.hero__stats { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 0.75rem; }
.hero__stat { display: flex; flex-direction: column; line-height: 1.25; }
.hero__stat-value { font-size: var(--text-stat); font-weight: 900; color: var(--color-heading); }
.hero__stat-label { font-size: 0.75rem; font-weight: 700; color: var(--color-text); }
.hero__slide--center .hero__text { align-items: center; text-align: center; margin-inline: auto; }
.hero__counter { position: absolute; left: 0; right: 0; bottom: 1.25rem; display: flex; justify-content: flex-end; font-weight: 900; color: var(--color-heading); pointer-events: none; }
.hero__badge { position: absolute; top: 1rem; right: var(--gutter); pointer-events: none; }
.hero__badge-circle { display: grid; place-content: center; width: 6rem; height: 6rem; border-radius: 50%; background: var(--color-accent); color: var(--color-on-accent); text-align: center; line-height: 1.1; transform: rotate(-8deg); }
.hero__badge-top, .hero__badge-bottom { font-size: 0.6875rem; font-weight: 800; text-transform: uppercase; }
.hero__badge-value { font-size: 1.75rem; font-weight: 900; }
.hero .slider__controls { position: absolute; left: 0; right: 0; bottom: clamp(1rem, 3vw, 2.5rem); display: flex; justify-content: center; align-items: center; gap: 0.5rem; margin: 0; }
.hero .slider__pagination { display: flex; gap: 0.25rem; }
.hero .slider__arrow, .hero .slider__pause { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; min-height: 0; padding: 0; border: 0; border-radius: 50%; background: var(--color-background); color: var(--color-heading); font-size: 1.125rem; }
.hero .slider__arrow:hover { background: var(--color-accent); color: var(--color-on-accent); }
@media (min-width: 900px) {
  .hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; gap: 2rem; min-height: clamp(30rem, 42vw, 38rem); padding-block: 3rem 4.5rem; }
  .hero--small .hero__inner { min-height: 24rem; } .hero--medium .hero__inner { min-height: 28rem; }
  .hero__slide--right .hero__text { order: 2; }
  .hero__media { width: min(100%, 32rem); }
  .hero__badge { top: auto; bottom: 18%; right: auto; left: 50%; }
  .hero__badge-circle { width: 7.5rem; height: 7.5rem; }
}
.hero__features { background: var(--color-background); }
.hero__feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1rem; padding-block: 1.5rem; }
.hero__feature { display: flex; align-items: center; gap: 0.75rem; }
.hero__feature-icon { flex: none; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-surface-alt); color: var(--color-heading); }
.hero__feature-text { display: flex; flex-direction: column; line-height: 1.3; }
.hero__feature-title { font-size: 0.875rem; font-weight: 900; color: var(--color-heading); }
.hero__feature-sub { font-size: 0.75rem; color: var(--color-text-muted); }
@media (min-width: 768px) { .hero__feature-list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Kategori kartları: krem karo + daire görsel + ad + koyu ürün sayısı hapı (mobil yatay kaydırma, ~3,5 kart) */
.category-cards__list { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2.5 * 0.75rem) / 3.5); gap: 0.75rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 0.25rem; }
.category-cards__list::-webkit-scrollbar { display: none; }
.category-cards__item { scroll-snap-align: start; }
.category-card { display: flex; flex-direction: column; align-items: center; gap: 0.625rem; height: 100%; color: var(--color-heading); text-align: center; text-decoration: none; }
.category-card__media { display: grid; place-items: center; width: 100%; aspect-ratio: 1; border-radius: var(--radius-card); background: var(--color-surface-alt); color: var(--color-paw); overflow: hidden; }
.category-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.category-card:hover .category-card__image { transform: scale(1.06); }
.category-card__title { font-size: 0.875rem; font-weight: 900; line-height: 1.3; }
.category-card:hover .category-card__title { color: var(--color-accent-text); }
.category-card__count { display: inline-flex; align-items: center; min-height: 1.5rem; padding: 0.125rem 0.5rem; border-radius: 2px; background: var(--color-accent); color: var(--color-on-accent); font-size: 0.6875rem; font-weight: 800; }
.category-cards--circle .category-card__media, .category-cards--circle_tile .category-card__media { border-radius: 50%; }
.category-cards--circle_tile .category-card { padding: 0.75rem 0.5rem 1rem; border-radius: var(--radius-card); background: var(--color-surface); transition: background-color 0.2s ease; }
.category-cards--circle_tile .category-card:hover { background: var(--color-surface-alt); }
.category-cards--circle_tile .category-card__media { width: 82%; background: var(--color-background); }
@media (min-width: 768px) { .category-cards__list { grid-auto-columns: calc((100% - 4 * 1rem) / 5); gap: 1rem; } }
@media (min-width: 1100px) {
  .category-cards__list { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(var(--category-columns, 6), minmax(0, 1fr)); gap: 1.25rem; overflow: visible; }
  .category-cards--cols-4 { --category-columns: 4; } .category-cards--cols-5 { --category-columns: 5; } .category-cards--cols-6 { --category-columns: 6; }
  .category-cards--cols-7 { --category-columns: 7; } .category-cards--cols-8 { --category-columns: 8; }
  .category-card__title { font-size: 0.9375rem; }
}

/* Kampanya blokları: hazır renkler (AA §7.2), üstte ortalı metin + beyaz düğme, altta görsel; tam genişlikte kenardan kenara */
.campaign-banner--full { padding-block: 0; }
.campaign-banner--full + .campaign-banner--full { padding-top: 0; }
.campaign-banner__list { display: grid; gap: var(--grid-gap); }
.campaign-banner--full .campaign-banner__list { gap: 0; }
@media (min-width: 640px) { .campaign-banner--cols-2 .campaign-banner__list, .campaign-banner--cols-4 .campaign-banner__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .campaign-banner--cols-3 .campaign-banner__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .campaign-banner--cols-4 .campaign-banner__list { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.campaign-tile { --tile-bg: var(--color-surface-alt); --tile-fg: var(--color-heading); position: relative; display: flex; flex-direction: column; border-radius: var(--radius-card); background: var(--tile-bg); color: var(--tile-fg); overflow: hidden; }
.campaign-banner--full .campaign-tile { border-radius: 0; }
.campaign-tile--primary { --tile-bg: var(--color-primary); --tile-fg: var(--color-on-primary); }
.campaign-tile--accent { --tile-bg: var(--color-accent); --tile-fg: var(--color-on-accent); }
.campaign-tile--surface { --tile-bg: var(--color-surface-alt); --tile-fg: var(--color-heading); }
.campaign-tile--blue { --tile-bg: var(--tile-blue); --tile-fg: var(--tile-on-dark); }
.campaign-tile--green { --tile-bg: var(--tile-green); --tile-fg: var(--tile-on-dark); }
.campaign-tile--forest { --tile-bg: var(--tile-forest); --tile-fg: var(--tile-on-dark); }
.campaign-tile--red { --tile-bg: var(--tile-red); --tile-fg: var(--tile-on-dark); }
.campaign-tile--lime { --tile-bg: var(--tile-lime); --tile-fg: var(--tile-on-light); }
.campaign-tile--orange { --tile-bg: var(--tile-orange); --tile-fg: var(--tile-on-light); }
.campaign-tile--dark { --tile-bg: #1f2937; --tile-fg: #ffffff; --tile-muted: #ffffff; }
.campaign-tile--cream { --tile-bg: #f7f1e3; --tile-fg: #3b2f1e; --tile-muted: #3b2f1e; }
.campaign-tile--pink { --tile-bg: #f9c6d4; --tile-fg: #4a1d2b; --tile-muted: #4a1d2b; }
.campaign-tile--teal { --tile-bg: #0f766e; --tile-fg: #ffffff; --tile-muted: #ffffff; }
.campaign-tile--yellow { --tile-bg: #fde047; --tile-fg: #3b3000; --tile-muted: #3b3000; }
.campaign-tile__body { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: clamp(1.5rem, 1rem + 2vw, 2.25rem) 1.25rem 1.25rem; text-align: center; }
.campaign-tile__icon { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: 0.25rem; border-radius: 50%; background: var(--color-background); color: var(--color-heading); }
.campaign-tile__eyebrow { font-size: var(--text-eyebrow); font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tile-fg); }
.campaign-tile__heading { max-width: 18rem; font-size: calc(var(--text-h3) * var(--heading-scale)); font-weight: 900; line-height: 1.2; color: var(--tile-fg); overflow-wrap: anywhere; }
.campaign-tile__text { max-width: 20rem; font-size: 0.875rem; color: var(--tile-fg); }
.campaign-tile__link { margin-top: 0.5rem; background: var(--color-background); border-color: var(--color-background); color: var(--color-heading); }
.campaign-tile__link:hover { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-on-accent); }
.campaign-tile__media { margin-top: auto; padding: 0 1.25rem 1.25rem; }
.campaign-tile__image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-card); }
.campaign-banner--cols-1 .campaign-tile__image, .campaign-banner--cols-2 .campaign-tile__image, .campaign-banner--cols-3 .campaign-tile__image { aspect-ratio: 16 / 9; }
.campaign-tile--image-left .campaign-tile__media { padding-right: 25%; }
.campaign-tile--image-right .campaign-tile__media { padding-left: 25%; }
.campaign-tile--image-background { min-height: 20rem; justify-content: flex-end; }
.campaign-tile--image-background .campaign-tile__media { position: absolute; inset: 0; padding: 0; }
.campaign-tile--image-background .campaign-tile__image { height: 100%; aspect-ratio: auto; border-radius: 0; }
.campaign-tile--image-background .campaign-tile__body { margin: 1rem; border-radius: var(--radius-card); background: var(--tile-bg); }
@media (min-width: 640px) { .campaign-tile--image-left .campaign-tile__media, .campaign-tile--image-right .campaign-tile__media { padding-inline: 1.25rem; } }

/* icon-features: renkli daire ikonlar (blok sırasına göre hazır renkler); split_image = krem zemin, ortada blob görsel */
.icon-features__list { display: grid; gap: 1rem; }
@media (min-width: 600px) { .icon-features__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 990px) {
  .icon-features__list--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .icon-features__list--4, .icon-features__list--5, .icon-features__list--6 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.icon-feature { --dot-bg: var(--tile-blue); --dot-fg: var(--tile-on-dark); display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: var(--radius-card); background: var(--color-surface); }
.icon-feature:nth-child(6n + 2) { --dot-bg: var(--color-primary); --dot-fg: var(--color-on-primary); }
.icon-feature:nth-child(6n + 3) { --dot-bg: var(--tile-orange); --dot-fg: var(--tile-on-light); }
.icon-feature:nth-child(6n + 4) { --dot-bg: var(--color-accent); --dot-fg: var(--color-on-accent); }
.icon-feature:nth-child(6n + 5) { --dot-bg: var(--tile-forest); --dot-fg: var(--tile-on-dark); }
.icon-feature:nth-child(6n + 6) { --dot-bg: var(--tile-lime); --dot-fg: var(--tile-on-light); }
.icon-feature__icon { flex: none; display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: var(--dot-bg); color: var(--dot-fg); }
.icon-feature__icon .icon { width: 1.5rem; height: 1.5rem; }
.icon-feature__text { display: grid; gap: 0.25rem; min-width: 0; }
.icon-feature__title { color: var(--color-heading); font-size: 1rem; font-weight: 900; overflow-wrap: anywhere; }
.icon-feature__desc { font-size: var(--text-small); color: var(--color-text-muted); overflow-wrap: anywhere; }
.icon-features--divided .icon-feature { flex-direction: column; text-align: center; background: none; }
.icon-features--split_image { background: var(--color-surface); padding-block: var(--section-gap); }
.icon-features--split_image .icon-features__body { display: grid; gap: 2rem; align-items: center; }
.icon-features--split_image .icon-features__list { grid-template-columns: 1fr; gap: 1.5rem; }
.icon-features--split_image .icon-feature { padding: 0; background: none; align-items: flex-start; }
.icon-features__media { position: relative; justify-self: center; width: min(80vw, 26rem); aspect-ratio: 1; }
.icon-features__media::before { content: ''; position: absolute; inset: 8%; border-radius: 50%; background: var(--color-surface-alt); }
.icon-features__image, .icon-features__placeholder { position: relative; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 0.5rem solid var(--color-background); }
@media (min-width: 600px) { .icon-features--split_image .icon-features__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 990px) {
  .icon-features--split_image .icon-features__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; }
  .icon-features--split_image.icon-features--image-end .icon-features__media { order: 2; }
  .icon-features--split_image .icon-features__list { grid-template-columns: 1fr; }
  .icon-features--split_image.icon-features--image-center .icon-features__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1fr); }
  .icon-features--split_image.icon-features--image-center .icon-features__media { grid-column: 2; grid-row: 1; width: 100%; }
  .icon-features--split_image.icon-features--image-center .icon-features__list { grid-column: 1 / -1; grid-row: 1; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1fr); gap: 2.5rem 3rem; align-content: center; }
  .icon-features--split_image.icon-features--image-center .icon-feature:nth-child(odd) { grid-column: 1; flex-direction: row-reverse; text-align: right; }
  .icon-features--split_image.icon-features--image-center .icon-feature:nth-child(even) { grid-column: 3; }
}

/* new-products / best-sellers / discounted-products: ızgara 2 → 3 → 5 kolon */
@media (min-width: 1100px) {
  .product-list__grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-list__grid--cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .product-list__grid--cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* Bülten: açık pembe şerit + pati deseni; koyu düğme, ayrı ve işaretsiz izin kutusu */
.newsletter--band { position: relative; padding-block: clamp(2.5rem, 2rem + 2.5vw, 4rem); background: var(--color-surface-alt); overflow: hidden; }
.newsletter__panel { position: relative; display: grid; gap: 2rem; align-items: center; }
.newsletter__heading { font-size: calc(var(--text-h2) * var(--heading-scale)); font-weight: 900; }
.newsletter__text { margin-block: 0.5rem 1.25rem; color: var(--color-text); }
.newsletter__field { display: flex; flex-wrap: wrap; gap: 0.75rem; max-width: 36rem; }
.newsletter__input { flex: 1 1 14rem; min-width: 0; min-height: 3rem; padding: 0.75rem 1rem; border: 2px solid var(--color-background); border-radius: var(--radius-button); background: var(--color-background); color: var(--color-text); }
.newsletter__input:focus { outline: none; border-color: var(--color-heading); }
.newsletter__button { min-height: 3rem; background: var(--color-accent); border-color: var(--color-accent); color: var(--color-on-accent); }
.newsletter__button:hover { background: var(--color-heading); border-color: var(--color-heading); }
.newsletter__consent { display: flex; gap: 0.5rem; align-items: flex-start; max-width: 36rem; margin-top: 0.875rem; font-size: 0.75rem; color: var(--color-text); }
.newsletter__consent input { margin-top: 0.15rem; accent-color: var(--color-accent); }
.newsletter__note { display: flex; align-items: center; gap: 1rem; }
.newsletter__note-icon { flex: none; display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: var(--color-primary); color: var(--color-on-primary); }
.newsletter__note-text { display: flex; flex-direction: column; gap: 0.25rem; }
.newsletter__note-title { font-size: 1.5rem; }
.newsletter__note-sub { font-size: 0.8125rem; color: var(--color-text); }
@media (min-width: 990px) {
  .newsletter--inline .newsletter__panel { grid-template-columns: 1.6fr 1fr; gap: 4rem; }
  .newsletter__note { justify-content: center; }
  .newsletter__note-title { font-size: 1.875rem; max-width: 18rem; }
}

.main-blog__grid { display: grid; gap: 1.5rem; }@media (min-width: 768px) { .main-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (min-width: 1100px) {
  .main-blog__grid--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .main-blog__grid--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}.article-card { display: flex; flex-direction: column; gap: 1rem; height: 100%; }.article-card__media { display: block; overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface); }.article-card__image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 0.4s ease; }.article-card:hover .article-card__image { transform: scale(1.03); }.article-card__body { display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }.article-card--no-image .article-card__body { padding: 1.5rem; border-radius: var(--radius-card); background: var(--color-surface); }.article-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.75rem; font-size: var(--text-small); color: var(--color-text-muted); }.article-card__title { font-size: 1.125rem; font-weight: 700; line-height: 1.3; text-transform: none; letter-spacing: 0; overflow-wrap: anywhere; }.article-card__title a { text-decoration: none; }.article-card__title a:hover { text-decoration: underline; }.article-card__excerpt { color: var(--color-text); overflow-wrap: anywhere; }.article-card__more { margin-top: auto; color: var(--color-heading); }@media (min-width: 990px) {
  .article-card--featured { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: 2.5rem; }
  .article-card--featured.article-card--no-image { grid-template-columns: 1fr; }
  .article-card--featured .article-card__title { font-size: clamp(1.5rem, 1.1rem + 1vw, 2.25rem); text-transform: var(--heading-transform); letter-spacing: var(--heading-letter-spacing); font-weight: var(--heading-weight); }
}.rte { max-width: 47.5rem; font-size: 1.0625rem; line-height: 1.75; color: var(--color-text); overflow-wrap: anywhere; }.rte > * + * { margin-top: 1.25rem; }.rte h2, .rte h3, .rte h4 { margin-top: 2.25rem; text-transform: none; letter-spacing: 0; line-height: 1.25; }.rte h2 { font-size: 1.625rem; font-weight: 800; }.rte h3 { font-size: 1.3125rem; font-weight: 700; }.rte h4 { font-size: 1.125rem; font-weight: 700; color: var(--color-heading); }.rte a:not(.button) { color: var(--color-heading); text-decoration: underline; text-decoration-color: var(--color-accent); text-decoration-thickness: 2px; }.rte ul, .rte ol { padding-left: 1.5rem; }.rte li + li { margin-top: 0.375rem; }.rte li::marker { color: var(--color-accent-text); }.rte blockquote { padding: 0.5rem 0 0.5rem 1.5rem; border-left: 3px solid var(--color-accent); font-family: var(--font-accent); font-size: 1.5rem; line-height: 1.4; color: var(--color-heading); }.rte hr { height: 1px; border: 0; background: var(--color-border); margin-block: 2.5rem; }.rte img, .rte video { width: 100%; height: auto; border-radius: var(--radius-card); }.rte figure figcaption { margin-top: 0.5rem; font-size: var(--text-small); color: var(--color-text-muted); text-align: center; }.rte table { width: 100%; border-collapse: collapse; font-size: var(--text-small); display: block; overflow-x: auto; }.rte th, .rte td { padding: 0.75rem; border: 1px solid var(--color-border); text-align: left; }.rte th { background: var(--color-surface); color: var(--color-heading); }.rte pre { padding: 1rem 1.25rem; border-radius: var(--radius-card); background: var(--color-primary); color: var(--color-on-primary); font-size: 0.875rem; line-height: 1.6; overflow-x: auto; }.rte code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em; }.rte :not(pre) > code { padding: 0.125rem 0.375rem; border-radius: 4px; background: var(--color-surface); color: var(--color-heading); }.rte aside, .rte .content-block--callout { display: flex; gap: 0.75rem; padding: 1rem 1.25rem; border-left: 3px solid var(--color-primary); border-radius: var(--radius-card); background: var(--color-surface); }.rte details { border-block: 1px solid var(--color-border); }.rte details + details { margin-top: 0; border-top: 0; }.rte summary { display: flex; justify-content: space-between; align-items: center; min-height: 3.25rem; font-weight: 700; color: var(--color-heading); }.rte summary::after { content: '+'; font-size: 1.25rem; font-weight: 400; }.rte details[open] > summary::after { content: '−'; }.rte details > :not(summary) { padding-bottom: 1rem; }.rte .content-block--gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0.75rem; }.rte .content-block--products, .rte .content-block--product-slider { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }@media (min-width: 768px) { .rte .content-block--products, .rte .content-block--product-slider { grid-template-columns: repeat(3, minmax(0, 1fr)); } }.rte .content-block--product, .rte .content-block--category, .rte .content-block--brand, .rte .content-block--file { display: flex; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-card); text-decoration: none; }.rte .content-block--product img, .rte .content-block--category img, .rte .content-block--brand img { width: 5rem; aspect-ratio: 1; object-fit: cover; border-radius: calc(var(--radius-card) / 2); }.rte .content-block--banner { padding: 2rem; border-radius: var(--radius-card); background: var(--color-primary); color: var(--color-on-primary); }.rte .content-block--banner :is(h2, h3, a) { color: inherit; }.rte .content-block--video, .rte iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius-card); background: var(--color-surface); }:is(form, [role='form'], fieldset) :is(input, select, textarea)[aria-invalid='true'] { border-color: var(--color-error); box-shadow: 0 0 0 1px var(--color-error); }:is(form, [role='form'], fieldset) :is(input[type='checkbox'], input[type='radio'])[aria-invalid='true'] { outline: 2px solid var(--color-error); outline-offset: 2px; }fieldset[aria-invalid='true'] { border-color: var(--color-error); }.field-error { display: block; flex-basis: 100%; width: 100%; margin: 0.25rem 0 0; color: var(--color-error); font-size: var(--text-small); line-height: 1.4; }.field-required { color: var(--color-error); }