/* Dalga 71: minik-pages.css / minik-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: 0;
  background: var(--color-background);
  color: var(--color-heading);
  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: 500;
  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: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.75rem;
}.variant-picker__value {
  border-radius: 0;
  font-weight: 500;
}.product-details__heading {
  position: relative;
  padding-left: 1rem;
  font-size: var(--text-label);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}.product-details__heading::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.1rem;
  bottom: 0.1rem;
  width: 1px;
  background: var(--color-heading);
}html[data-label-style='plain'] .product-details__heading {
  padding-left: 0;
}html[data-label-style='plain'] .product-details__heading::before {
  display: none;
}.product-details__item[open] > .product-details__summary {
  color: var(--color-heading);
}.product-grid {
  row-gap: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}.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-accent-text);
}.search-empty__terms .pill {
  border-radius: 0;
  background: var(--color-surface);
  border-color: var(--color-surface);
  font-weight: 500;
}.search-empty__terms .pill:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-on-primary);
}@media (min-width: 1280px) {
  :is(.main-collection, .main-search) .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.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-font: var(--font-display);
  --listing-head-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.25rem);
  --listing-head-weight: 400;
  --listing-head-tracking: 0.01em;
  --listing-head-transform: uppercase;
  --listing-toolbar-padding: 0.75rem 0;
  --listing-count-weight: 500;
  --listing-count-color: var(--color-text);
}.main-product__info .pinfo { margin-block: 0; }

/* Minik – ana sayfa ve içerik section'ları (TPL-044, design/duriakids/ANALIZ.md §4, §7.4). 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: 0px;
}
.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: clamp(6rem, 5rem + 3vw, 8rem);
  padding: 1rem 1.25rem;
  background: var(--color-background);
  color: var(--color-heading);
  text-decoration: none;
}
.brand-strip--bordered .brand-strip__item + .brand-strip__item .brand-strip__link {
  border-left: 1px solid var(--color-border);
}
a.brand-strip__link:hover .brand-strip__logo {
  transform: scale(1.04);
}
.brand-strip__logo {
  max-width: 100%;
  max-height: clamp(3rem, 2.5rem + 1.5vw, 4.5rem);
  width: auto;
  object-fit: contain;
  transition:
    filter 0.2s ease,
    opacity 0.2s ease,
    transform 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: 500;
  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: 500;
  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 (§4 #3–#5): 4 editoryal düzen; ofset çerçeve / çizgi deseni / bant CSS dekor. Mobilde hepsi tek kolon. */
