/* Dalga 71: huzur-pages.css / huzur-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-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-primary); }.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-surface-alt); color: var(--color-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; }.product-details__heading { font-size: 1.0625rem; font-weight: 500; text-transform: none; letter-spacing: 0; }.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; } }.main-product__info .pinfo { margin-block: 0; }

/* Huzur – ürün listeleri, marka şeridi ve içerik section'ları (TPL-004 / TPL-005). Yalnız token değişkenleri. */

/* 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-background); border-color: var(--color-background); color: var(--color-primary); }

/* 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-primary); 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 (Huzur 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); }

/* icon-features: row (Huzur), divided, split_image */
.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 { --feature-icon: var(--color-heading); display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: var(--radius-card); background: var(--color-surface); }
.icon-feature:nth-child(3n + 2) { --feature-icon: var(--color-primary); }
.icon-feature:nth-child(3n + 3) { --feature-icon: var(--color-accent); }
.icon-feature__icon { flex: none; display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--color-background); color: var(--feature-icon); }
.icon-feature__text { display: grid; gap: 0.125rem; min-width: 0; }
.icon-feature__title { color: var(--color-heading); font-size: 0.9375rem; font-weight: 600; overflow-wrap: anywhere; }
.icon-feature__desc { font-size: var(--text-small); color: var(--color-text-muted); overflow-wrap: anywhere; }
.icon-features--divided .icon-features__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 0; }
.icon-features--divided .icon-feature { flex-direction: column; gap: 0.5rem; padding: 0.5rem 1rem; text-align: center; background: none; border-radius: 0; }
.icon-features--divided .icon-feature__icon { width: auto; height: auto; background: none; }
.icon-features--divided .icon-feature:nth-child(even) { border-left: 1px solid var(--color-border); }
@media (min-width: 990px) {
  .icon-features--divided .icon-features__list--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .icon-features--divided .icon-features__list--4, .icon-features--divided .icon-features__list--5, .icon-features--divided .icon-features__list--6 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 990px) { .icon-features--divided .icon-feature + .icon-feature { border-left: 1px solid var(--color-border); } }
.icon-features--divided { padding-block: clamp(1.5rem, 1rem + 2vw, 2.5rem); }
.icon-features--split_image .icon-features__body { display: grid; gap: 1.5rem; align-items: center; }
.icon-features__image, .icon-features__placeholder { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-card); }
.icon-features--split_image .icon-features__list { grid-template-columns: 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--image-center .icon-features__body { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr); }
  .icon-features--split_image.icon-features--image-center .icon-features__media { grid-column: 2; grid-row: 1; }
  .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.1fr) minmax(0, 1fr); column-gap: 3rem; }
  .icon-features--split_image.icon-features--image-center .icon-feature:nth-child(odd) { grid-column: 1; }
  .icon-features--split_image.icon-features--image-center .icon-feature:nth-child(even) { grid-column: 3; }
}

/* editorial-split (Huzur'a özel): görsel · metin · koyu yan kart */
.editorial-split { padding-block: 0; }
.editorial-split__grid { display: grid; }
.editorial-split__media { background: var(--color-surface-alt); }
.editorial-split__image, .editorial-split__placeholder { display: grid; place-items: center; width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.editorial-split__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; padding: 2.5rem var(--gutter); }
.editorial-split__heading { font-size: calc(var(--text-h2) * var(--heading-scale)); font-weight: 400; max-width: 22rem; }
.editorial-split__text { max-width: 26rem; color: var(--color-text); }
.editorial-split__card { position: relative; display: flex; align-items: center; min-height: 18rem; background: var(--color-heading); color: var(--color-on-dark); overflow: hidden; }
.editorial-split__card-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.editorial-split__card::before { content: ''; position: absolute; inset: 0; z-index: 1; background: var(--color-dark-overlay); }
.editorial-split__card-body { position: relative; z-index: 2; padding: 2rem var(--gutter); }
.editorial-split__card-heading { margin-bottom: 1.5rem; font-size: 1.375rem; font-weight: 400; line-height: 1.3; color: var(--color-on-dark); }
.editorial-split__list { display: grid; gap: 1rem; }
.editorial-split__item { display: flex; align-items: center; gap: 0.875rem; font-size: 0.875rem; }
.editorial-split__item-icon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex: none; border: 1px solid var(--color-on-dark); border-radius: 50%; }
@media (min-width: 768px) {
  .editorial-split__grid { grid-template-columns: 1fr 1fr; }
  .editorial-split--with-card .editorial-split__card { grid-column: 1 / -1; }
  .editorial-split--image-end .editorial-split__media { order: 2; }
  .editorial-split__image { aspect-ratio: auto; min-height: 22rem; }
}
@media (min-width: 1100px) {
  .editorial-split--with-card .editorial-split__grid { grid-template-columns: 1.15fr 1fr 0.7fr; }
  .editorial-split--with-card .editorial-split__card { grid-column: auto; }
  .editorial-split__content { padding: 3rem clamp(2rem, 4vw, 4rem); }
  .editorial-split__card-body { padding: 2.5rem; }
}