.lookbook {
  --look-frame: transparent;
  --look-band: transparent;
  --look-shift: 1rem;
  position: relative;
  isolation: isolate;
  overflow-x: clip;
}
.lookbook--frame-rose {
  --look-frame: var(--frame-rose);
}
.lookbook--frame-ice {
  --look-frame: var(--frame-ice);
}
.lookbook--frame-powder {
  --look-frame: var(--frame-powder);
}
.lookbook--frame-sand {
  --look-frame: var(--frame-sand);
}
.lookbook--band-cream {
  --look-band: var(--band-cream);
}
.lookbook--band-surface {
  --look-band: var(--color-surface);
}
@supports (width: attr(data-x type(<length>), 1px)) {
  .lookbook--frame-custom[data-frame-color^='#'] {
    --look-frame: attr(data-frame-color type(<color>), transparent);
  }
  .lookbook--band-custom[data-band-color^='#'] {
    --look-band: attr(data-band-color type(<color>), transparent);
  }
}
.lookbook__list {
  display: grid;
  gap: clamp(3rem, 2rem + 4vw, 6rem);
}
.lookbook__item {
  position: relative;
  display: grid;
  gap: 1.5rem;
  align-content: start;
  min-width: 0;
}
.lookbook__media {
  position: relative;
}
.lookbook__frame {
  position: absolute;
  z-index: 0;
  top: calc(-1 * var(--look-shift));
  right: calc(-1 * var(--look-shift));
  width: 55%;
  height: 60%;
  background: var(--look-frame);
  pointer-events: none;
}
.lookbook--frame-none .lookbook__frame {
  display: none;
}
.lookbook--pos-top_start .lookbook__frame {
  right: auto;
  left: calc(-1 * var(--look-shift));
}
.lookbook--pos-bottom_end .lookbook__frame {
  top: auto;
  bottom: calc(-1 * var(--look-shift));
}
.lookbook--stripes .lookbook__frame::after {
  content: '';
  position: absolute;
  top: 30%;
  left: 100%;
  width: calc(var(--look-shift) * 1.25);
  height: 55%;
  background: repeating-linear-gradient(135deg, var(--look-frame) 0 1px, transparent 1px 6px);
}
.lookbook__picture,
.lookbook__placeholder {
  position: relative;
  z-index: 1;
  display: block;
}
.lookbook__image,
.lookbook__placeholder {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: var(--radius-card);
  background: var(--color-image-bg);
}
.lookbook__card {
  position: relative;
  z-index: 2;
}
.lookbook--overlay_card .lookbook__image,
.lookbook--overlay_card .lookbook__placeholder {
  aspect-ratio: 4 / 3;
}
.lookbook--overlay_card .lookbook__card {
  margin: -2.5rem 1rem 0;
  padding: 1.75rem 1.5rem;
  background: var(--color-background);
}
.lookbook--side_label::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: calc(var(--section-gap) / 2 - 1.5rem);
  height: clamp(5rem, 3rem + 7vw, 8.75rem);
  background: var(--look-band);
}
.lookbook--band-none::before {
  display: none;
}
@media (min-width: 768px) {
  .lookbook {
    --look-shift: clamp(1.5rem, 3vw, 2.5rem);
  }
  /* staggered: geniş yatay görsel + altında etiket · dikey görsel aşağıda, etiketi üstte */
  .lookbook--staggered .lookbook__list {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    grid-auto-flow: row dense;
    column-gap: clamp(2rem, 1rem + 5vw, 6rem);
    row-gap: clamp(3rem, 6vw, 6rem);
    align-items: start;
  }
  .lookbook--staggered .lookbook__item:nth-child(odd) {
    grid-column: 1;
  }
  .lookbook--staggered .lookbook__item:nth-child(even) {
    grid-column: 2;
    margin-top: clamp(3rem, 1rem + 6vw, 7rem);
  }
  .lookbook--staggered .lookbook__item:nth-child(odd) .lookbook__image,
  .lookbook--staggered .lookbook__item:nth-child(odd) .lookbook__placeholder {
    aspect-ratio: 3 / 2;
  }
  .lookbook--staggered .lookbook__item:nth-child(even) .lookbook__image,
  .lookbook--staggered .lookbook__item:nth-child(even) .lookbook__placeholder {
    aspect-ratio: 7 / 8;
  }
  .lookbook--staggered .lookbook__item:nth-child(even) .lookbook__card {
    order: -1;
    margin-left: -2rem;
  }
  .lookbook--staggered .lookbook__item:nth-child(odd) .lookbook__card {
    margin-left: clamp(1rem, 3vw, 2rem);
  }
  .lookbook--staggered.lookbook--reverse .lookbook__list {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
  }
  .lookbook--staggered.lookbook--reverse .lookbook__item:nth-child(odd) {
    grid-column: 2;
  }
  .lookbook--staggered.lookbook--reverse .lookbook__item:nth-child(even) {
    grid-column: 1;
  }
  /* overlay_card: geniş görsel + üstüne binen beyaz kart + kartın arkasında ofset renkli kare */
  .lookbook--overlay_card .lookbook__list {
    padding-top: clamp(4rem, 8vw, 6rem);
  }
  .lookbook--overlay_card .lookbook__item {
    display: block;
  }
  .lookbook--overlay_card .lookbook__image,
  .lookbook--overlay_card .lookbook__placeholder {
    aspect-ratio: 8 / 3;
    min-height: 20rem;
  }
  .lookbook--overlay_card .lookbook__card {
    position: absolute;
    z-index: 3;
    top: calc(-1 * clamp(3rem, 6vw, 5.25rem));
    left: clamp(1.5rem, 7vw, 4.5rem);
    width: min(20.5rem, 36%);
    margin: 0;
    padding: clamp(2rem, 3.5vw, 2.75rem) clamp(1.5rem, 3vw, 2.25rem);
  }
  .lookbook--overlay_card .lookbook__frame {
    z-index: 2;
    top: calc(-1 * clamp(3rem, 6vw, 5.25rem) - var(--look-shift));
    right: auto;
    left: calc(clamp(1.5rem, 7vw, 4.5rem) + var(--look-shift) + 1.5rem);
    width: min(18.5rem, 32%);
    height: min(18.25rem, 80%);
  }
  .lookbook--overlay_card.lookbook--pos-top_start .lookbook__frame {
    left: calc(clamp(1.5rem, 7vw, 4.5rem) - var(--look-shift));
  }
  .lookbook--overlay_card.lookbook--pos-bottom_end .lookbook__frame {
    top: calc(-1 * clamp(3rem, 6vw, 5.25rem) + 2 * var(--look-shift));
    bottom: auto;
  }
  .lookbook--overlay_card.lookbook--reverse .lookbook__card {
    left: auto;
    right: clamp(1.5rem, 7vw, 4.5rem);
  }
  .lookbook--overlay_card.lookbook--reverse .lookbook__frame {
    left: auto;
    right: calc(clamp(1.5rem, 7vw, 4.5rem) - var(--look-shift));
  }
  /* side_label: görsel + arkasında ofset kare (+ çizgi deseni) · yanda kalın çizgili etiket · altta tam genişlik bant */
  .lookbook--side_label .lookbook__item {
    grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
    column-gap: clamp(2rem, 1rem + 4vw, 4.5rem);
    align-items: center;
  }
  .lookbook--side_label .lookbook__image,
  .lookbook--side_label .lookbook__placeholder {
    aspect-ratio: 8 / 5;
  }
  .lookbook--side_label .lookbook__frame {
    width: 51%;
    height: 49%;
  }
  .lookbook--side_label .lookbook__card {
    padding-top: 2rem;
  }
  .lookbook--side_label.lookbook--reverse .lookbook__item {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr);
  }
  .lookbook--side_label.lookbook--reverse .lookbook__media {
    order: 2;
  }
  /* grid: 2–4 eşit kolon */
  .lookbook--grid .lookbook__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gap);
  }
}
@media (min-width: 1024px) {
  .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));
  }
}
.lookbook--grid .lookbook__frame {
  display: none;
}
.lookbook .section-heading__title {
  font-family: var(--font-display);
  font-size: var(--text-feature-heading);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

/* Kategori kartları: daire / karo; Minik `tile` = dikey karo + altında dikey çizgili etiket (mobil yatay kaydırma) */
.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-text-muted);
  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: 500;
  line-height: 1.3;
}
.category-card:hover .category-card__title {
  color: var(--color-primary);
}
.category-card__count {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  background: transparent;
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-weight: 400;
}
.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;
  }
}
.category-cards--circle .category-cards__item:nth-child(4n + 1) .category-card__media {
  background: var(--tile-powder);
}
.category-cards--circle .category-cards__item:nth-child(4n + 2) .category-card__media {
  background: var(--tile-sky);
}
.category-cards--circle .category-cards__item:nth-child(4n + 3) .category-card__media {
  background: var(--color-surface);
}
.category-cards--circle .category-cards__item:nth-child(4n + 4) .category-card__media {
  background: var(--tile-powder);
}

/* Kampanya kartları: ortak `color_scheme` hazır ayarları (AA), köşe 0; görsel yarıda (ayna) */
.campaign-banner--full {
  padding-block: 0;
}
.campaign-banner__list {
  display: grid;
  gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
}
.campaign-banner--full .campaign-banner__list {
  gap: 0;
}
@media (min-width: 768px) {
  .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(--tile-pink);
  --tile-fg: var(--tile-on-light);
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  border-radius: var(--radius-card);
  background: var(--tile-bg);
  color: var(--tile-fg);
  overflow: hidden;
}
.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);
  --tile-fg: var(--color-heading);
}
.campaign-tile--pink {
  --tile-bg: var(--tile-pink);
  --tile-fg: var(--tile-on-light);
}
.campaign-tile--teal {
  --tile-bg: var(--tile-teal);
  --tile-fg: var(--tile-on-light);
}
.campaign-tile--powder {
  --tile-bg: var(--tile-powder);
  --tile-fg: var(--tile-on-light);
}
.campaign-tile--sky {
  --tile-bg: var(--tile-sky);
  --tile-fg: var(--color-heading-alt);
}
.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--blue {
  --tile-bg: #1d4ed8;
  --tile-fg: #ffffff;
  --tile-muted: #ffffff;
}
.campaign-tile--green {
  --tile-bg: #15803d;
  --tile-fg: #ffffff;
  --tile-muted: #ffffff;
}
.campaign-tile--orange {
  --tile-bg: #fdba74;
  --tile-fg: #3b1d02;
  --tile-muted: #3b1d02;
}
.campaign-tile--red {
  --tile-bg: #b91c1c;
  --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: flex-start;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.5rem 1.25rem 1.75rem;
}
.campaign-tile__icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  background: var(--color-background);
  color: var(--color-heading);
}
.campaign-tile__eyebrow {
  font-size: var(--text-eyebrow);
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--tile-fg);
}
.campaign-tile__heading {
  font-size: calc(var(--text-h3) * var(--heading-scale));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  color: var(--tile-fg);
  overflow-wrap: anywhere;
}
.campaign-tile__text {
  max-width: 20rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--tile-fg);
}
.campaign-tile__link {
  margin-top: 0.75rem;
  background: var(--color-background);
  border-color: var(--color-background);
  color: var(--color-heading);
}
.campaign-tile__link:hover {
  background: var(--color-heading);
  border-color: var(--color-heading);
  color: var(--color-background);
}
.campaign-tile__media {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.campaign-tile__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.campaign-tile--image-background {
  min-height: 20rem;
  justify-content: flex-end;
  flex-direction: column;
}
.campaign-tile--image-background .campaign-tile__media {
  position: absolute;
  inset: 0;
}
.campaign-tile--image-background .campaign-tile__image {
  height: 100%;
  aspect-ratio: auto;
}
.campaign-tile--image-background .campaign-tile__body {
  margin: 1rem;
  background: var(--tile-bg);
}
@media (min-width: 640px) {
  .campaign-tile--image-left,
  .campaign-tile--image-right {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: clamp(18rem, 12rem + 12vw, 26rem);
  }
  .campaign-tile--image-right .campaign-tile__body {
    grid-column: 1;
    grid-row: 1;
    padding: 2rem clamp(1.25rem, 3vw, 2.5rem);
  }
  .campaign-tile--image-right .campaign-tile__media {
    grid-column: 2;
    grid-row: 1;
  }
  .campaign-tile--image-left .campaign-tile__media {
    grid-column: 1;
    grid-row: 1;
  }
  .campaign-tile--image-left .campaign-tile__body {
    grid-column: 2;
    grid-row: 1;
    align-items: flex-end;
    text-align: right;
    padding: 2rem clamp(1.25rem, 3vw, 2.5rem);
  }
  .campaign-tile--image-left .campaign-tile__image,
  .campaign-tile--image-right .campaign-tile__image {
    position: absolute;
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
    object-position: center bottom;
  }
  .campaign-banner--cols-1 .campaign-tile--image-right {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  }
  .campaign-banner--cols-1 .campaign-tile__heading {
    font-size: calc(var(--text-h1) * 0.8 * var(--heading-scale));
  }
}

/* icon-features (§4 #11): split_image = kenardan kenara açık mavi panel + yan görsel; row / divided = ortalı güven satırı */
.icon-features__list {
  display: grid;
  gap: 1.5rem;
}
@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 {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}
.icon-feature__icon {
  flex: none;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-accent);
}
.icon-feature__icon .icon {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
  fill-opacity: 0.22;
}
.icon-feature__text {
  display: grid;
  gap: 0.375rem;
  min-width: 0;
}
.icon-feature__title {
  color: var(--color-heading);
  font-size: clamp(1.0625rem, 0.95rem + 0.5vw, 1.375rem);
  font-weight: 500;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.icon-feature__desc {
  font-size: var(--text-small);
  line-height: 1.6;
  color: var(--color-text-muted);
  overflow-wrap: anywhere;
}
.icon-features--row .icon-features__list,
.icon-features--divided .icon-features__list {
  padding: 1.5rem;
  background: var(--color-surface-alt);
}
.icon-features--divided .icon-feature {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.icon-features--split_image {
  padding-block: 0;
}
.icon-features__split {
  display: grid;
  background: var(--color-surface-alt);
}
.icon-features__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: clamp(2.5rem, 2rem + 3vw, 5rem) var(--gutter);
}
.icon-features__eyebrow {
  font-size: var(--text-small);
  font-weight: 500;
  color: var(--color-sale);
}
.icon-features__heading {
  max-width: 30rem;
  margin-bottom: 1rem;
  font-size: calc(var(--text-feature-heading) * var(--heading-scale));
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-heading-alt);
}
.icon-features--split_image .icon-feature__desc {
  color: var(--color-panel-muted);
}
.icon-features__media {
  order: -1;
  min-height: 16rem;
  background: var(--color-surface);
}
.icon-features__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.icon-features__placeholder {
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 16rem;
  color: var(--color-text-muted);
}
@media (min-width: 768px) {
  .icon-features__split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .icon-features__media {
    order: 0;
    min-height: 28rem;
  }
  .icon-features__panel {
    padding-inline: max(var(--gutter), calc((100vw - var(--container-width)) / 2 + var(--gutter)))
      clamp(1.5rem, 4vw, 4.5rem);
  }
  .icon-features--image-start .icon-features__media {
    order: -1;
  }
  .icon-features--image-start .icon-features__panel {
    padding-inline: clamp(1.5rem, 4vw, 4.5rem)
      max(var(--gutter), calc((100vw - var(--container-width)) / 2 + var(--gutter)));
  }
  .icon-features--image-center .icon-features__split {
    grid-template-columns: 1fr;
  }
  .icon-features--image-center .icon-features__media {
    order: -1;
    min-height: 22rem;
  }
}