/* inspiration-collage (Huzur'a özel): büyük görsel · metin · 3'lü kolaj · el yazısı not */
/* Eğik el yazısı not tam genişlikte; döndürülen kutu (uzun çeviri) sayfayı yatay taşırmasın – yalnız kırpılır. */
.inspiration-collage { overflow-x: clip; }
.inspiration-collage__grid { display: grid; gap: 1.5rem; }
.inspiration-collage__media { background: var(--color-surface-alt); }
.inspiration-collage__image, .inspiration-collage__placeholder { display: grid; place-items: center; width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; color: var(--color-accent-text); }
.inspiration-collage__content { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding-inline: var(--gutter); }
.inspiration-collage__heading { font-size: calc(var(--text-h2) * var(--heading-scale)); font-weight: 400; max-width: 22rem; }
.inspiration-collage__text { max-width: 26rem; }
.inspiration-collage .inspiration-collage__tiles { --slider-gap: 0.75rem; padding-inline: var(--gutter); }
.inspiration-collage .inspiration-collage__tiles > li { flex: 0 0 62%; width: 62%; }
.inspiration-collage__tile { overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface-alt); }
.inspiration-collage__tile-image { width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; }
.inspiration-collage__note { display: flex; align-items: center; gap: 0.5rem; padding-inline: var(--gutter); font-size: 1.75rem; transform: rotate(-4deg); transform-origin: left; }
@media (min-width: 1100px) {
  .inspiration-collage__grid { grid-template-columns: 1.1fr 1fr 0.75fr 0.35fr; align-items: center; gap: 0 2.5rem; padding-right: var(--gutter); }
  .inspiration-collage__image { aspect-ratio: auto; min-height: 20rem; }
  .inspiration-collage__media { align-self: stretch; }
  .inspiration-collage__content { padding: 2rem 0; }
  .inspiration-collage .inspiration-collage__tiles { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 0.75rem; padding: 1.5rem 0; overflow: visible; }
  .inspiration-collage .inspiration-collage__tiles > li { flex: none; width: auto; }
  .inspiration-collage__tile:first-child { grid-row: 1 / 3; }
  .inspiration-collage__tiles--2 .inspiration-collage__tile:first-child { grid-row: auto; }
  .inspiration-collage__note { flex-direction: column; padding: 0; font-size: 2rem; text-align: center; }
}

/* image-gallery (Huzur'a özel): kare görseller */
.image-gallery__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
.image-gallery__item { overflow: hidden; border-radius: var(--radius-card); background: var(--color-surface-alt); aspect-ratio: 1; }
.image-gallery__link { display: block; height: 100%; }
.image-gallery__image, .image-gallery__placeholder { display: grid; place-items: center; width: 100%; height: 100%; object-fit: cover; color: var(--color-accent-text); transition: transform 0.4s ease, opacity 0.2s ease; }
.image-gallery__link:hover .image-gallery__image { transform: scale(1.04); opacity: 0.9; }
@media (min-width: 768px) {
  .image-gallery__list { gap: var(--grid-gap); }
  .image-gallery--cols-4 .image-gallery__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .image-gallery--cols-5 .image-gallery__list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .image-gallery--cols-6 .image-gallery__list { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

.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); }