/* 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 (§7.4): krem zemin, solda display başlık; siyah 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-family: var(--font-display);
  font-size: calc(var(--text-feature-heading) * var(--heading-scale));
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--color-heading);
}
.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: 1px solid var(--color-border);
  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-primary);
  border-color: var(--color-primary);
  color: var(--color-on-primary);
}
.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-primary);
}
.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;
  background: var(--color-background);
  color: var(--color-accent);
}
.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;
  }
}
.newsletter--stacked .newsletter__panel {
  justify-items: center;
  text-align: center;
}
.newsletter--stacked .newsletter__form-wrap {
  display: grid;
  justify-items: center;
  max-width: 40rem;
}
.newsletter--stacked .newsletter__consent {
  text-align: left;
}

.newsletter--inline .newsletter__heading::after {
  margin-inline: 0;
}
@media (min-width: 600px) {
  .icon-features--split_image .icon-features__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 2.5rem;
  }
}
.newsletter--stacked .newsletter__form-wrap {
  width: 100%;
}
.newsletter--stacked .newsletter__field {
  width: 100%;
  justify-content: center;
}

/* Minik: kategori karoları (§7.4) – dikey görsel + altında dikey çizgili etiket */
.category-cards--tile .category-card {
  align-items: flex-start;
  gap: 1rem;
  text-align: left;
}
.category-cards--tile .category-card__media {
  aspect-ratio: 4 / 5;
  background: var(--color-image-bg);
}
.category-cards--tile .category-card__title {
  position: relative;
  padding-left: 1rem;
  font-size: var(--text-label);
  font-weight: 700;
}
.category-cards--tile .category-card__title::before {
  content: '';
  position: absolute;
  left: 0;
  top: -0.125rem;
  bottom: -0.125rem;
  width: 1px;
  background: var(--color-heading);
}
html[data-label-style='plain'] .category-cards--tile .category-card__title {
  padding-left: 0;
}
html[data-label-style='plain'] .category-cards--tile .category-card__title::before {
  display: none;
}
.category-cards--tile .category-card:hover .category-card__title {
  color: var(--color-heading);
  text-decoration: underline;
  text-underline-offset: 0.25em;
}
.category-cards--tile .category-cards__list {
  grid-auto-columns: calc((100% - 0.75rem) / 1.6);
}
@media (min-width: 768px) {
  .category-cards--tile .category-cards__list {
    grid-auto-columns: calc((100% - 2 * 1rem) / 3);
  }
}

/* Minik: image-block – kum zeminli kart, Bebas Neue başlık */
.image-block__heading {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 2rem + 2.4vw, 4rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--color-heading);
}
.image-block__content {
  background: var(--color-surface-alt);
}
@media (min-width: 768px) {
  .image-block__frame:has(.image-block__image) .image-block__content {
    margin: 0;
    inset: 0 auto 0 0;
    max-width: min(28rem, 42%);
    align-content: center;
    padding: clamp(2rem, 4vw, 3.5rem);
    background: var(--color-surface-alt);
  }
}

/* Minik: ürün listeleri – editoryal ferah aralık */
.product-slider__track {
  --slider-gap: var(--grid-gap);
}
@media (max-width: 767px) {
  .product-slider__track > .product-slider__item {
    flex-basis: calc((100% - var(--slider-gap)) / 1.6);
  }
}
@media (min-width: 1280px) {
  .product-slider__track {
    --slider-gap: var(--grid-gap);
  }
}
.campaign-tile__heading {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.newsletter__button:hover {
  background: var(--color-accent-text);
  border-color: var(--color-accent-text);
}
.newsletter__note-icon {
  color: var(--color-heading);
}

.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: 500;
  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: 500;
}.rte h3 {
  font-size: 1.3125rem;
  font-weight: 500;
}.rte h4 {
  font-size: 1.125rem;
  font-weight: 500;
  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: 500;
  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);
}.product-card__link {
  display: inline-block;
  min-height: 1.5rem;
}.announcement__cta {
  min-width: 1.5rem;
  justify-content: center;
}.article-card__more,
.link-arrow {
  min-height: 1.5rem;
}.footer__heading {
  min-height: 1.5rem;
}.header__logo {
  min-height: 1.5rem;
}@media (max-width: 47.99rem) {
  .main-cart__layout {
    min-height: 20rem;
  }
}: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); }