@font-face {
  font-family: "PeydaWeb";
  src: url("../fonts/PeydaWebVF.woff2") format("woff2"), url("../fonts/PeydaWebVF.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2") format("woff2"), url("../fonts/bootstrap-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #111827;
  --color-text: #171d2a;
  --color-muted: #555b66;
  --color-border: rgba(17, 24, 39, .11);
  --color-surface: #fff;
  --color-hero: #eaeaec;
  --border-radius-card: 18px;
  --border-radius-button: 12px;
  --container-width: 1480px;
  --font-base: "PeydaWeb", Tahoma, Arial, sans-serif;
  --homepage-section-gap: clamp(34px, 3vw, 52px);
  --section-title-size: clamp(21px, 1.25vw, 26px);
  --section-title-weight: 800;
  --section-title-color: var(--color-primary);
  --section-link-size: clamp(12px, .72vw, 13px);
  --section-link-weight: 700;
  --section-link-color: var(--color-primary);
  --card-title-size: clamp(13px, .78vw, 16px);
  --card-title-weight: 800;
  --card-title-color: var(--color-primary);
  --card-text-size: clamp(10px, .66vw, 12px);
  --card-text-weight: 500;
  --card-text-color: #69707b;
  --card-price-size: clamp(10px, .66vw, 12px);
  --card-price-weight: 700;
  --card-price-color: var(--color-primary);
  --btn-section-height: 48px;
  --btn-section-radius: 12px;
  --btn-section-padding-x: 18px;
  --btn-section-font-size: 14px;
  --btn-section-font-weight: 700;
  --btn-section-gap: 10px;
  --btn-section-border: 1px solid rgba(17, 24, 39, .16);
  --btn-section-dark-bg: var(--color-primary);
  --btn-section-dark-color: var(--color-surface);
  --btn-section-dark-border: var(--color-primary);
  --btn-section-light-bg: var(--color-surface);
  --btn-section-light-color: var(--color-primary);
  --btn-section-light-border: rgba(17, 24, 39, .16);
  --btn-section-hover-bg: var(--color-primary);
  --btn-section-hover-color: var(--color-surface);
  --btn-section-hover-border: var(--color-primary);
  --btn-section-hover-y: -2px;
  --btn-section-transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
  --btn-section-width: 160px;
  --shadow-card-hover: 0 14px 32px var(--color-border-soft);
  --shadow-sticky-header: 0 10px 28px var(--color-border-soft);
  --transition-standard: .22s ease;
  --focus-ring: 0 0 0 3px rgba(183, 132, 93, .28);
  --color-accent: #b7845d;
  --color-border-soft: rgba(17, 24, 39, .08);
  --color-border-card: rgba(17, 24, 39, .09);
  --color-border-medium: rgba(17, 24, 39, .10);
  --shadow-card-soft: 0 18px 46px rgba(17, 24, 39, .045);
  --radius-card-sm: 10px;
  --radius-card-md: 18px;
  --radius-card-lg: 24px;
  --btn-width-standard: 160px;
  --btn-height-standard: 48px;
  --btn-radius-standard: 12px;
  --btn-font-size-standard: 14px;
  --btn-font-weight-standard: 700;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { margin: 0; font-family: var(--font-base); color: var(--color-text); background: var(--color-hero); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

a { color: inherit; text-decoration: none; }

img { display: block; max-width: 100%; }

/* Homepage Bootstrap utility replacements (full Bootstrap is skipped on Home). */
.container-fluid { width: 100%; margin-inline: auto; }
.list-unstyled { margin: 0; padding: 0; list-style: none; }
.mb-0 { margin-bottom: 0 !important; }

button { font-family: inherit; }

.bi::before {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-search::before { content: ""; }

.bi-heart::before { content: ""; }

.bi-person::before { content: ""; }

.bi-bag::before { content: ""; }

.bi-bag-heart::before { content: ""; }

.bi-person-standing-dress::before { content: ""; }

.bi-gem::before { content: ""; }

.bi-handbag::before { content: ""; }

.bi-stars::before { content: ""; }

.bi-arrow-down::before { content: ""; }

.bi-chevron-left::before { content: ""; }

.bi-funnel::before { content: ""; }

.bi-sort-down::before { content: ""; }

.bi-grid-3x3-gap-fill::before { content: ""; }

.bi-list-ul::before { content: ""; }

.bi-x-lg::before { content: ""; }

.aynazi-container { width: min(100% - 64px, var(--container-width)); margin-inline: auto; padding-inline: 0; }

.home-hero { height: 100svh; min-height: 100svh; display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; background: var(--color-hero); }

.home-header { position: relative; z-index: 10; padding-block: clamp(14px, 2.1vh, 26px); }

.home-header__inner { direction: ltr; display: grid; grid-template-columns: 260px minmax(0, 1fr) 260px; align-items: center; min-height: 66px; }

.home-header__actions { justify-self: start; display: flex; align-items: center; gap: 30px; direction: rtl; }

.header-icon { position: relative; display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; color: var(--color-primary); }

.header-icon i { font-size: 27px; }

.header-icon__badge {
  position: absolute;
  top: -10px;
  right: -7px;
  min-width: 19px;
  height: 19px;
  padding-inline: 4px;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-surface);
  font-size: 11px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
}

.home-header__logo { justify-self: end; display: inline-flex; align-items: center; }

.home-header__logo img { width: clamp(112px, 7vw, 136px); height: auto; }

.home-hero__stage { position: relative; min-height: 0; display: flex; align-items: stretch; }

.home-hero__stage-inner {
  direction: ltr;
  position: relative;
  display: grid;
  grid-template-columns: minmax(480px, 55%) minmax(360px, 40%) minmax(54px, 5%);
  align-items: stretch;
  gap: 0;
  min-height: 100%;
  padding-top: 0;
}

.home-hero__content {
  direction: rtl;
  position: relative;
  z-index: 3;
  justify-self: start;
  align-self: stretch;
  width: min(100%, 760px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: clamp(4px, 1.2vh, 12px);
  padding-bottom: 0;
}

.home-hero__slide-content { width: 100%; }

.home-hero__slide-content:not(.is-active) { display: none; }

.home-hero__eyebrow { margin: 0 0 clamp(16px, 2.1vh, 24px); font-size: clamp(17px, 1.25vw, 21px); font-weight: 500; color: #2f3540; }

.home-hero__title { margin: 0; color: var(--color-primary); font-size: clamp(46px, 4.05vw, 70px); font-weight: 800; line-height: 1.2; letter-spacing: -0.035em; max-width: 760px; }

.home-hero__description { margin: clamp(14px, 2vh, 22px) 0 0; color: #303742; font-size: clamp(18px, 1.18vw, 22px); font-weight: 400; line-height: 1.9; max-width: 720px; }

.aynazi-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-height: 62px;
  margin-top: clamp(20px, 3vh, 30px);
  padding: 0 34px;
  border-radius: var(--border-radius-button);
  background: var(--color-primary);
  color: var(--color-surface);
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.aynazi-btn:hover { color: var(--color-surface); transform: translateY(-2px); }

.aynazi-btn i { font-size: 16px; }

.home-hero__visual {
  position: relative;
  z-index: 1;
  align-self: stretch;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: clamp(0px, 1.2vh, 18px);
  background: var(--color-hero);
}

.home-hero__image { width: auto; max-width: none; max-height: 100%; object-fit: contain; object-position: center bottom; mix-blend-mode: normal; }

.home-hero__slider {
  direction: ltr;
  position: relative;
  z-index: 4;
  align-self: center;
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: min(390px, 46vh);
  color: var(--color-primary);
}

.home-hero__slide {
  width: 42px;
  min-height: 34px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(17, 24, 39, .45);
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.home-hero__slide.is-active { color: var(--color-primary); }

.home-hero__slide.is-active::after { content: ""; display: block; width: 3px; height: 52px; margin: 18px auto 10px; border-radius: 999px; background: var(--color-primary); }

.home-hero__scroll { display: inline-flex; flex-direction: column; align-items: center; gap: 12px; margin-top: auto; color: var(--color-primary); }

.home-hero__scroll i { font-size: 34px; }

.home-hero__scroll span { width: 58px; font-size: 15px; line-height: 1.55; color: #6a707b; direction: rtl; text-align: center; }

.hero-shortcuts { direction: ltr; position: relative; z-index: 5; width: 100%; margin-top: 120px; padding-bottom: 0; }

.hero-shortcuts__list { direction: rtl; display: grid; grid-template-columns: repeat(5, minmax(112px, 1fr)); gap: clamp(14px, 1.6vw, 24px); width: min(680px, 100%); margin-left: 35px; margin-right: auto; }

.shortcut-card {
  display: flex;
  min-height: clamp(96px, 11vh, 112px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-card);
  background: rgba(255, 255, 255, .82);
  color: var(--color-primary);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.shortcut-card i { font-size: 28px; }

.shortcut-card__icon {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
}

.shortcut-card__icon img,
.hero-shortcut-svg {
  width: 32px;
  height: 32px;
  object-fit: contain;
  display: block;
  transform: scale(1.12);
  transform-origin: center;
}

.shortcut-card__icon--svg {
  color: var(--color-primary);
}

.shortcut-card__icon--svg img {
  filter: contrast(1.35);
}

.shortcut-card:hover { transform: translateY(-4px); background: var(--color-surface); }

.section-block { background: var(--color-surface); }

.section-heading { direction: rtl; display: flex; align-items: center; justify-content: space-between; gap: 24px; }

.section-heading__title { margin: 0; color: var(--color-primary); letter-spacing: -0.025em; }

.section-heading__link { display: inline-flex; align-items: center; white-space: nowrap; }

.section-heading__link i { font-size: .9em; }

.latest-products__grid { direction: ltr; display: grid; }

.latest-feature-card, .product-card { border: 1px solid var(--color-border-card); border-radius: 18px; background: var(--color-surface); }

.latest-feature-card { position: relative; }

.latest-feature-card__link { position: relative; display: block; width: 100%; height: 100%; min-height: inherit; color: var(--color-surface); }

.latest-feature-card__image { width: 100%; height: 100%; min-height: inherit; object-fit: cover; object-position: center center; }

.latest-feature-card__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 14, 24, .78) 0%, rgba(8, 14, 24, .38) 38%, rgba(8, 14, 24, .08) 74%); pointer-events: none; }

.latest-feature-card__content { direction: rtl; position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; color: var(--color-surface); text-align: right; }

.latest-feature-card__eyebrow { font-weight: 500; }

.latest-feature-card__title { margin: 0 0 18px; font-weight: 800; letter-spacing: -0.02em; }

.latest-feature-card__price { margin: 0 0 clamp(44px, 4.6vw, 72px); font-weight: 600; }

.latest-feature-card__button, .product-card__button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; background: var(--color-primary); color: var(--color-surface); font-weight: 800; line-height: 1; }

.latest-feature-card__button { border: 2px solid rgba(255, 255, 255, .92); }

.product-card { direction: rtl; flex-direction: column; }

.product-card__media { position: relative; background: #f1f1f1; overflow: hidden; }

.product-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.product-card__wishlist { position: absolute; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--color-primary); cursor: pointer; }

.product-card__body { flex: 1; align-items: center; text-align: center; }

.product-card__title { color: var(--color-primary); font-weight: 700; }

.product-card__price { color: var(--color-primary); font-weight: 500; }

.product-card__colors { display: flex; align-items: center; justify-content: center; padding: 0; }

.product-color { display: block; border-radius: 50%; border: 1px solid rgba(17, 24, 39, .06); }

.product-color--light { background: #d9d9d9; }

.product-color--brown { background: #5a4537; }

.product-color--dark { background: #030303; }

.product-color--sand { background: #b6aa9c; }

.product-color--navy { background: #081526; }

.latest-feature-card__button:hover, .product-card__button:hover { color: var(--color-surface); transform: translateY(-2px); }

.suggested-styles__heading { justify-content: flex-start; }

.suggested-styles__grid { direction: ltr; display: grid; }

.suggested-intro-card, .style-card { border: 1px solid var(--color-border-soft); background: var(--color-surface); box-shadow: 0 16px 42px rgba(17, 24, 39, .04); }

.suggested-intro-card { direction: rtl; align-items: flex-start; background: linear-gradient(180deg, rgba(250, 249, 247, .94), rgba(255, 255, 255, .96)); }

.suggested-intro-card__icon { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #f2ebe3; color: var(--color-primary); }

.suggested-intro-card__title { margin: 0; color: var(--color-primary); font-weight: 800; letter-spacing: -0.025em; }

.suggested-intro-card__line, .style-card__line { display: block; width: 40px; height: 2px; background: var(--color-accent); }

.suggested-intro-card__text { margin: 0; color: #777b84; font-weight: 500; }

.suggested-intro-card__button { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 14px; margin-top: auto; background: var(--color-primary); color: var(--color-surface); font-weight: 800; }

.suggested-intro-card__button:hover { color: var(--color-surface); transform: translateY(-2px); }

.style-card { direction: rtl; flex-direction: column; }

.style-card__media { position: relative; overflow: hidden; background: var(--color-hero); }

.style-card__media img { width: 100%; object-fit: cover; object-position: center top; }

.style-card__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 14, 24, .72) 0%, rgba(8, 14, 24, .42) 36%, rgba(8, 14, 24, .08) 78%); pointer-events: none; }

.style-card__wishlist { position: absolute; z-index: 3; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--color-surface); cursor: pointer; }

.style-card__content { position: absolute; z-index: 2; color: var(--color-surface); }

.style-card__title { margin: 0; font-weight: 800; }

.style-card__line { width: 34px; background: rgba(255, 255, 255, .86); }

.style-card__items { margin: 0; color: var(--color-surface); font-weight: 600; }

.style-card__footer { display: flex; align-items: center; background: var(--color-surface); }

.style-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid rgba(17, 24, 39, .11);
  color: var(--color-primary);
  font-weight: 800;
  white-space: nowrap;
}

.style-card__button:hover { background: var(--color-primary); color: var(--color-surface); }

.style-card__thumbs { direction: ltr; display: flex; align-items: center; margin: 0; padding: 0; }

.style-card__thumbs li { overflow: hidden; background: #f2f2f2; }

.style-card__thumbs img { width: 100%; height: 100%; object-fit: cover; }

.style-card__thumbs span { display: flex; align-items: center; justify-content: center; color: #717783; font-weight: 700; }

.section-heading__title { font-weight: 800; }

.suggested-intro-card { min-height: clamp(570px, 35vw, 650px); }

.style-card { min-height: clamp(570px, 35vw, 650px); }

.section-block > .aynazi-container { width: min(100% - 72px, 1480px); }

.section-heading__title { line-height: 1.25; }

.section-heading__link { gap: 9px; }

.latest-feature-card { border-radius: 17px; }

.latest-feature-card__button { border-width: 1.5px; }

.product-card { border-radius: 17px; }

.suggested-intro-card, .style-card { border-radius: 18px; }

.latest-feature-card { min-height: clamp(390px, 25.5vw, 485px); }

.product-card { min-height: clamp(390px, 25.5vw, 485px); }

.section-block { padding-block: clamp(26px, 2.2vw, 36px); }

.section-heading { margin-bottom: clamp(16px, 1.25vw, 22px); }

.section-heading__title { font-size: clamp(21px, 1.25vw, 26px); }

.suggested-styles { padding-top: clamp(18px, 1.8vw, 30px); }

.suggested-styles__heading { margin-bottom: clamp(16px, 1.25vw, 22px); }

.style-card__media, .style-card__media img { min-height: clamp(190px, 11.5vw, 230px); }

.style-card__line { margin-block: 7px 8px; }

.latest-products.section-block, .suggested-styles.section-block { padding-block: clamp(24px, 2vw, 34px); }

.latest-products .section-heading, .suggested-styles .section-heading { margin-bottom: clamp(14px, 1vw, 20px); }

.latest-products__grid { grid-template-columns: minmax(300px, 1.45fr) minmax(0, 3fr); gap: clamp(14px, .9vw, 18px); }

.latest-products__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, .85vw, 16px); align-items: stretch; }

.latest-feature-card, .product-card { min-height: 0; overflow: hidden; }

.latest-feature-card__content { left: clamp(16px, 1.15vw, 22px); bottom: clamp(16px, 1.15vw, 22px); }

.latest-feature-card__eyebrow { margin-bottom: 4px; }

.latest-feature-card__title { margin-bottom: 5px; }

.latest-feature-card__button, .product-card__button { min-height: 32px; border-radius: 8px; font-size: clamp(10px, .62vw, 12px); }

.product-card { display: grid; }

.product-card__media { height: auto; min-height: 0; }

.product-card__body { min-height: 0; display: flex; flex-direction: column; justify-content: space-between; }

.product-card__wishlist { top: 10px; left: 10px; width: 22px; height: 22px; }

.product-card__wishlist i { font-size: 18px; }

.product-card__title { margin: 0 0 2px; }

.product-card__price { margin: 0 0 6px; }

.product-card__colors { margin: 0; }

.product-card__button { width: 100%; }

.suggested-styles__grid { grid-template-columns: minmax(190px, .76fr) repeat(3, minmax(0, 1fr)); gap: clamp(12px, .85vw, 16px); align-items: stretch; }

.suggested-intro-card, .style-card { height: clamp(300px, 18.5vw, 365px); min-height: 0; overflow: hidden; }

.suggested-intro-card { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(16px, 1vw, 22px); }

.suggested-intro-card__icon { width: 38px; height: 38px; margin-bottom: 10px; }

.suggested-intro-card__icon i { font-size: 18px; }

.suggested-intro-card__line, .style-card__line { margin-block: 8px; }

.style-card { display: grid; }

.style-card__media { min-height: 0; height: auto; }

.style-card__media img { min-height: 0; height: 100%; }

.style-card__wishlist { top: 10px; left: 10px; width: 22px; height: 22px; }

.style-card__wishlist i { font-size: 18px; }

.style-card__items { padding-right: 14px; }

.style-card__footer { min-height: 0; overflow: hidden; }

.style-card__thumbs { min-width: 0; }

.style-card__thumbs li { flex: 0 0 auto; }

.latest-products__grid { align-items: stretch; }

.latest-feature-card, .product-card { height: clamp(300px, 18.5vw, 365px); }

.latest-feature-card__eyebrow { font-size: clamp(13px, .78vw, 15px); line-height: 1.25; }

.latest-feature-card__title { font-size: clamp(22px, 1.28vw, 27px); line-height: 1.18; }

.latest-feature-card__price { font-size: clamp(13px, .82vw, 16px); margin-bottom: clamp(14px, 1vw, 18px); }

.latest-feature-card__button { min-width: clamp(178px, 10vw, 220px); min-height: 42px; padding-inline: 22px; border-radius: 10px; font-size: clamp(12px, .72vw, 14px); }

.product-card { grid-template-rows: 50% 50%; }

.product-card__body { padding: clamp(11px, .75vw, 14px) clamp(13px, .85vw, 16px) clamp(11px, .75vw, 14px); }

.product-card__title { font-size: clamp(15px, .9vw, 18px); line-height: 1.3; margin-bottom: 4px; }

.product-card__price { font-size: clamp(12px, .72vw, 14px); line-height: 1.35; margin-bottom: 8px; }

.product-card__colors { gap: 7px; }

.product-color { position: relative; width: 13px; height: 13px; cursor: help; }

.product-color::after {
  content: attr(data-color);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 9px);
  z-index: 20;
  transform: translateX(-50%) translateY(4px);
  min-width: max-content;
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(17, 24, 39, .92);
  color: var(--color-surface);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  pointer-events: none;
}

.product-color::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  z-index: 19;
  transform: translateX(-50%) translateY(4px);
  border: 5px solid transparent;
  border-top-color: rgba(17, 24, 39, .92);
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  pointer-events: none;
}

.product-color:hover::after, .product-color:hover::before, .product-color:focus-visible::after, .product-color:focus-visible::before { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.product-card__button { min-height: 40px; margin-top: 10px; padding-inline: 16px; border-radius: 10px; font-size: clamp(11px, .68vw, 13px); }

.suggested-intro-card__title { font-size: clamp(18px, 1.08vw, 22px); line-height: 1.35; }

.suggested-intro-card__text { font-size: clamp(11px, .66vw, 13px); line-height: 1.85; }

.suggested-intro-card__button { min-height: 40px; padding-inline: 16px; border-radius: 10px; font-size: clamp(11px, .68vw, 13px); }

.style-card { grid-template-rows: minmax(0, 1fr) 72px; }

.style-card__content { right: clamp(14px, .85vw, 18px); bottom: clamp(14px, .85vw, 18px); }

.style-card__title { font-size: clamp(15px, .9vw, 18px); line-height: 1.25; }

.style-card__items { font-size: clamp(10px, .64vw, 12px); line-height: 1.6; }

.style-card__footer { height: 72px; padding: 9px 12px; gap: 8px; }

.style-card__button { min-width: 110px; min-height: 38px; padding-inline: 14px; border-radius: 10px; font-size: clamp(10px, .62vw, 12px); }

.style-card__thumbs { gap: 5px; }

.style-card__thumbs li { width: 28px; height: 38px; border-radius: 7px; }

.style-card__thumbs span { width: 28px; height: 28px; font-size: 10px; }

.suggested-styles .style-card__media { min-height: 0; height: auto; }

.suggested-styles .style-card__media img { min-height: 0; height: 100%; object-fit: cover; object-position: center top; }

.suggested-styles .style-card__thumbs span { font-size: 11px; }

.suggested-styles .suggested-intro-card__button { min-height: 44px; border-radius: 11px; font-size: clamp(11px, .68vw, 13px); }

.suggested-styles .style-card { grid-template-rows: 60% 40%; }

.suggested-styles .style-card__media, .suggested-styles .style-card__media img { min-height: 0; height: 100%; }

.suggested-styles .style-card__footer { height: auto; min-height: 0; padding: clamp(12px, .95vw, 18px); gap: clamp(10px, .85vw, 14px); align-items: center; justify-content: space-between; overflow: visible; }

.suggested-styles .style-card__button { min-width: clamp(126px, 7.4vw, 150px); min-height: clamp(42px, 2.6vw, 48px); padding-inline: clamp(14px, .9vw, 18px); border-radius: 11px; font-size: clamp(11px, .68vw, 13px); }

.suggested-styles .style-card__thumbs { gap: clamp(6px, .5vw, 9px); }

.suggested-styles .style-card__thumbs li { width: auto; height: auto; overflow: visible; border-radius: 0; background: transparent; }

.style-thumb {
  display: block;
  width: clamp(34px, 2.35vw, 44px);
  height: clamp(44px, 3vw, 56px);
  overflow: hidden;
  border: 1px solid var(--color-border-soft);
  border-radius: 8px;
  background: #f4f4f4;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.style-thumb img { width: 100%; height: 100%; object-fit: cover; }

.style-thumb:hover, .style-thumb:focus-visible, .style-thumb.is-active { border-color: var(--color-primary); box-shadow: 0 6px 14px rgba(17, 24, 39, .12); transform: translateY(-1px); outline: none; }

.suggested-styles .style-card__thumbs span { display: flex; width: clamp(34px, 2.35vw, 44px); height: clamp(44px, 3vw, 56px); border-radius: 8px; background: #f3f3f3; }

.suggested-styles .style-card__footer { padding-inline: clamp(14px, 1.15vw, 20px); }

.suggested-styles .style-card__thumbs { padding-inline-start: clamp(8px, .6vw, 12px); }

.features-bar-section { background: var(--color-surface); padding: clamp(18px, 1.6vw, 28px) 0 clamp(28px, 2.4vw, 42px); }

.features-bar {
  direction: rtl;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  border: 1px solid var(--color-border-soft);
  border-radius: 18px;
  background: var(--color-surface);
  box-shadow: 0 14px 36px rgba(17, 24, 39, .035);
  overflow: hidden;
}

.feature-item { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(16px, 1.4vw, 24px); padding: clamp(18px, 1.55vw, 26px) clamp(18px, 1.8vw, 34px); }

.feature-item:not(:last-child)::after { content: ""; position: absolute; left: 0; top: 24%; width: 1px; height: 52%; background: rgba(17, 24, 39, .10); }

.feature-item__icon {
  display: inline-flex;
  width: clamp(50px, 3.8vw, 68px);
  height: clamp(50px, 3.8vw, 68px);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f3eee9;
  color: var(--color-primary);
}

.feature-item__icon i { font-size: clamp(23px, 1.6vw, 30px); }

.feature-item__title { margin: 0 0 8px; color: var(--color-primary); font-size: clamp(15px, .98vw, 19px); font-weight: 800; line-height: 1.35; }

.feature-item__text { margin: 0; color: #7b8089; font-size: clamp(13px, .82vw, 16px); font-weight: 500; line-height: 1.6; }

.collections-section { padding-top: clamp(34px, 3vw, 52px); }

.collections-grid { direction: ltr; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.collection-card { direction: rtl; position: relative; overflow: hidden; border: 1px solid var(--color-border-card); border-radius: 12px; background: #eee; }

.collection-card img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.collection-card__overlay { position: absolute; inset: 0; }

.collection-card__content { position: absolute; z-index: 2; color: var(--color-surface); }

.collection-card__title { margin: 0 0 6px; font-weight: 800; line-height: 1.1; direction: ltr; }

.collection-card__text { margin: 0 0 14px; font-weight: 700; line-height: 1.45; }

.collection-card__button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .76); color: var(--color-surface); font-weight: 800; }

.collection-card__button:hover { color: var(--color-surface); background: rgba(255,255,255,.12); }

.brand-process-section { padding-top: clamp(18px, 1.8vw, 32px); }

.brand-process-grid { direction: ltr; display: grid; }

.brand-story-card, .process-card { border: 1px solid var(--color-border-soft); border-radius: 12px; background: var(--color-surface); overflow: hidden; }

.brand-story-card { direction: rtl; display: flex; min-height: clamp(210px, 15vw, 270px); flex-direction: column; background: linear-gradient(180deg, rgba(250,249,247,.92), rgba(255,255,255,.98)); }

.brand-story-card__title { margin: 0 0 16px; color: var(--color-primary); font-weight: 800; }

.brand-story-card__text { margin: 0; color: #777d86; font-weight: 500; }

.brand-story-card__link { display: inline-flex; align-items: center; gap: 10px; color: var(--color-primary); font-weight: 800; }

.process-card { direction: rtl; min-height: clamp(210px, 15vw, 270px); text-align: center; }

.process-card__media { overflow: hidden; background: #f2f2f2; }

.process-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.process-card__icon { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #f4f2ef; color: var(--color-primary); box-shadow: 0 6px 18px var(--color-border-soft); }

.process-card__title { color: var(--color-primary); font-weight: 800; }

.process-card__text { font-weight: 500; }

.popular-products-section { position: relative; padding-top: clamp(28px, 2.4vw, 42px); }

.popular-products__container { position: relative; }

.popular-products-grid { direction: ltr; grid-template-columns: repeat(5, minmax(0, 1fr)); }

.popular-card { direction: rtl; overflow: hidden; border: 1px solid var(--color-border-card); border-radius: 10px; background: var(--color-surface); }

.popular-card__media { position: relative; overflow: hidden; background: #f1f1f1; }

.popular-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.popular-card__wishlist { position: absolute; top: 12px; left: 12px; border: 0; background: transparent; color: #69707a; cursor: pointer; }

.popular-card__wishlist i { font-size: 21px; }

.popular-card__body { text-align: center; }

.popular-card__body h3 { margin: 0 0 5px; color: var(--color-primary); font-weight: 800; line-height: 1.35; }

.popular-card__body p { margin: 0 0 12px; color: #2f3540; font-size: clamp(12px, .75vw, 14px); font-weight: 600; line-height: 1.4; }

.popular-card__body a { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(17, 24, 39, .28); color: var(--color-primary); font-weight: 800; }

.popular-card__body a:hover { background: var(--color-primary); color: var(--color-surface); }

.popular-nav {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-border-soft);
  border-radius: 50%;
  background: var(--color-surface);
  color: var(--color-primary);
  box-shadow: 0 8px 22px var(--color-border-soft);
}

.popular-nav--next { transform: scaleX(-1); }

.latest-products.section-block, .suggested-styles.section-block, .features-bar-section, .collections-section.section-block, .brand-process-section.section-block, .popular-products-section.section-block { padding-top: var(--homepage-section-gap); padding-bottom: 0; }

.features-bar-section .aynazi-container, .collections-section .aynazi-container, .brand-process-section .aynazi-container, .popular-products-section .aynazi-container { width: min(100% - 72px, 1480px); }

.features-bar { width: 100%; min-height: clamp(84px, 6.2vw, 108px); }

.feature-item { padding-block: clamp(14px, 1.15vw, 20px); }

.collections-section__heading, .popular-products__heading { margin-bottom: clamp(16px, 1.25vw, 22px); }

.collections-grid { gap: clamp(14px, 1vw, 20px); }

.collection-card { height: clamp(126px, 8.6vw, 160px); }

.collection-card__overlay { background: linear-gradient(90deg, rgba(8, 14, 24, .76), rgba(8, 14, 24, .34) 58%, rgba(8, 14, 24, .06)); }

.collection-card__content { direction: ltr; right: auto; left: clamp(18px, 1.25vw, 24px); bottom: clamp(14px, 1vw, 20px); display: flex; flex-direction: column; align-items: flex-start; text-align: left; }

.collection-card__title { margin-bottom: 6px; font-size: clamp(22px, 1.55vw, 30px); text-align: left; }

.collection-card__text { margin-bottom: 12px; font-size: clamp(12px, .78vw, 15px); text-align: left; }

.collection-card__button { min-height: 42px; padding-inline: 18px; border-radius: 8px; font-size: clamp(12px, .75vw, 14px); }

.brand-process-grid { grid-template-columns: minmax(260px, 1.08fr) repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1vw, 18px); }

.process-card { grid-template-rows: 46% 54%; }

.process-card__icon i { font-size: 14px; }

.process-card__title { margin-bottom: 5px; }

.popular-products__container { overflow: visible; }

.popular-products-grid {
  --popular-gap: clamp(16px, 1.15vw, 22px);
  display: flex;
  gap: var(--popular-gap);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 2px;
}

.popular-products-grid::-webkit-scrollbar { display: none; }

.popular-card { flex: 0 0 calc((100% - (var(--popular-gap) * 4)) / 5); min-width: 0; scroll-snap-align: start; }

.popular-card__media { height: clamp(140px, 9.2vw, 180px); }

.popular-card__body { padding: clamp(10px, .8vw, 14px) clamp(12px, .9vw, 16px) clamp(12px, .9vw, 16px); }

.popular-card__body h3 { margin-bottom: 4px; font-size: clamp(13px, .82vw, 16px); }

.popular-price { min-height: 35px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }

.popular-price del { color: #8a9099; font-size: clamp(10px, .62vw, 12px); font-weight: 500; text-decoration-thickness: 1px; }

.popular-price ins { color: var(--color-primary); font-size: clamp(12px, .75vw, 14px); font-weight: 800; text-decoration: none; }

.popular-card__body a { min-height: 42px; border-radius: 9px; font-size: clamp(12px, .76vw, 14px); }

.popular-nav { top: 56%; width: 44px; height: 44px; cursor: pointer; }

.popular-nav--prev { left: -22px; }

.popular-nav--next { right: -22px; }

.brand-process-grid { align-items: stretch; }

.brand-story-card, .process-card { height: clamp(225px, 14vw, 270px); min-height: 0; }

.brand-story-card { padding: clamp(20px, 1.35vw, 26px); justify-content: center; }

.brand-story-card__title { margin-bottom: 10px; font-size: clamp(17px, 1.05vw, 22px); line-height: 1.42; }

.brand-story-card__text { font-size: clamp(11px, .68vw, 13px); line-height: 1.85; }

.brand-story-card__link { margin-top: clamp(13px, .95vw, 18px); font-size: clamp(11px, .68vw, 13px); }

.process-card { display: flex; flex-direction: column; position: relative; }

.process-card__media { flex: 0 0 44%; height: 44%; min-height: 0; }

.process-card__icon { position: absolute; top: 44%; left: 50%; z-index: 3; width: 30px; height: 30px; margin-top: 0; transform: translate(-50%, -50%); }

.process-card__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 1.2vw, 24px) 12px clamp(10px, .8vw, 14px);
  text-align: center;
}

.process-card__title { margin: 0 0 5px; font-size: clamp(13px, .82vw, 16px); line-height: 1.35; }

.process-card__text { display: block; margin: 0; font-size: clamp(10px, .66vw, 12px); line-height: 1.6; color: #777d86; }

.bi-headset::before { content: ""; }

.bi-shield-check::before { content: ""; }

.bi-arrow-repeat::before { content: ""; }

.bi-truck::before { content: ""; }

.bi-instagram::before { content: ""; }

.bi-telegram::before { content: ""; }

.bi-whatsapp::before { content: ""; }

.bi-telephone::before { content: ""; }

.bi-envelope::before { content: ""; }

.bi-geo-alt::before { content: ""; }

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.blog-posts-section, .service-bar-section, .newsletter-section, .site-footer { background: var(--color-surface); }

.blog-posts-section.section-block { padding-top: var(--homepage-section-gap); padding-bottom: 0; }

.blog-posts-section .aynazi-container, .service-bar-section .aynazi-container, .newsletter-section .aynazi-container, .site-footer .aynazi-container { width: min(100% - 72px, 1480px); }

.blog-posts__heading { margin-bottom: clamp(16px, 1.25vw, 22px); }

.blog-posts-grid { direction: ltr; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1vw, 22px); }

.blog-card { position: relative; height: clamp(150px, 10vw, 200px); overflow: hidden; border-radius: 10px; background: #eee; color: var(--color-surface); }

.blog-card img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.blog-card__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,24,.78), rgba(8,14,24,.42) 46%, rgba(8,14,24,.08)); }

.blog-card__content { direction: rtl; position: absolute; inset-inline: clamp(18px, 1.35vw, 26px) auto; bottom: clamp(16px, 1.15vw, 24px); z-index: 2; display: flex; flex-direction: column; }

.blog-card time { margin-bottom: 8px; font-size: clamp(12px, .8vw, 14px); font-weight: 600; color: rgba(255,255,255,.88); }

.blog-card h3 { margin: 0 0 14px; font-size: clamp(18px, 1.25vw, 26px); font-weight: 800; line-height: 1.35; }

.blog-card a { display: inline-flex; align-items: center; gap: 8px; color: var(--color-surface); font-size: clamp(12px, .82vw, 15px); font-weight: 800; }

.service-bar-section { padding-top: clamp(26px, 2.2vw, 40px); }

.service-bar {
  direction: rtl;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: clamp(74px, 5.2vw, 96px);
  align-items: center;
  border: 1px solid var(--color-border-soft);
  border-radius: 16px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 36px rgba(17,24,39,.035);
}

.service-item { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(12px, 1vw, 18px); padding: 12px 20px; text-align: right; }

.service-item:not(:last-child)::after { content: ""; position: absolute; left: 0; top: 22%; width: 1px; height: 56%; background: rgba(17,24,39,.1); }

.service-item__icon {
  display: inline-flex;
  width: clamp(42px, 3.2vw, 56px);
  height: clamp(42px, 3.2vw, 56px);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f2ede8;
  color: var(--color-primary);
}

.service-item__icon i { font-size: clamp(22px, 1.55vw, 28px); }

.service-item h2, .service-item h3 { margin: 0 0 5px; color: var(--color-primary); font-size: clamp(15px, .98vw, 18px); font-weight: 800; line-height: 1.35; }

.service-item p { margin: 0; color: #777d86; font-size: clamp(12px, .78vw, 14px); font-weight: 500; line-height: 1.45; }

.newsletter-card { direction: ltr; display: grid; overflow: hidden; border: 1px solid var(--color-border-soft); background: var(--color-surface); }

.newsletter-card__content { direction: rtl; display: flex; flex-direction: column; justify-content: center; text-align: right; }

.newsletter-card__content h2 { margin: 0 0 18px; color: var(--color-primary); font-weight: 800; letter-spacing: -0.025em; }

.newsletter-card__content p { margin: 0 0 clamp(24px, 2vw, 34px); color: #777d86; font-weight: 500; }

.newsletter-form { display: flex; align-items: center; }

.newsletter-form input {
  width: 100%;
  height: 54px;
  padding: 0 22px;
  border: 1px solid rgba(17,24,39,.16);
  border-radius: 8px;
  color: var(--color-primary);
  background: var(--color-surface);
  font-family: inherit;
  font-size: 17px;
  outline: none;
}

.newsletter-form input:focus { border-color: rgba(17,24,39,.45); }

.newsletter-form button { height: 54px; border: 0; border-radius: 8px; background: var(--color-primary); color: var(--color-surface); font-size: 16px; font-weight: 800; cursor: pointer; }

.site-footer__grid { display: grid; align-items: center; }

.site-footer__brand, .site-footer__social, .site-footer__contact { min-height: 170px; }

.site-footer__brand { display: flex; flex-direction: column; align-items: center; justify-content: center; border-inline: 1px solid rgba(17,24,39,.1); }

.site-footer__brand img { height: auto; }

.footer-nav { display: flex; align-items: center; justify-content: center; color: var(--color-primary); font-weight: 600; }

.footer-nav a:not(:last-child) { border-left: 1px solid rgba(17,24,39,.12); }

.site-footer__social { display: flex; flex-direction: column; justify-content: center; }

.site-footer__social p { margin: 0 0 26px; color: var(--color-primary); font-weight: 600; }

.footer-socials { display: flex; }

.footer-socials a { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(17,24,39,.12); border-radius: 50%; color: var(--color-primary); }

.footer-socials a:hover { background: var(--color-primary); color: var(--color-surface); }

.site-footer__contact { display: flex; flex-direction: column; margin: 0; color: var(--color-primary); font-weight: 500; }

.site-footer__contact a, .site-footer__contact span { display: flex; align-items: center; }

.site-footer__contact i { color: var(--color-primary); }

.site-footer__line { height: 1px; background: var(--color-border-soft); }

.blog-card time, .blog-card h3, .blog-card a { text-align: left; }

.newsletter-card__content h2 { line-height: 1.25; }

.newsletter-form input, .newsletter-form button { border-radius: 8px; }

.site-footer { padding-top: clamp(38px, 3.8vw, 64px); }

.site-footer__grid { direction: ltr; grid-template-columns: 1fr 1.25fr 1fr; gap: clamp(28px, 3vw, 52px); }

.site-footer__social, .site-footer__brand, .site-footer__contact { min-height: 128px; }

.site-footer__social { direction: rtl; align-items: flex-start; text-align: right; }

.site-footer__social p { margin-bottom: 18px; font-size: clamp(14px, .9vw, 17px); }

.footer-socials { gap: 12px; }

.footer-socials a { width: 46px; height: 46px; font-size: 19px; }

.footer-socials img { display: block; width: 26px; height: 26px; object-fit: contain; }

.site-footer__brand img { width: clamp(150px, 10vw, 205px); margin-bottom: clamp(20px, 2vw, 30px); }

.footer-nav { gap: clamp(14px, 1.4vw, 24px); font-size: clamp(13px, .88vw, 16px); }

.footer-nav a:not(:last-child) { padding-left: clamp(14px, 1.4vw, 24px); }

.site-footer__contact { direction: rtl; align-items: center; justify-content: center; width: 100%; gap: 0; text-align: center; font-size: clamp(14px, .92vw, 17px); line-height: 1.75; }

.site-footer__contact a, .site-footer__contact span { flex-direction: row; gap: 10px; }

.site-footer__contact i { width: 22px; font-size: 18px; }

.site-footer__phones { display: grid; gap: 7px; margin-top: 16px; color: var(--color-primary); font-size: clamp(13px, .86vw, 15px); font-weight: 600; }

.site-footer__phones a,
.site-footer__phones span { display: inline-flex; align-items: center; gap: 8px; color: inherit; }

.site-footer__phones i { font-size: 16px; }

.site-footer__trust-title { margin: 0 0 15px; color: var(--color-primary); font-size: clamp(14px, .9vw, 17px); font-style: normal; font-weight: 700; line-height: 1.5; }

.site-footer__trust { display: grid; grid-template-columns: repeat(var(--trust-badge-count, 1), 100px); align-items: center; justify-content: center; gap: 12px; width: 100%; margin: 0; }

.site-footer__trust-item { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; min-height: 0; padding: 8px; overflow: hidden; border: 1px solid rgba(17,24,39,.10); border-radius: 14px; background: rgba(255,255,255,.72); }

.site-footer__trust-item > a,
.site-footer__trust-item > span,
.site-footer__trust-item > div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.site-footer__trust-item img,
.site-footer__trust-item svg,
.site-footer__trust-item iframe { display: block; max-width: 84px; max-height: 84px; width: auto; height: auto; object-fit: contain; }
.site-footer__trust-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; justify-content: center; gap: 10px; width: 100%; max-width: 360px; margin: 0 auto; }
.site-footer__trust-row .site-footer__trust-item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 128px; min-width: 0; min-height: 128px; padding: 9px 7px; gap: 7px; background: rgba(255,255,255,.86); }
.site-footer__trust-row .site-footer__trust-item:not(.site-footer__trust-item--installment) > a,
.site-footer__trust-row .site-footer__trust-item:not(.site-footer__trust-item--installment) > span,
.site-footer__trust-row .site-footer__trust-item:not(.site-footer__trust-item--installment) > div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.site-footer__trust-row .site-footer__trust-item:not(.site-footer__trust-item--installment) img,
.site-footer__trust-row .site-footer__trust-item:not(.site-footer__trust-item--installment) svg,
.site-footer__trust-row .site-footer__trust-item:not(.site-footer__trust-item--installment) iframe { display: block; max-width: 76px; max-height: 76px; width: auto; height: auto; object-fit: contain; }
.site-footer__trust-row .site-footer__trust-item--installment { justify-content: flex-start; }
.site-footer__trust-row .site-footer__trust-item--installment > .site-footer__installment-logo { display: flex; flex: 0 0 58px; align-items: center; justify-content: center; width: 100%; height: 58px; min-height: 58px; }
.site-footer__trust-row .site-footer__trust-item--installment > .site-footer__installment-logo img { display: block; max-width: 70px; max-height: 52px; width: auto; height: auto; object-fit: contain; }
.site-footer__trust-row .site-footer__trust-item--installment > .site-footer__installment-label { display: block; flex: 0 0 auto; width: 100%; height: auto; color: var(--color-primary); font-size: 10px; font-style: normal; font-weight: 700; line-height: 1.55; text-align: center; }

.site-footer__line { margin-top: clamp(28px, 3vw, 46px); }

.blog-card__content { left: clamp(18px, 1.35vw, 26px); right: auto; width: calc(100% - clamp(36px, 2.7vw, 52px)); align-items: flex-start; text-align: left; }

.blog-card a { align-self: flex-start; justify-content: flex-start; direction: rtl; text-align: left; }

.newsletter-section { padding-top: clamp(26px, 2.2vw, 38px); }

.newsletter-card { height: clamp(170px, 12vw, 220px); min-height: 0; max-height: 220px; grid-template-columns: 34% 66%; border-radius: 16px; }

.newsletter-card__media { position: relative; height: 100%; min-height: 0; overflow: hidden; background: #f3f3f3; }

.newsletter-card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.newsletter-card__content { min-height: 0; padding: clamp(18px, 1.7vw, 28px); }

.newsletter-card__content h2 { margin-bottom: clamp(7px, .65vw, 10px); font-size: clamp(22px, 1.55vw, 30px); }

.newsletter-card__content p { margin-bottom: clamp(10px, 1vw, 15px); font-size: clamp(12px, .82vw, 15px); line-height: 1.55; }

.newsletter-form { width: min(100%, 440px); gap: 10px; }

.newsletter-form input, .newsletter-form button { height: 40px; font-size: 13px; }

.newsletter-form button { min-width: 118px; }

.section-heading__title, .collections-section__heading .section-heading__title, .popular-products__heading .section-heading__title, .blog-posts__heading .section-heading__title { color: var(--section-title-color); font-size: var(--section-title-size); font-weight: var(--section-title-weight); line-height: 1.25; }

.section-heading__link { color: var(--section-link-color); font-size: var(--section-link-size); font-weight: var(--section-link-weight); }

.product-card__title, .popular-card h3, .style-card__title, .process-card__title, .feature-item__title, .suggested-intro-card__title, .collection-card__title { color: var(--card-title-color); font-weight: var(--card-title-weight); }

.product-card__price, .popular-price, .latest-feature-card__price { color: var(--card-price-color); font-size: var(--card-price-size); font-weight: var(--card-price-weight); }

.process-card__text, .feature-item__text, .suggested-intro-card__text, .collection-card__text{ color: var(--card-text-color); font-size: var(--card-text-size); font-weight: var(--card-text-weight); }

.latest-feature-card__button, .product-card__button, .suggested-intro-card__button, .style-card__button, .collection-card__button, .brand-story-card__link, .popular-card__body a, .blog-card a, .newsletter-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  transition: var(--btn-section-transition);
}

.latest-feature-card__button, .product-card__button, .suggested-intro-card__button, .newsletter-form button { min-height: var(--btn-section-height); border: 1px solid var(--btn-section-dark-border); background: var(--btn-section-dark-bg); color: var(--btn-section-dark-color); }

.style-card__button, .collection-card__button, .brand-story-card__link, .popular-card__body a, .blog-card a { min-height: var(--btn-section-height); border: var(--btn-section-border); background: var(--btn-section-light-bg); color: var(--btn-section-light-color); }

.latest-feature-card__button:hover, .product-card__button:hover, .suggested-intro-card__button:hover, .style-card__button:hover, .collection-card__button:hover, .brand-story-card__link:hover, .popular-card__body a:hover, .blog-card a:hover, .newsletter-form button:hover {
  border-color: var(--btn-section-hover-border);
  background: var(--btn-section-hover-bg);
  color: var(--btn-section-hover-color);
  transform: translateY(var(--btn-section-hover-y));
  box-shadow: 0 8px 18px rgba(17, 24, 39, .10);
}

.popular-card__body a { width: 100%; }

.product-card__button, .latest-feature-card__button, .suggested-intro-card__button, .newsletter-form button { min-height: var(--btn-section-height); border-radius: var(--btn-section-radius); font-size: var(--btn-section-font-size); }

.style-card__button, .collection-card__button, .brand-story-card__link, .blog-card a { min-height: var(--btn-section-height); border-radius: var(--btn-section-radius); font-size: var(--btn-section-font-size); }

.latest-feature-card__button, .product-card__button, .suggested-intro-card__button, .style-card__button, .collection-card__button, .brand-story-card__link, .popular-card__body a, .blog-card a, .newsletter-form button {
  width: var(--btn-section-width);
  min-width: var(--btn-section-width);
  max-width: var(--btn-section-width);
  height: var(--btn-section-height);
  min-height: var(--btn-section-height);
  padding-inline: var(--btn-section-padding-x);
  border-radius: var(--btn-section-radius);
  font-size: var(--btn-section-font-size);
  font-weight: var(--btn-section-font-weight);
  gap: var(--btn-section-gap);
}

.popular-card__body a, .product-card__button { width: var(--btn-section-width); }

.newsletter-form button { flex: 0 0 var(--btn-section-width); }

.popular-card__image-link { display: block; width: 100%; height: 100%; color: inherit; cursor: pointer; }

.popular-card__image-link img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.popular-card__wishlist { transition: color .18s ease, transform .18s ease; }

.popular-card__wishlist:hover, .popular-card__wishlist:focus-visible { color: #e11d48; transform: translateY(-1px) scale(1.06); outline: none; }

.popular-products-grid { cursor: grab; user-select: none; -webkit-user-select: none; touch-action: pan-y; }

.popular-products-grid.is-dragging { cursor: grabbing; scroll-behavior: auto; }

.popular-products-grid.is-dragging .popular-card__image-link, .popular-products-grid.is-dragging .popular-card__body a { pointer-events: none; }

.home-header.is-sticky {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1100;
  padding-block: 10px;
  border-bottom: 1px solid var(--color-border-soft);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.home-header.is-sticky .home-header__inner { min-height: 54px; }

.home-header.is-sticky .home-header__logo img { width: clamp(100px, 6vw, 120px); }

.site-footer__bottom { direction: rtl; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 18px; font-size: 13px; font-weight: 500; line-height: 1.8; }

.site-footer__bottom p { margin: 0; }

.site-footer__credit a:hover { text-decoration: underline; text-underline-offset: 4px; }

.home-hero__visual { overflow: hidden; }

.home-hero__image { height: min(92svh, 900px); transform: translateX(0) translateY(6%); }

.site-footer__bottom { border-top: 1px solid var(--color-border-soft); color: var(--color-muted); }

.site-footer__copyright { color: var(--color-muted); }

.site-footer__credit { color: var(--color-muted); }

.site-footer__credit a { color: var(--color-accent); font-weight: 800; }

.site-footer__credit a:hover { color: var(--color-primary); }

.latest-products.section-block, .suggested-styles.section-block, .features-bar-section, .collections-section.section-block, .brand-process-section.section-block, .popular-products-section.section-block, .blog-posts-section.section-block, .service-bar-section, .newsletter-section, .site-footer { padding-top: var(--homepage-section-gap); }

.site-footer { padding-bottom: clamp(22px, 2.4vw, 38px); }

.bi-arrow-up::before { content: ""; }

a:focus-visible, button:focus-visible, input:focus-visible, .style-thumb:focus-visible, .product-color:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.skip-link {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 2000;
  transform: translateY(-140%);
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--color-primary);
  color: var(--color-surface);
  font-size: 14px;
  font-weight: 700;
  transition: transform var(--transition-standard);
}

.skip-link:focus { transform: translateY(0); color: var(--color-surface); }

.home-header { background: transparent; transition: background-color var(--transition-standard), box-shadow var(--transition-standard), padding var(--transition-standard), border-color var(--transition-standard), backdrop-filter var(--transition-standard); }

.home-header.is-sticky { background: rgba(255, 255, 255, .92); box-shadow: var(--shadow-sticky-header); border-bottom-color: var(--color-border-soft); }

.product-card, .latest-feature-card, .style-card, .suggested-intro-card, .feature-item, .collection-card, .process-card, .popular-card, .blog-card, .newsletter-card { transition: transform var(--transition-standard), box-shadow var(--transition-standard), border-color var(--transition-standard); }

.product-card:hover, .latest-feature-card:hover, .style-card:hover, .suggested-intro-card:hover, .collection-card:hover, .process-card:hover, .popular-card:hover, .blog-card:hover { box-shadow: var(--shadow-card-hover); }

.popular-nav.is-disabled { opacity: .32; pointer-events: none; box-shadow: none; }

.popular-nav.is-disabled::after, .popular-nav.is-disabled::before { display: none; }

.back-to-top {
  position: fixed;
  right: clamp(24px, 3vw, 54px);
  bottom: clamp(24px, 3vw, 54px);
  z-index: 1200;
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  color: var(--color-primary);
  box-shadow: 0 10px 24px var(--color-border-soft);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  cursor: pointer;
  transition: opacity var(--transition-standard), visibility var(--transition-standard), transform var(--transition-standard), background-color var(--transition-standard), color var(--transition-standard), border-color var(--transition-standard);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.back-to-top i { font-size: 22px; }

.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }

.back-to-top:hover, .back-to-top:focus-visible { background: var(--color-primary); color: var(--color-surface); border-color: var(--color-primary); }

.site-footer__contact { font-style: normal; }

.site-footer__credit--brand { display: inline-flex; align-items: center; justify-content: center; }

.site-footer__credit--brand a { display: inline-flex; align-items: center; opacity: .78; transition: opacity .2s ease, transform .2s ease; }

.site-footer__credit--brand img { display: block; width: auto; height: 22px; max-width: 96px; object-fit: contain; }

.site-footer__credit--brand a:hover, .site-footer__credit--brand a:focus-visible { opacity: 1; transform: translateY(-1px); }

.eshop-page { background: var(--color-surface); }

.eshop-page .shop-main { background: var(--color-surface); }

.shop-section { padding-top: var(--homepage-section-gap, clamp(34px, 3vw, 52px)); }

.shop-section-heading { margin-bottom: clamp(24px, 2.4vw, 40px); text-align: center; }

.shop-section-heading h2 { margin: 0; color: var(--color-primary); font-size: clamp(26px, 2vw, 40px); font-weight: 800; line-height: 1.25; }

.shop-section-heading p { margin: 12px 0 0; color: var(--color-muted); font-size: clamp(15px, 1vw, 18px); font-weight: 500; }

.shop-categories-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(18px, 1.5vw, 28px); }

.shop-category-card { display: flex; flex-direction: column; gap: 14px; color: var(--color-primary); font-size: 16px; font-weight: 700; text-align: center; }

.shop-category-card img {
  width: 100%;
  aspect-ratio: 1 / 1.18;
  object-fit: cover;
  object-position: center top;
  border-radius: 18px;
  background: var(--color-hero);
  transition: transform var(--transition-standard, .22s ease), box-shadow var(--transition-standard, .22s ease);
}

.shop-category-card:hover img, .shop-category-card:focus-visible img { transform: translateY(-3px); box-shadow: var(--shadow-card-hover, 0 14px 32px var(--color-border-soft)); }

.site-btn {
  display: inline-flex;
  width: var(--btn-width-standard, 160px);
  min-height: var(--btn-height-standard, 48px);
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-inline: 18px;
  border-radius: var(--btn-radius-standard, 12px);
  font-size: var(--btn-font-size-standard, 14px);
  font-weight: var(--btn-font-weight-standard, 700);
  line-height: 1;
  transition: background-color var(--transition-standard, .22s ease), color var(--transition-standard, .22s ease), border-color var(--transition-standard, .22s ease), transform var(--transition-standard, .22s ease);
}

.site-btn--dark { border: 1px solid var(--color-primary); background: var(--color-primary); color: var(--color-surface); }

.site-btn--dark:hover, .site-btn--dark:focus-visible { color: var(--color-surface); transform: translateY(-2px); }

.eshop-page .shop-categories-grid { align-items: start; }

.eshop-page .shop-category-card { gap: 12px; }

.eshop-page .shop-section > .aynazi-container { width: min(100% - 72px, 1480px); }

.eshop-page .shop-categories-grid { grid-template-columns: auto auto auto; justify-content: center; gap: clamp(16px, 1.1vw, 22px); }

.eshop-page .shop-category-card { width: 100%; min-width: 0; }

.eshop-page .shop-category-card img { width: 100%; max-width: 250px; height: auto; aspect-ratio: 1 / 1; margin-inline: auto; object-fit: cover; object-position: center center; }

.eshop-page { --shop-card-hover-y: -4px; --shop-overlay-soft: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.76) 32%, rgba(255,255,255,.22) 62%, rgba(255,255,255,0) 100%); }

.eshop-page .shop-category-card { display: flex; flex-direction: column; align-items: center; outline: none; transition: transform var(--transition-standard, .22s ease), color var(--transition-standard, .22s ease); }

.eshop-page .shop-category-card img { transition: transform var(--transition-standard, .22s ease), box-shadow var(--transition-standard, .22s ease), filter var(--transition-standard, .22s ease); }

.eshop-page .shop-category-card span { transition: color var(--transition-standard, .22s ease); }

.eshop-page .shop-category-card:hover, .eshop-page .shop-category-card:focus-visible { transform: translateY(var(--shop-card-hover-y)); color: var(--color-primary); }

.eshop-page .shop-category-card:hover img, .eshop-page .shop-category-card:focus-visible img { transform: none; box-shadow: var(--shadow-card-hover, 0 14px 32px var(--color-border-soft)); filter: brightness(.98); }

.eshop-page .shop-category-card:focus-visible { border-radius: 18px; box-shadow: 0 0 0 3px rgba(17, 24, 39, .14); }

.category-page { background: var(--color-surface); }

.category-main-section { padding-top: var(--homepage-section-gap, clamp(34px, 3vw, 52px)); }

.category-main-section > .aynazi-container { width: min(100% - 72px, 1480px); }

.category-layout { direction: rtl; display: grid; grid-template-columns: 292px minmax(0, 1fr); gap: clamp(28px, 2.4vw, 42px); align-items: start; }

.category-sidebar { position: sticky; top: 104px; border: 1px solid var(--color-border-soft); border-radius: 18px; background: var(--color-surface); }

.category-sidebar__header { border-bottom: 1px solid rgba(17, 24, 39, .07); }

.category-sidebar__header h2 { color: var(--color-primary); font-weight: 800; line-height: 1.35; }

.filter-count {
  display: inline-flex;
  min-width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  border-radius: 999px;
  background: var(--color-primary);
  color: var(--color-surface);
  font-size: 12px;
  font-weight: 800;
  vertical-align: middle;
}

.filter-group { margin: 0; border: 0; margin-bottom: 15px; }

.filter-group:last-child { border-bottom: 0; padding-bottom: 0; }

.filter-group legend { float: none; margin: 0 0 14px; color: var(--color-primary); font-weight: 800; line-height: 1.4; }

.filter-colors, .filter-sizes { display: flex; flex-wrap: wrap; align-items: center; }

.filter-color { padding: 0; border-radius: 50%; background: #ddd; cursor: pointer; }

.filter-color.is-active, .filter-color:hover, .filter-color:focus-visible { border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-border-card); }

.filter-color--cream { background: #efbd81; }

.filter-color--beige { background: #f1dbc2; }

.filter-color--green { background: #e5ecdf; }

.filter-color--blue { background: #536a83; }

.filter-color--brown { background: #4a332c; }

.filter-color--black { background: #050505; }

.product-color--green { background: #7f8d65; }

.filter-sizes button { border: 1px solid rgba(17, 24, 39, .12); background: var(--color-surface); color: #59616d; font-size: 12px; font-weight: 800; }

.filter-sizes button.is-active, .filter-sizes button:hover, .filter-sizes button:focus-visible { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-surface); }

.filter-group label { display: flex; align-items: center; gap: 9px; color: #5f6671; font-weight: 600; cursor: pointer; }

.filter-group input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--color-primary); }

.filter-more { display: inline-flex; padding: 0; border: 0; background: transparent; color: var(--color-primary); font-size: 13px; font-weight: 800; }

.filter-price { grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; color: #6a707a; font-size: 11px; font-weight: 700; }

.category-content { min-width: 0; }

.category-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; }

.category-result-count { margin: 0; color: var(--color-primary); font-weight: 800; direction:rtl; }

.category-toolbar__actions { display: flex; align-items: center; gap: 12px; }

.category-toolbar__actions label { margin: 0; color: #626a75; font-size: 13px; font-weight: 700; }

.category-toolbar__actions select {
  padding-inline: 14px 34px;
  border: 1px solid rgba(17, 24, 39, .11);
  border-radius: 12px;
  background: var(--color-surface);
  color: var(--color-primary);
  font-family: var(--font-base);
  font-size: 13px;
  font-weight: 700;
}

.view-toggle { display: inline-flex; align-items: center; gap: 6px; padding: 4px; border: 1px solid var(--color-border-card); border-radius: 12px; background: var(--color-surface); }

.view-toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--color-primary);
  font-size: 19px;
  line-height: 1;
}

.view-toggle button.is-active, .view-toggle button:hover, .view-toggle button:focus-visible { background: var(--color-primary); color: var(--color-surface); }

.category-products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }

.category-product-card .popular-card__body a { width: 100%; background: var(--color-primary); color: var(--color-surface); font-weight: var(--btn-font-weight-standard, 700); }

.category-product-card .popular-card__body a:hover, .category-product-card .popular-card__body a:focus-visible { transform: translateY(-2px); }

.category-empty-state { margin-top: 24px; padding: 42px; border: 1px solid var(--color-border-soft); border-radius: 18px; text-align: center; }

.category-empty-state h2 { margin: 0 0 10px; color: var(--color-primary); font-size: 24px; font-weight: 800; }

.category-empty-state p { margin: 0 0 20px; color: #6c737e; font-size: 15px; font-weight: 600; }

.category-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 34px; }

.category-pagination a, .category-pagination span {
  display: inline-flex;
  min-width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 50%;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 800;
}

.category-pagination a.is-active, .category-pagination a:hover, .category-pagination a:focus-visible { background: var(--color-primary); color: var(--color-surface); }

.category-sidebar__header { padding: 22px 22px 18px; }

.category-sidebar__header h2 { margin: 0; font-size: 24px; }

.filter-group { padding: 18px 0; }

.filter-group legend { font-size: 15px; }

.filter-color { border-width: 1px; }

.filter-sizes button { min-width: 34px; min-height: 30px; border-radius: 8px; }

.filter-group label { justify-content: flex-start; margin-bottom: 9px; font-size: 13px; }

.filter-more { margin-top: 10px; }

.category-toolbar { direction: ltr; margin-bottom: 22px; }

.category-result-count { justify-self: start; font-size: 16px; }

.category-toolbar__actions { direction: rtl; justify-content: flex-start; }

.category-toolbar__actions select { height: 42px; min-width: 148px; }

.view-toggle button { width: 34px; height: 34px; }

.category-products-grid { gap: clamp(16px, 1.15vw, 22px); }

.category-product-card.popular-card { height: 382px; min-height: 0; }

.category-product-card .popular-card__media { height: 226px; }

.category-product-card .popular-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.category-product-card .popular-card__body { padding: 12px 14px 14px; }

.category-product-card .popular-card__body h3 { margin-bottom: 4px; font-size: 15px; line-height: 1.35; }

.category-product-card .popular-price { margin-bottom: 7px; font-size: 12px; }

.category-product-card .product-card__colors { margin: 6px 0 10px; }

.category-product-card .product-color { width: 12px; height: 12px; }

.category-product-card .popular-card__body a { min-height: 38px; border-radius: 10px; font-size: 12px; }

.category-pagination a:first-child i { transform: rotate(180deg); }

.category-pagination a:last-child i { transform: none; }

.category-sidebar { overflow: visible; }

.category-filter-form { padding: 0 22px 22px; }

.filter-group { border-bottom: 1px solid rgba(17, 24, 39, .075); }

.filter-group + .filter-group { margin-top: 2px; }

.filter-group legend { display: block; width: 100%; margin-bottom: 16px; text-align: right; }

.filter-colors, .filter-sizes { gap: 12px; }

.filter-color, .filter-sizes button, .filter-category-option, .filter-category-toggle { transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }

.filter-color { position: relative; width: 22px; height: 22px; border: 1px solid var(--color-border-soft); outline: 0; }

.filter-color.is-active { border-color: var(--color-surface); box-shadow: 0 0 0 2px var(--color-primary), 0 6px 12px rgba(17, 24, 39, .14); }

.filter-color:hover, .filter-color:focus-visible { transform: translateY(-1px); box-shadow: 0 0 0 2px rgba(17, 24, 39, .18), 0 6px 12px rgba(17, 24, 39, .12); }

.filter-sizes button { cursor: pointer; }

.filter-sizes button.is-active { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-surface); box-shadow: 0 8px 18px rgba(17, 24, 39, .12); }

.filter-category-tree { display: grid; gap: 8px; }

.filter-category-toggle, .filter-category-option { width: 100%; min-height: 34px; padding: 0; border: 0; background: transparent; color: #5e6570; font-family: var(--font-base); font-size: 13px; font-weight: 700; text-align: right; }

.filter-category-toggle { direction: rtl; display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.filter-category-toggle i { flex: 0 0 auto; color: #a0a6af; font-size: 12px; transform: rotate(0deg); transition: transform .18s ease, color .18s ease; }

.filter-category-toggle[aria-expanded="true"] i { color: var(--color-primary); transform: rotate(-90deg); }

.filter-category-toggle:hover, .filter-category-toggle:focus-visible, .filter-category-option:hover, .filter-category-option:focus-visible { color: var(--color-primary); }

.filter-category-option { display: flex; align-items: center; justify-content: flex-start; padding-right: 12px; border-radius: 8px; }

.filter-category-option.is-selected { background: rgba(17, 24, 39, .06); color: var(--color-primary); }

.filter-category-panel { display: none; margin-top: 4px; padding-right: 12px; border-right: 1px solid var(--color-border-soft); }

.filter-category-panel.is-open { display: grid; gap: 6px; }

.filter-price { display: block; }

.filter-price__values { direction: ltr; display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; color: #6a707a; font-size: 11px; font-weight: 800; }

.filter-price__range { --min: 0%; --max: 100%; position: relative; height: 28px; }

.filter-price__range::before, .filter-price__fill { content: ""; position: absolute; top: 13px; height: 3px; border-radius: 999px; }

.filter-price__range::before { inset-inline: 0; background: rgba(17, 24, 39, .13); }

.filter-price__fill { left: var(--min); right: calc(100% - var(--max)); background: var(--color-primary); }

.filter-price__range input[type="range"] { position: absolute; inset-inline: 0; top: 4px; width: 100%; height: 22px; margin: 0; background: transparent; pointer-events: none; appearance: none; -webkit-appearance: none; }

.filter-price__range input[type="range"]::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
  border: 2px solid var(--color-surface);
  border-radius: 50%;
  background: var(--color-primary);
  box-shadow: 0 3px 10px rgba(17, 24, 39, .22);
  pointer-events: auto;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.filter-price__range input[type="range"]::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border: 2px solid var(--color-surface);
  border-radius: 50%;
  background: var(--color-primary);
  box-shadow: 0 3px 10px rgba(17, 24, 39, .22);
  pointer-events: auto;
  cursor: pointer;
}

.category-page .category-sidebar__header { padding-top: 30px; padding-bottom: 18px; }

.category-page .category-sidebar__header h2 { line-height: 1.35; }

.category-page .category-filter-form { padding-top: 0; }

.category-page .filter-group { padding-top: 5px; }

.category-page .filter-group + .filter-group { margin-top: 0; }

.category-page .filter-group legend { margin-bottom: 18px; line-height: 1.45; }

.category-page .filter-group--categories { padding-top: 12px; }

.category-page .filter-group--categories legend { margin-bottom: 8px; padding-top: 10px; }

.category-page .filter-category-tree { gap: 5px; }

.category-page .filter-category-panel { margin-top: 2px; }

.category-page .filter-category-panel.is-open { gap: 4px; }

.category-page .filter-color.is-active, .category-page .filter-sizes button.is-active { cursor: pointer; }

.product-page { background: var(--color-surface); }

.product-section { padding-top: var(--homepage-section-gap, 48px); }

.single-product-card, .product-story-card, .product-tabs-card { border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-surface); box-shadow: 0 18px 48px rgba(17, 24, 39, .035); }

.single-product-card { direction: ltr; display: grid; }

.product-gallery { direction: ltr; display: grid; min-width: 0; }

.product-gallery__thumbs { display: grid; align-content: start; }

.product-thumb {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(17, 24, 39, .1);
  background: #f4f4f4;
  cursor: pointer;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.product-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.product-thumb:hover, .product-thumb:focus-visible, .product-thumb.is-active { border-color: var(--color-accent); box-shadow: 0 10px 22px rgba(17, 24, 39, .12); transform: translateY(-2px); outline: none; }

.product-thumb--video { display: flex; align-items: center; justify-content: center; color: var(--color-primary); font-size: 24px; }

.product-gallery__main { margin: 0; overflow: hidden; background: var(--color-hero); }

.product-gallery__image { width: 100%; }

.product-summary { direction: rtl; display: flex; flex-direction: column; }

.product-badge { align-self: flex-start; border-radius: 999px; background: #f4ebe4; color: var(--color-accent); font-weight: 700; }

.product-summary h1 { color: var(--color-primary); font-weight: 850; line-height: 1.25; }

.product-summary__meta, .product-summary__excerpt { margin: 0; color: #6b7280; }

.product-summary__price { display: flex; flex-direction: column; align-items: center; gap: 3px; border-bottom: 1px solid rgba(17, 24, 39, .1); color: var(--color-primary); font-weight: 800; }

.product-summary__price del,
.product-summary__price ins { display: block; white-space: nowrap; line-height: 1.4; }

.product-summary__price del { color: #7b818b; font-size: .78em; font-weight: 500; text-decoration-thickness: 1px; }

.product-summary__price ins { color: var(--color-primary); font-size: 1em; font-weight: 800; text-decoration: none; }

.product-option > strong { display: block; color: var(--color-primary); font-weight: 800; }

.product-option__colors, .product-option__sizes { display: flex; align-items: center; gap: 12px; }

.product-swatch { padding: 0; border: 1px solid rgba(17, 24, 39, .12); border-radius: 50%; background: var(--product-swatch-fallback, #ddd); }

.product-swatch.is-active { outline: 2px solid var(--color-primary); outline-offset: 3px; }

.product-swatch--cream { background: #eadfd4; }

.product-swatch--sand { background: #cbbcaf; }

.product-swatch--terracotta { background: #b66a43; }

.product-swatch--navy { background: #16253e; }

.product-option__sizes button { border: 1px solid rgba(17, 24, 39, .12); background: var(--color-surface); color: var(--color-primary); font-weight: 700; }

.product-option__sizes button.is-active { background: var(--color-primary); color: var(--color-surface); }

.product-size-guide { margin-top: 12px; color: #6b7280; font-size: 13px; font-weight: 600; }

.product-summary__actions { display: grid; }

.product-add-to-cart, .product-wishlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-weight: 800;
  transition: transform .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease;
}

.product-add-to-cart { min-height: 52px; gap: 12px; background: var(--color-primary); color: var(--color-surface); }

.product-wishlist { min-height: 52px; border: 1px solid rgba(17, 24, 39, .12); background: var(--color-surface); color: var(--color-primary); }

.product-add-to-cart:hover, .product-wishlist:hover { transform: translateY(-2px); }

.product-wishlist:hover { color: #d83a3a; }

.product-mini-related { border-top: 1px solid rgba(17, 24, 39, .1); }

.product-mini-related p { margin: 0 0 12px; }

.product-mini-related__items { display: grid; }

.product-mini-related__items a { overflow: hidden; border-radius: 10px; background: #f3f3f3; }

.product-mini-related__items img { object-fit: cover; }

.product-mini-related__all { display: inline-flex; margin-top: 10px; color: #6b7280; font-size: 12px; font-weight: 700; }

.product-story-card {
  direction: ltr;
  display: grid;
  grid-template-columns: minmax(270px, .92fr) minmax(400px, 1.22fr) minmax(300px, .98fr);
  gap: clamp(20px, 2vw, 34px);
  align-items: center;
  padding: clamp(20px, 1.8vw, 30px);
}

.product-story__text, .product-spec-list { direction: rtl; }

.product-story__text h2 { margin: 0 0 18px; color: var(--color-primary); font-weight: 850; }

.product-story__text p { margin: 0 0 12px; color: #4f5662; }

.product-story__signature { display: inline-flex; margin-top: 18px; color: #606773; font-style: italic; }

.product-story__image { margin: 0; overflow: hidden; border-radius: 18px; background: var(--color-hero); }

.product-story__image img { width: 100%; height: 340px; object-fit: cover; }

.product-spec-list { display: grid; gap: 0; }

.product-spec { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid rgba(17, 24, 39, .1); }

.product-spec:last-child { border-bottom: 0; }

.product-spec__icon { color: var(--color-primary); line-height: 1; text-align: center; }

.product-spec__body { display: block; min-width: 0; text-align: right; }

.product-spec strong { display: block; color: var(--color-primary); font-weight: 850; line-height: 1.35; white-space: nowrap; }

.product-spec small { display: block; margin-top: 5px; color: #6b7280; white-space: nowrap; }

.product-tabs-card { direction: rtl; padding: clamp(24px, 2.4vw, 40px); }

.product-tabs__nav { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(17, 24, 39, .1); }

.product-tab { position: relative; min-height: 54px; border: 0; background: transparent; color: var(--color-primary); cursor: pointer; }

.product-tab.is-active::after { content: ""; position: absolute; right: 18%; left: 18%; bottom: -1px; height: 2px; background: var(--color-primary); }

.product-tabs__body { padding-top: 34px; }

.product-tabs__design-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: clamp(28px, 3vw, 52px); align-items: stretch; }

.product-tabs__design-grid--single { grid-template-columns: minmax(0, 1fr); }

.product-tab-panel p { margin: 0 0 16px; color: #4f5662; }

.product-tab-panel__copy { min-width: 0; padding: clamp(6px, .7vw, 12px) 0; }

.product-tab-panel__title { position: relative; margin: 0 0 22px; padding-right: 20px; color: var(--color-primary); font-size: clamp(25px, 1.75vw, 38px); font-weight: 850; line-height: 1.45; }

.product-tab-panel__title::before { content: ""; position: absolute; top: .24em; right: 0; width: 4px; height: 1.2em; border-radius: 99px; background: var(--color-accent); }

.product-tab-panel__copy p { font-size: clamp(15px, .9vw, 17px); line-height: 2.15; text-align: right; }

.product-tabs__insights { display: grid; gap: 14px; align-content: center; }

.product-tabs__insight { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; min-height: 146px; padding: clamp(20px, 1.45vw, 26px); border: 1px solid rgba(17, 24, 39, .075); border-radius: 20px; overflow: hidden; }

.product-tabs__insight::after { content: ""; position: absolute; width: 110px; height: 110px; left: -54px; bottom: -62px; border: 1px solid rgba(17, 24, 39, .07); border-radius: 50%; }

.product-tabs__insight--features { background: linear-gradient(135deg, rgba(183, 132, 93, .11), rgba(255, 255, 255, .96) 66%); }

.product-tabs__insight--style { background: linear-gradient(135deg, rgba(17, 24, 39, .065), rgba(255, 255, 255, .98) 66%); }

.product-tabs__insight-index { display: inline-flex; align-items: center; justify-content: center; align-self: start; width: 48px; height: 48px; border: 1px solid rgba(17, 24, 39, .1); border-radius: 16px 16px 5px 16px; background: rgba(255, 255, 255, .7); color: var(--color-primary); font-size: 14px; font-weight: 850; }

.product-tabs__insight-content { position: relative; z-index: 1; min-width: 0; }

.product-tabs__insight h4 { margin: 1px 0 10px; color: var(--color-primary); font-size: clamp(17px, 1vw, 20px); font-weight: 850; line-height: 1.65; }

.product-tab-panel .product-tabs__insight p { margin: 0 0 8px; color: #5e6570; font-size: clamp(13px, .8vw, 15px); line-height: 1.95; text-align: right; }

.product-tabs__insight p:last-child { margin-bottom: 0; }

/* Automatic Aynazi size guide
   ------------------------------------------------------ */
.aynazi-size-guide {
    --size-guide-ink: #20242b;
    --size-guide-muted: #6d727b;
    direction: rtl;
}

.aynazi-size-guide__intro {
    max-width: 820px;
    margin: 0 auto 30px;
    text-align: center;
}

.aynazi-size-guide__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--color-accent);
    font-size: 13px;
    font-weight: 850;
}

.aynazi-size-guide__intro h3 {
    margin: 0 0 10px;
    color: var(--color-primary);
    font-size: clamp(23px, 1.7vw, 34px);
    font-weight: 900;
    line-height: 1.55;
}

.product-tab-panel .aynazi-size-guide__intro p {
    margin: 0;
    color: var(--size-guide-muted);
    font-size: clamp(14px, .88vw, 16px);
    line-height: 2;
    text-align: center;
}

.aynazi-size-guide__layout {
    display: grid;
    grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
    gap: clamp(22px, 2.5vw, 38px);
    align-items: start;
}

.aynazi-size-guide__visual {
    position: sticky;
    top: 112px;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(17, 24, 39, .075);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(28, 31, 37, .055);
    overflow: hidden;
}

.aynazi-size-guide__visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1402 / 1122;
    border-radius: 17px;
    object-fit: contain;
    background: #fff;
}

.aynazi-size-guide__visual figcaption {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 13px 10px 3px;
    color: #747982;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.8;
}

.aynazi-size-guide__visual figcaption i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: var(--color-accent);
}

.aynazi-size-guide__results {
    display: grid;
    gap: 14px;
}

.aynazi-size-guide__rule {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    padding: 15px 17px;
    border-radius: 17px;
    background: #f7f4f0;
}

.aynazi-size-guide__rule > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 13px 13px 4px 13px;
    background: var(--color-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.product-tab-panel .aynazi-size-guide__rule p {
    margin: 0;
    color: #41464e;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.95;
    text-align: right;
}

.aynazi-size-guide__options {
    display: grid;
    gap: 12px;
}

.aynazi-size-option {
    position: relative;
    padding: clamp(18px, 1.4vw, 24px);
    border: 1px solid rgba(17, 24, 39, .085);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 1), rgba(248, 246, 243, .78));
    overflow: hidden;
}

.aynazi-size-option::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    border-radius: 0 20px 20px 0;
    background: var(--color-accent);
}

.aynazi-size-option:nth-child(2)::before {
    background: var(--color-primary);
}

.aynazi-size-option__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

.aynazi-size-option__number {
    color: var(--color-accent);
    font-size: 13px;
    font-weight: 900;
}

.aynazi-size-option:nth-child(2) .aynazi-size-option__number {
    color: var(--color-primary);
}

.aynazi-size-option__choice {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 5px 13px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.aynazi-size-option h4 {
    margin: 0;
    color: var(--size-guide-ink);
    font-size: clamp(15px, .95vw, 18px);
    font-weight: 850;
    line-height: 1.9;
}

.aynazi-size-option__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0 0;
}

.aynazi-size-option__metrics > div {
    min-width: 0;
    padding: 11px 9px;
    border: 1px solid rgba(17, 24, 39, .065);
    border-radius: 13px;
    background: rgba(255, 255, 255, .82);
    text-align: center;
}

.aynazi-size-option__metrics dt {
    margin-bottom: 4px;
    color: #747982;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.7;
}

.aynazi-size-option__metrics dd {
    margin: 0;
    color: var(--color-primary);
    font-size: 12px;
    font-weight: 900;
    line-height: 1.6;
}

.product-tab-panel .aynazi-size-option__reference {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 12px 0 0;
    color: #747982;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.8;
    text-align: right;
}

.aynazi-size-option__reference i {
    color: var(--color-accent);
}

.aynazi-size-guide__limit {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 13px 16px;
    border: 1px dashed rgba(183, 132, 93, .36);
    border-radius: 16px;
    background: rgba(183, 132, 93, .06);
}

.aynazi-size-guide__limit > i {
    color: var(--color-accent);
    font-size: 24px;
    text-align: center;
}

.product-tab-panel .aynazi-size-guide__limit p {
    margin: 0;
    color: #5f6269;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.9;
    text-align: right;
}

.aynazi-size-guide__free {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: clamp(20px, 1.7vw, 28px);
    border: 1px solid rgba(183, 132, 93, .24);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(183, 132, 93, .13), rgba(255, 255, 255, .96));
}

.aynazi-size-guide__free-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 18px 18px 5px 18px;
    background: var(--color-primary);
    color: #fff;
    font-size: 22px;
}

.aynazi-size-guide__free small {
    color: var(--color-accent);
    font-size: 11px;
    font-weight: 850;
}

.aynazi-size-guide__free h4 {
    margin: 2px 0 7px;
    color: var(--color-primary);
    font-size: 22px;
    font-weight: 900;
}

.product-tab-panel .aynazi-size-guide__free p {
    margin: 0;
    color: #5f6269;
    font-size: 13px;
    line-height: 1.9;
    text-align: right;
}

.aynazi-size-guide__additional {
    display: grid;
    grid-template-columns: minmax(175px, .32fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    margin-top: 26px;
    padding: 20px;
    border-top: 1px solid rgba(17, 24, 39, .09);
}

.aynazi-size-guide__additional-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-primary);
}

.aynazi-size-guide__additional-title i {
    color: var(--color-accent);
}

.product-tab-panel .aynazi-size-guide__additional-copy p {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 2;
    text-align: right;
}

@media (max-width: 991.98px) {
    .aynazi-size-guide__layout {
        grid-template-columns: 1fr;
    }

    .aynazi-size-guide__visual {
        position: relative;
        top: auto;
        max-width: 680px;
        margin-inline: auto;
    }
}

@media (max-width: 575.98px) {
    .aynazi-size-guide__intro {
        margin-bottom: 20px;
        text-align: right;
    }

    .product-tab-panel .aynazi-size-guide__intro p {
        text-align: right;
    }

    .aynazi-size-guide__visual {
        padding: 7px;
        border-radius: 18px;
    }

    .aynazi-size-guide__visual img {
        border-radius: 13px;
    }

    .aynazi-size-guide__rule {
        grid-template-columns: 36px minmax(0, 1fr);
        padding: 13px;
    }

    .aynazi-size-guide__rule > span {
        width: 34px;
        height: 34px;
        border-radius: 11px 11px 4px 11px;
    }

    .aynazi-size-option__metrics {
        grid-template-columns: 1fr;
    }

    .aynazi-size-option__metrics > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-inline: 12px;
        text-align: right;
    }

    .aynazi-size-option__metrics dt {
        margin: 0;
    }

    .aynazi-size-guide__additional {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-inline: 4px;
    }
}

.single-product-card { grid-template-columns: minmax(0, 1.46fr) minmax(330px, .82fr); gap: clamp(20px, 2vw, 34px); padding: clamp(16px, 1.45vw, 24px); align-items: center; }

.product-gallery { grid-template-columns: 76px minmax(0, 1fr); gap: 18px; }

.product-gallery__thumbs { gap: 10px; }

.product-thumb { width: 74px; height: 86px; border-radius: 12px; }

.product-gallery__main { border-radius: 18px; }

.product-gallery__image { height: clamp(390px, 30vw, 500px); object-fit: contain; object-position: center bottom; }

.product-summary { padding: clamp(18px, 1.8vw, 28px); }

.product-badge { margin-top: 12px; padding: 4px 10px; font-size: 11px; }

.product-summary h1 { margin: 9px 0 4px; font-size: clamp(24px, 1.6vw, 32px); }

.product-summary__meta, .product-summary__excerpt { font-size: 13px; line-height: 1.75; }

.product-summary__price { margin: 12px 0 14px; padding-bottom: 14px; font-size: 18px; }

.product-option { margin-top: 16px; }

.product-option > strong { margin-bottom: 9px; font-size: 13px; }

.product-swatch { width: 24px; height: 24px; }

.product-option__sizes button { min-width: 42px; height: 32px; border-radius: 8px; font-size: 12px; }

.product-summary__actions { grid-template-columns: minmax(0, 1fr) 46px; gap: 10px; margin-top: 20px; }

.product-add-to-cart, .product-wishlist { min-height: 46px; border-radius: 10px; font-size: 13px; }

.product-mini-related { margin-top: 16px; padding-top: 14px; }

.product-mini-related p { margin-bottom: 9px; }

.product-mini-related__items { grid-template-columns: repeat(3, 58px); gap: 9px; }

.product-mini-related__items img { width: 58px; height: 72px; }

.single-product-section.product-section { padding-top: clamp(24px, 2vw, 36px); }

.single-product-section .single-product-card { gap: clamp(18px, 1.7vw, 30px); }

.single-product-section .product-gallery { gap: clamp(14px, 1.15vw, 20px); }

.single-product-section .product-gallery__thumbs { gap: 9px; }

.single-product-section .product-thumb { border-radius: 11px; }

.single-product-section .product-thumb--video { font-size: 21px; }

.single-product-section .product-gallery__main { border-radius: 18px; display: flex; align-items: center; justify-content: center; }

.single-product-section .product-summary { padding: clamp(16px, 1.45vw, 24px); }

.single-product-section .product-summary h1 { font-size: clamp(25px, 1.7vw, 34px); margin-block: 8px 4px; }

.single-product-section .product-summary__price { margin: 12px 0 13px; font-size: 19px; }

.single-product-section .product-summary__excerpt { font-size: 13px; line-height: 1.7; }

.single-product-section .product-option > strong { margin-bottom: 8px; }

.single-product-section .product-option__colors, .single-product-section .product-option__sizes { gap: 10px; }

.single-product-section .product-swatch { width: 23px; height: 23px; }

.single-product-section .product-option__sizes button { min-width: 40px; height: 30px; }

.single-product-section .product-size-guide { margin-top: 9px; font-size: 12px; }

.single-product-section .product-summary__actions { grid-template-columns: minmax(0, 1fr) 44px; gap: 10px; }

.single-product-section .product-add-to-cart, .single-product-section .product-wishlist { min-height: 44px; border-radius: 10px; }

.single-product-section .product-mini-related__items { grid-template-columns: repeat(3, 54px); gap: 8px; }

.single-product-section .product-mini-related__items img { width: 54px; height: 66px; }

.single-product-section .product-summary { align-items: center; text-align: center; }

.single-product-section .product-summary__excerpt { text-align: center; margin-inline: auto; }

.single-product-section .product-option { align-items: center; width: 100%; }

.single-product-section .product-option__colors, .single-product-section .product-option__sizes { justify-content: center; }

.product-swatch { position: relative; cursor: pointer; }

.product-swatch::after {
  content: attr(data-color);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  z-index: 15;
  transform: translateX(-50%) translateY(4px);
  min-width: max-content;
  padding: 6px 9px;
  border-radius: 7px;
  background: rgba(17, 24, 39, .94);
  color: var(--color-surface);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.product-swatch::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  z-index: 14;
  transform: translateX(-50%) translateY(4px);
  border: 5px solid transparent;
  border-top-color: rgba(17, 24, 39, .94);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.product-swatch:hover::after, .product-swatch:hover::before, .product-swatch:focus-visible::after, .product-swatch:focus-visible::before { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.product-swatch.is-active, .product-option__sizes button.is-active { border-color: var(--color-primary); }

.product-option__sizes button { cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }

.product-option__sizes button:hover, .product-option__sizes button:focus-visible { border-color: var(--color-primary); transform: translateY(-1px); }

.product-size-guide { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }

.product-size-guide i { font-size: 14px; }

.product-mini-related { width: 100%; }

.product-mini-related p { display: flex; align-items: center; gap: 12px; justify-content: center; color: #767b84; font-size: 13px; font-weight: 600; }

.product-mini-related p::before, .product-mini-related p::after { content: ""; flex: 1 1 0; height: 1px; background: rgba(17, 24, 39, .12); }

.product-mini-related p span { white-space: nowrap; }

.bi-rulers::before { content: "▦"; font-family: var(--font-base) !important; font-weight: 700 !important; }

.single-product-section .single-product-card { padding: clamp(12px, 1vw, 18px); }

.single-product-section .product-summary { padding-block: clamp(10px, 1vw, 16px); }

.single-product-section .product-badge { align-self: center; margin-top: 0; margin-bottom: 6px; }

.single-product-section .product-summary h1 { margin-top: 0; }

.single-product-section .product-summary__price { margin-block: 10px 11px; padding-bottom: 11px; }

.single-product-section .product-option { margin-top: 12px; }

.single-product-section .product-summary__actions { margin-top: 14px; }

.single-product-section .product-mini-related { margin-top: 12px; padding-top: 10px; }

.single-product-section .product-mini-related p { justify-content: center; margin-bottom: 8px; gap: 0; }

.single-product-section .product-mini-related p::before, .single-product-section .product-mini-related p::after { display: none; }

.single-product-section .product-mini-related__items { justify-content: center; margin-inline: auto; }

.single-product-section .product-mini-related__all { justify-content: center; width: 100%; }

.single-product-section .single-product-card { grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr); align-items: center; }

.single-product-section .product-gallery { grid-template-columns: 70px minmax(0, 540px); justify-content: center; align-items: start; }

.single-product-section .product-gallery__main { width: min(100%, 540px); aspect-ratio: 1 / 1; height: auto; max-height: 540px; margin-inline: auto; background: var(--color-hero); }

.single-product-section .product-gallery__image { width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center center; }

.single-product-section .product-thumb { width: 68px; height: 72px; }

.single-product-section .product-thumb--video { height: 72px; }

.single-product-section .product-summary { justify-content: center; }

.single-product-section > .aynazi-container, .product-story-section > .aynazi-container, .product-tabs-section > .aynazi-container { width: min(100% - 72px, 1480px); }

.product-story__text h2 { font-size: clamp(28px, 1.9vw, 46px); line-height: 1.35; }

.product-story__text p { font-size: clamp(15px, .9vw, 17px); line-height: 2.25; }

.product-story__signature { font-size: clamp(24px, 1.35vw, 30px); }

.product-spec__icon { font-size: 28px; }

.product-spec strong { font-size: clamp(17px, 1vw, 20px); }

.product-spec small { font-size: clamp(14px, .85vw, 16px); line-height: 1.65; }

.product-tab { font-size: clamp(16px, .95vw, 18px); font-weight: 800; }

.product-tab-panel p { font-size: clamp(15px, .9vw, 17px); line-height: 2.2; }

.inner-page { background: var(--color-surface); }

.inner-page .home-header { background: var(--color-surface); }

.inner-section { padding: clamp(26px, 3vw, 56px) 0; background: var(--color-surface); }

.inner-hero {
  position: relative;
  margin-top: clamp(18px, 1.6vw, 28px);
  padding: clamp(36px, 4.2vw, 76px) 0 clamp(26px, 3vw, 52px);
  border-top: 1px solid var(--color-border-soft);
  text-align: center;
}

.inner-hero h1, .inner-hero p { position: relative; z-index: 1; }

.inner-hero h1 { margin: 0 0 14px; color: var(--color-primary); font-size: clamp(30px, 2.7vw, 52px); font-weight: 850; line-height: 1.35; }

.inner-hero p { width: min(100%, 680px); margin: 0 auto; color: #6f7580; font-size: clamp(14px, .95vw, 17px); font-weight: 500; line-height: 2; }

.section-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: var(--color-primary); font-size: clamp(12px, .78vw, 14px); font-weight: 850; }

.section-kicker::before { content: ""; width: 18px; height: 3px; border-radius: 99px; background: var(--color-primary); }

.about-intro-card, .about-choice-card, .about-value-card { border: 1px solid var(--color-border-soft); border-radius: var(--border-radius-card); background: var(--color-surface); box-shadow: 0 18px 46px rgba(17, 24, 39, .045); }

.about-intro-card { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr); gap: clamp(22px, 2.2vw, 42px); align-items: center; padding: clamp(14px, 1.4vw, 22px); }

.about-intro-card__media { overflow: hidden; border-radius: 16px; background: #f1f1f2; }

.about-intro-card__media img { width: 100%; height: clamp(260px, 26vw, 430px); object-fit: cover; }

.about-intro-card__content { padding: clamp(10px, 1.8vw, 30px); }

.about-intro-card__content h2, .about-choice-card h2, .section-heading h2 { margin: 0 0 16px; color: var(--color-primary); font-size: clamp(24px, 2vw, 38px); font-weight: 850; line-height: 1.45; }

.about-intro-card__content p, .about-choice-card p, .about-value-card p { margin: 0 0 14px; color: #6c727d; font-size: clamp(13px, .9vw, 16px); font-weight: 500; line-height: 2.05; }

.aynazi-outline-btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  padding: 0 22px;
  border: 1px solid var(--color-primary);
  border-radius: var(--border-radius-button);
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 850;
}

.aynazi-outline-btn:hover { background: var(--color-primary); color: var(--color-surface); }

.about-choice-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(250px, .7fr) minmax(240px, .58fr); gap: clamp(16px, 1.4vw, 24px); align-items: stretch; }

.about-choice-card { overflow: hidden; }

.about-choice-card--text { padding: clamp(26px, 2.4vw, 44px); }

.about-choice-card--image img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; }

.about-choice-card--note { display: flex; flex-direction: column; justify-content: center; padding: clamp(24px, 2vw, 38px); background: linear-gradient(180deg, rgba(250,249,247,.92), rgba(255,255,255,.98)); }

.about-choice-card--note i { margin-bottom: 18px; color: var(--color-primary); font-size: 34px; }

.about-choice-card--note h3, .about-value-card h3 { margin: 0 0 12px; color: var(--color-primary); font-size: clamp(18px, 1.25vw, 24px); font-weight: 850; line-height: 1.45; }

.about-check-list { display: grid; gap: 12px; margin-top: 22px; }

.about-check-list li { position: relative; padding-inline-start: 24px; color: #505762; font-size: clamp(13px, .88vw, 15px); font-weight: 650; line-height: 1.7; }

.about-check-list li::before { content: ""; position: absolute; inset-inline-start: 0; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); }

.section-heading--center { width: min(100%, 680px); margin: 0 auto clamp(18px, 1.8vw, 32px); text-align: center; }

.section-heading--center .section-kicker::before { display: none; }

.about-values-section .section-heading--center { position: relative; width: fit-content; max-width: 100%; margin-inline: auto; padding-top: clamp(24px, 2vw, 34px); text-align: center; }

.about-values-section .section-heading--center .section-kicker { position: absolute; top: 0; right: 0; left: auto; width: auto; margin: 0; text-align: right; white-space: nowrap; }

.about-values-section .section-heading--center h2 { margin-inline: auto; text-align: center; white-space: nowrap; }

.about-values-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.4vw, 24px); }

.about-value-card { padding: clamp(24px, 2.1vw, 38px); }

.about-value-card span { display: block; margin-bottom: 18px; color: rgba(17, 24, 39, .16); font-size: clamp(38px, 3.2vw, 58px); font-weight: 900; line-height: 1; }

.about-service-section { padding-top: clamp(16px, 2vw, 32px); padding-bottom: clamp(28px, 4vw, 72px); }

.faq-categories-section { padding-top: clamp(44px, 5vw, 76px); text-align: center; }

.faq-categories-section .section-heading { margin-bottom: clamp(18px, 2vw, 28px); }

.faq-category-grid { width: min(100%, 1050px); margin-inline: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

.faq-category-card {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 18px;
  border: 1px solid var(--color-border-soft);
  border-radius: 999px;
  background: var(--color-surface);
  box-shadow: 0 14px 34px rgba(17, 24, 39, .035);
  color: var(--color-primary);
  white-space: nowrap;
}

.faq-category-card .faq-icon {
  width: 30px;
  height: 30px;
  padding: 7px;
  flex: 0 0 30px;
  border-radius: 50%;
  background: rgba(232, 215, 214, .45);
  color: var(--color-primary);
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.faq-category-card span { color: #232b3a; font-size: clamp(12px, .82vw, 14px); font-weight: 850; }

.faq-category-card:hover { transform: translateY(-2px); border-color: rgba(17, 24, 39, .16); box-shadow: 0 20px 42px rgba(17, 24, 39, .055); }

.faq-list-section { padding-top: clamp(18px, 2.5vw, 38px); }

.faq-content-card { overflow: hidden; border: 1px solid var(--color-border-soft); border-radius: var(--border-radius-card); background: var(--color-surface); box-shadow: 0 20px 54px rgba(17, 24, 39, .045); }

.faq-group { padding: clamp(18px, 1.7vw, 30px); }

.faq-group + .faq-group { border-top: 1px solid rgba(17, 24, 39, .07); }

.faq-group__title { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; color: var(--color-primary); font-size: clamp(18px, 1.28vw, 24px); font-weight: 850; line-height: 1.45; }

.faq-group__title .faq-icon {
  width: 38px;
  height: 38px;
  padding: 9px;
  flex: 0 0 38px;
  border-radius: 14px;
  background: rgba(232, 215, 214, .5);
  color: var(--color-primary);
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.faq-item { border-bottom: 1px solid rgba(17, 24, 39, .07); }

.faq-item:last-child { border-bottom: 0; }

.faq-item summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 16px 0 16px 58px;
  color: #252c39;
  font-size: clamp(13px, .92vw, 16px);
  font-weight: 800;
  line-height: 1.8;
}

.faq-item summary:hover { color: var(--color-primary); }

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-primary);
  font-family: "bootstrap-icons";
  font-size: 12px;
  transition: transform .22s ease;
}

.faq-item[open] summary { color: var(--color-primary); }

.faq-item[open] summary::after { transform: translateY(-50%) rotate(180deg); }

.faq-item__answer { width: min(100%, 820px); margin: -4px 0 18px; color: #69707b; font-size: clamp(13px, .88vw, 15px); font-weight: 500; line-height: 2.05; }

.faq-cta-card {
  width: 100%;
  margin-inline: auto;
  padding: clamp(28px, 3vw, 52px);
  border: 1px solid rgba(17, 24, 39, .07);
  border-radius: var(--border-radius-card);
  background: linear-gradient(180deg, rgba(250,249,247,.92), rgba(255,255,255,.98));
  box-shadow: 0 18px 46px rgba(17, 24, 39, .04);
  text-align: center;
}

.faq-cta-card h2 { margin: 0 0 10px; color: var(--color-primary); font-size: clamp(24px, 2.05vw, 38px); font-weight: 850; line-height: 1.45; }

.faq-cta-card p { width: min(100%, 680px); margin: 0 auto; color: #6f7580; font-size: clamp(13px, .92vw, 16px); font-weight: 500; line-height: 2; }

.faq-cta-card__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }

.aynazi-solid-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  border: 1px solid var(--color-primary);
  border-radius: var(--border-radius-button);
  background: var(--color-primary);
  color: var(--color-surface);
  font-size: 14px;
  font-weight: 850;
}

.aynazi-solid-btn:hover { background: #1b2540; border-color: #1b2540; color: var(--color-surface); transform: translateY(-2px); }

.faq-cta-card .aynazi-outline-btn { min-height: 48px; margin-top: 0; }

.faq-cta-card .aynazi-outline-btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-surface); transform: translateY(-2px); }

.blog-pagination a, .blog-pagination span {
  display: inline-flex;
  min-width: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid rgba(17, 24, 39, .12);
  background: var(--color-surface);
  color: var(--color-primary);
  font-weight: 850;
}

.blog-pagination span, .blog-pagination a:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-surface); }

.blog-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; }

.blog-pagination a,.blog-pagination span {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--color-primary);
  background: var(--color-surface);
  font-weight: 800;
}

.blog-pagination .is-active { background: var(--color-primary); color: var(--color-surface); border-color: var(--color-primary); }

.blog-pagination { margin-top: 24px; }

.blog-pagination a, .blog-pagination span { width: 34px; height: 34px; border-radius: 10px; font-size: 13px; }

.blog-pagination .next-page { width: auto; padding-inline: 13px; }

.blog-new-kicker { margin: 0 0 8px; color: var(--color-primary); font-size: 12px; font-weight: 850; letter-spacing: .08em; }

.blog-new-section { padding-block: 20px; }

.blog-new-featured-card { display: grid; overflow: hidden; border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-surface); box-shadow: 0 18px 48px rgba(17,24,39,.045); }

.blog-new-featured-card__content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.blog-new-featured-card h2 { max-width: 470px; margin: 0 0 14px; color: var(--color-primary); font-size: clamp(28px,2.7vw,44px); font-weight: 950; line-height: 1.45; }

.blog-new-featured-card p { max-width: 500px; margin: 0 0 22px; color: #626b78; font-size: 14px; font-weight: 500; line-height: 2.05; }

.blog-new-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 14px; margin-bottom: 12px; color: #737b88; font-size: 11px; font-weight: 750; }

.blog-new-meta span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-inline-end: 12px; border-radius: 50%; background: rgba(17,24,39,.28); vertical-align: middle; }

.blog-new-featured-card__image { display: block; overflow: hidden; }

.blog-new-featured-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }

.blog-new-featured-card:hover .blog-new-featured-card__image img { transform: scale(1.035); }

.blog-style-capsule__card { display: grid; align-items: center; overflow: hidden; border-radius: 24px; border: 1px solid var(--color-border-soft); }

.blog-style-capsule__image { overflow: hidden; }

.blog-style-capsule__content h2 { margin: 0 0 10px; color: var(--color-primary); font-size: clamp(28px,3vw,42px); font-weight: 950; line-height: 1.35; }

.blog-style-capsule__content p { margin: 0 0 20px; color: #5f6875; font-size: 14px; line-height: 1.9; }

.capsule-products { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }

.capsule-products a { display: block; overflow: hidden; border: 1px solid rgba(17,24,39,.10); border-radius: 12px; background: var(--color-surface); }

.capsule-products img { width: 100%; height: 100%; object-fit: cover; }

.blog-new-heading { margin-bottom: 18px; }

.blog-new-heading--split { display: flex; align-items: end; justify-content: space-between; gap: 20px; }

.blog-new-heading h2 { margin: 0; color: var(--color-primary); font-size: clamp(22px,2vw,32px); font-weight: 950; line-height: 1.4; }

.blog-new-heading a { display: inline-flex; align-items: center; gap: 7px; color: var(--color-primary); font-size: 12px; font-weight: 800; text-decoration: none; }

.blog-new-grid { display: grid; gap: 20px; }

.blog-new-grid--four { grid-template-columns: repeat(4,minmax(0,1fr)); }

.blog-new-card { overflow: hidden; border: 1px solid var(--color-border-soft); border-radius: 18px; background: var(--color-surface); box-shadow: 0 14px 34px rgba(17,24,39,.045); }

.blog-new-card__image { display: block; aspect-ratio: 1.25/1; overflow: hidden; }

.blog-new-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }

.blog-new-card:hover .blog-new-card__image img { transform: scale(1.035); }

.blog-new-card__body { padding: 14px 16px 17px; }

.blog-new-card h3 { margin: 0; color: var(--color-primary); font-size: 16px; font-weight: 900; line-height: 1.75; }

.blog-new-card h3 a { color: inherit; text-decoration: none; }

.blog-new-featured-card { direction: ltr; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); grid-template-areas: "content media"; min-height: 270px; }

.blog-new-featured-card__content { grid-area: content; direction: rtl; padding: 28px 38px; }

.blog-new-featured-card__image { grid-area: media; min-height: 270px; max-height: 360px; }

.blog-new-featured-card__image img { object-position: center center; }

.blog-style-capsule__card { direction: ltr; grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr); min-height: 250px; background: linear-gradient(90deg,var(--color-surface) 0%,#f7f1ea 100%); }

.blog-style-capsule__image { height: 250px; order: 2; }

.blog-style-capsule__content { order: 1; direction: rtl; padding: 24px 38px; text-align: center; }

.capsule-products { justify-content: flex-start; direction: rtl; margin-inline-start: auto; margin-inline-end: 0; }

.capsule-products a { width: 78px; height: 78px; }

.blog-style-capsule__content p { margin-bottom: 16px; }

.blog-style-capsule__image { background: #f7f1ea; }

.blog-style-capsule__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.capsule-actions { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 18px; flex-wrap: wrap; }

.capsule-actions .capsule-products { margin: 0; justify-content: flex-start; }

.capsule-actions .aynazi-outline-btn { flex: 0 0 auto; margin: 0; }

.blog-new-grid--posts { row-gap: 24px; }

.blog-new-grid--posts .blog-new-card { display: flex; min-height: 100%; flex-direction: column; }

.blog-new-grid--posts .blog-new-card__body { display: flex; flex: 1; flex-direction: column; padding: 15px 16px 16px; }

.blog-card-taxonomy { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 8px; color: #6b7280; font-size: 11px; font-weight: 750; line-height: 1.8; }

.blog-card-taxonomy span:first-child { color: var(--color-primary); }

.blog-card-taxonomy span + span::before { content: "•"; margin-inline-end: 10px; color: #c9ced6; }

.blog-new-grid--posts .blog-new-meta { margin-bottom: 8px; font-size: 11px; }

.blog-new-grid--posts .blog-new-card h3 { margin-bottom: 8px; font-size: 15px; line-height: 1.65; }

.blog-card-excerpt { margin: 0 0 14px; color: #6b7280; font-size: 12px; font-weight: 500; line-height: 2; }

.blog-card-readmore { display: inline-flex; width: max-content; align-items: center; gap: 6px; margin-top: auto; color: var(--color-primary); font-size: 12px; font-weight: 850; text-decoration: none; }

.blog-card-readmore:hover, .blog-card-readmore:focus-visible { color: var(--color-primary); opacity: .78; }

.blog-card-readmore i { font-size: 10px; }

.blog-new-section .blog-pagination { margin-top: 30px; }

.blog-single-hero-section { padding-block: 24px 26px; background: var(--color-surface); }

.blog-single-hero { display: grid; overflow: hidden; border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-surface); box-shadow: 0 18px 48px rgba(17,24,39,.045); }

.blog-single-hero__content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.blog-single-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; color: #6b7280; font-size: 12px; font-weight: 750; line-height: 1.8; }

.blog-single-meta a { display: inline-flex; align-items: center; min-height: 28px; padding: 0 11px; border-radius: 999px; background: #f5eadc; color: var(--color-primary); text-decoration: none; }

.blog-single-meta i { font-size: 14px; }

.blog-single-meta--top { margin-bottom: 18px; }

.blog-single-author { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--color-primary); font-size: 13px; font-weight: 700; }

.blog-single-author img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }

.blog-single-hero h1 { max-width: 520px; margin: 0 0 18px; color: var(--color-primary); font-size: clamp(34px,4vw,58px); font-weight: 950; line-height: 1.45; }

.blog-single-hero p { max-width: 520px; margin: 0 0 26px; color: #4b5563; font-size: 15px; font-weight: 500; line-height: 2; }

.blog-single-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.blog-single-hero__image { overflow: hidden; }

.blog-single-hero__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.blog-single-body-section{ padding-block: 28px; }

.blog-single-layout { display: grid; align-items: start; }

.blog-single-sidebar { position: sticky; top: 96px; display: grid; gap: 22px; order: 1; }

.blog-single-content { order: 2; color: #1f2937; font-size: 16px; font-weight: 500; line-height: 2.25; }

.blog-single-content section { margin-top: 34px; }

.blog-single-content h2 { margin: 0 0 14px; color: var(--color-primary); font-size: clamp(23px,2.1vw,32px); font-weight: 950; line-height: 1.55; text-align: center; }

.blog-single-content p { margin: 0 0 16px; color: #303947; text-align: center; }

.blog-single-lead { max-width: 720px; margin-inline: auto; color: #27303d; font-size: 17px; font-weight: 650; }

.blog-single-wide-image { margin: 28px 0 0; overflow: hidden; border-radius: 18px; }

.blog-single-wide-image img { display: block; width: 100%; height: 260px; object-fit: cover; }

.blog-single-note { margin-top: 24px; }

.blog-single-note i { align-items: center; justify-content: center; }

.blog-single-toc, .blog-single-related { padding: 24px; border: 1px solid var(--color-border-soft); border-radius: 18px; background: var(--color-surface); box-shadow: 0 16px 38px rgba(17,24,39,.045); }

.blog-single-toc h2, .blog-single-related h2 { margin: 0 0 18px; color: var(--color-primary); font-size: 17px; font-weight: 900; line-height: 1.5; }

.blog-single-toc h2 { display: flex; align-items: center; gap: 8px; }

.blog-single-toc a { display: flex; align-items: center; gap: 10px; padding-block: 9px; color: #4b5563; font-size: 13px; font-weight: 750; text-decoration: none; }

.blog-single-toc a span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(17,24,39,.13);
  color: var(--color-primary);
  font-size: 11px;
}

.blog-single-toc a:hover { color: var(--color-primary); }

.blog-single-related { display: grid; gap: 12px; }

.blog-single-related a { display: grid; grid-template-columns: 78px minmax(0,1fr); align-items: center; gap: 12px; color: var(--color-primary); text-decoration: none; }

.blog-single-related img { width: 78px; height: 66px; border-radius: 12px; object-fit: cover; }

.blog-single-related span { font-size: 12px; font-weight: 850; line-height: 1.8; }

.blog-single-share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 34px;
  padding: 16px;
  border: 1px solid var(--color-border-soft);
  border-radius: 16px;
  background: var(--color-surface);
}

.blog-single-share span { margin-inline-end: 8px; color: var(--color-primary); font-size: 13px; font-weight: 850; }

.blog-single-share a {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 50%;
  color: var(--color-primary);
  text-decoration: none;
}

.blog-single-page .aynazi-container { max-width: var(--container-width); }

.blog-single-hero { grid-template-columns: minmax(0,2fr) minmax(0,1fr); min-height: 380px; }

.blog-single-hero__image { min-height: 380px; }

.blog-single-hero__content { padding: 42px 52px; }

.blog-single-hero__actions .aynazi-outline-btn, .blog-single-hero__actions .aynazi-solid-btn { min-width: 148px; height: 52px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-align: center; }

.blog-single-layout { grid-template-columns: 300px minmax(0,1fr); justify-content: stretch; gap: 48px; width: 100%; }

.blog-single-content { max-width: none; }

.blog-single-content .blog-single-wide-image img { width: 100%; }

.blog-single-page .latest-products.section-block { padding-block: 42px 64px; }

.blog-single-page .latest-products__heading { margin-bottom: 22px; }

.error-page .home-header { border-bottom: 1px solid rgba(17,24,39,.06); }

.error-hero-section { padding: 42px 0 28px; }

.error-hero-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,46%) minmax(0,54%);
  align-items: center;
  min-height: 520px;
  border: 1px solid var(--color-border-soft);
  border-radius: 28px;
  overflow: hidden;
  background: #f5efe8;
  box-shadow: 0 24px 70px rgba(17,24,39,.06);
}

.error-hero-media { position: absolute; inset: 0; z-index: 1; height: 100%; }

.error-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center right; display: block; }

.error-hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg,rgba(245,239,232,.1) 0%,rgba(245,239,232,.52) 38%,rgba(255,255,255,.95) 72%,rgba(255,255,255,.99) 100%);
}

.error-hero-content { position: relative; z-index: 3; max-width: 510px; padding: 72px 86px 72px 0; grid-column: 2; text-align: right; }

.error-code { font-size: clamp(84px,9vw,148px); line-height: .9; font-weight: 900; letter-spacing: -.05em; color: var(--color-primary,#101828); margin: 0 0 22px; }

.error-hero-content h1 { font-size: clamp(28px,3vw,44px); font-weight: 900; color: var(--color-primary,#101828); margin: 0 0 22px; }

.error-hero-content p:not(.error-code) { font-size: 18px; line-height: 2.1; color: var(--color-muted,#667085); margin: 0 0 34px; max-width: 430px; }

.error-hero-actions { display: flex; gap: 16px; align-items: center; }

.error-hero-actions .aynazi-solid-btn,.error-hero-actions .aynazi-outline-btn,.error-support-card .aynazi-outline-btn {
  min-height: 56px;
  padding: 0 28px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 800;
  text-decoration: none;
  margin-top: 14px;
}

.error-search-section { padding: 10px 0 34px; }

.error-search-block { max-width: 760px; margin: 0 auto; text-align: center; }

.error-search-block h2,.error-section-heading h2,.error-support-card h2 { font-size: clamp(24px,2.3vw,34px); font-weight: 900; color: var(--color-primary,#101828); margin: 0 0 14px; }

.error-search-block p,.error-support-card p { font-size: 16px; line-height: 2; color: var(--color-muted,#667085); margin: 0 0 24px; }

.error-search-form { position: relative; max-width: 650px; margin: 0 auto; }

.error-search-form input {
  width: 100%;
  height: 64px;
  border: 1px solid rgba(17,24,39,.12);
  border-radius: 16px;
  background: var(--color-surface);
  padding: 0 58px 0 22px;
  font-size: 15px;
  color: var(--color-primary,#101828);
  box-shadow: 0 16px 44px rgba(17,24,39,.05);
  outline: none;
}

.error-search-form input:focus { border-color: rgba(17,24,39,.28); }

.error-search-form button {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: var(--color-primary,#101828);
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-links-section { padding: 22px 0 54px; }

.error-section-heading { text-align: center; margin-bottom: 28px; }

.error-links-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; margin: 0 auto; }

.error-link-card {
  display: block;
  border: 1px solid var(--color-border-soft);
  border-radius: 18px;
  overflow: hidden;
  background: var(--color-surface);
  color: var(--color-primary,#101828);
  text-decoration: none;
  box-shadow: 0 18px 56px rgba(17,24,39,.06);
  transition: transform .25s ease,box-shadow .25s ease;
}

.error-link-card:hover { transform: translateY(-4px); box-shadow: 0 24px 70px var(--color-border-card); color: var(--color-primary,#101828); }

.error-link-card img { width: 100%; height: 190px; object-fit: cover; display: block; }

.error-link-card span { min-height: 72px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 18px; font-weight: 900; }

.error-link-card i { font-size: 18px; }

.error-support-section { padding: 0 0 54px; }

.error-support-card {
  margin: 0 auto;
  min-height: 130px;
  border: 1px solid var(--color-border-soft);
  border-radius: 22px;
  background: linear-gradient(90deg,#f6efe8 0%,var(--color-surface) 52%,#f6efe8 100%);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 26px 44px;
  box-shadow: 0 18px 55px rgba(17,24,39,.05);
}

.error-support-card h2 { font-size: 24px; margin-bottom: 8px; }

.error-support-card p { margin: 0; }

.error-support-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f1e4dc;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary,#101828);
  font-size: 28px;
}

.error-support-card .aynazi-outline-btn { min-width: 188px; background: var(--color-surface); }

.error-hero-actions { flex-wrap: nowrap; }

.error-hero-actions .aynazi-solid-btn, .error-hero-actions .aynazi-outline-btn { min-width: 210px; white-space: nowrap; }

.error-links-grid { max-width: none; width: 100%; }

.error-support-card { max-width: none; width: 100%; }

.search-results-page .site-main { background: var(--color-surface); }

.content-template-page { background: var(--color-surface); color: var(--color-text,var(--color-primary)); }

.wp-content-kicker { margin: 0 0 10px; color: #5b6472; font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }

.wp-content-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; margin-top: 24px; color: #667085; font-size: 13px; font-weight: 800; }

.wp-content-meta a,.wp-content-meta span { display: inline-flex; align-items: center; gap: 7px; color: #667085; text-decoration: none; }

.wp-content-meta a:hover { color: var(--color-primary,#101828); }

.wp-content-pill { padding: 6px 13px; border-radius: 999px; background: #f1e4d9; color: var(--color-primary,#101828); }

.wp-content-card {
  width: 100%;
  max-width: var(--container-width,1320px);
  margin-inline: auto;
  border: 1px solid var(--color-border-card);
  border-radius: var(--border-radius-card,28px);
  background: var(--color-surface);
  box-shadow: 0 20px 54px rgba(17,24,39,.05);
  padding: clamp(28px,4vw,64px);
}

.wp-editor-content { color: #384152; font-size: clamp(16px,1.12vw,19px); line-height: 2.05; }

.wp-editor-content>*:first-child { margin-top: 0; }

.wp-editor-content>*:last-child { margin-bottom: 0; }

.wp-editor-content p { margin: 0 0 1.15em; }

.wp-editor-content h1,.wp-editor-content h2,.wp-editor-content h3,.wp-editor-content h4,.wp-editor-content h5,.wp-editor-content h6 { color: var(--color-primary,#101828); font-weight: 950; letter-spacing: -.035em; line-height: 1.5; margin: 1.65em 0 .65em; }

.wp-editor-content h1 { font-size: clamp(34px,3.4vw,52px); }

.wp-editor-content h2 { font-size: clamp(28px,2.6vw,40px); }

.wp-editor-content h3 { font-size: clamp(23px,2vw,31px); }

.wp-editor-content h4 { font-size: clamp(20px,1.6vw,26px); }

.wp-editor-content h5 { font-size: clamp(18px,1.35vw,22px); }

.wp-editor-content h6 { font-size: clamp(16px,1.1vw,19px); letter-spacing: 0; }

.wp-editor-content a { color: var(--color-primary,#101828); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }

.wp-editor-content strong { color: var(--color-primary,#101828); font-weight: 900; }

.wp-editor-content em { font-style: italic; }

.wp-editor-content ul,.wp-editor-content ol { margin: 0 0 1.35em; padding-right: 1.25em; }

.wp-editor-content li { margin-bottom: .45em; }

.wp-editor-content blockquote {
  margin: 1.7em 0;
  padding: 22px 26px;
  border: 1px solid rgba(216,180,177,.34);
  border-radius: 22px;
  background: rgba(232,215,214,.24);
  color: var(--color-primary,#101828);
  font-weight: 800;
  line-height: 2;
}

.wp-editor-content figure { margin: 1.8em 0; }

.wp-editor-content figure img { display: block; border-radius: 20px; background: #f6f6f5; }

.wp-editor-content figcaption { margin-top: 10px; color: #667085; font-size: 13px; }

.wp-editor-content table { width: 100%; margin: 1.8em 0; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid rgba(17,24,39,.1); border-radius: 18px; }

.wp-editor-content th,.wp-editor-content td { padding: 14px 16px; border-bottom: 1px solid var(--color-border-soft); text-align: right; }

.wp-editor-content th { background: #faf7f4; color: var(--color-primary,#101828); font-weight: 900; }

.wp-editor-content tr:last-child td { border-bottom: 0; }

.wp-editor-content pre { margin: 1.7em 0; padding: 18px 20px; overflow: auto; border-radius: 18px; background: #101828; color: var(--color-surface); direction: ltr; text-align: left; font-size: 14px; line-height: 1.8; }

.wp-editor-content code { font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }

.wp-editor-content :not(pre)>code { padding: 2px 7px; border-radius: 8px; background: #f3f4f6; color: var(--color-primary,#101828); }

.wp-editor-content hr { margin: 2em 0; border: 0; border-top: 1px solid rgba(17,24,39,.1); }

.search-results-page .popular-products-section.section-block { padding-top: var(--homepage-section-gap, clamp(34px,3vw,52px)); padding-bottom: 0; }

.search-results-page .blog-new-section { padding-top: var(--homepage-section-gap, clamp(34px,3vw,52px)); padding-bottom: var(--homepage-section-gap, clamp(34px,3vw,52px)); }

.search-results-page .section-heading, .search-results-page .blog-new-heading { margin-bottom: clamp(22px, 2.2vw, 34px); }

.search-results-page .blog-new-heading--split { justify-content: flex-end; }

.content-template-page .wp-content-meta { margin-top: 18px; }

.container-title h2 { color: var(--section-title-color); font-size: var(--section-title-size); font-weight: var(--section-title-weight); line-height: 1.25; padding-bottom: 15px; }

.blog-single-page .site-main { background: var(--color-surface); }

.blog-single-page .breadcrumb-section { padding-bottom: 12px; }

.blog-single-body-section { padding-block: 28px 42px; }

.blog-single-layout--with-sidebar { display: grid; align-items: start; justify-content: stretch; width: 100%; }

.blog-single-main-column { display: grid; gap: 34px; order: 1; }

.blog-single-layout--with-sidebar .blog-single-sidebar { position: sticky; top: 96px; display: grid; gap: 22px; min-width: 0; order: 2; }

.blog-single-article-card { overflow: hidden; border: 1px solid var(--color-border-soft); border-radius: 24px; background: var(--color-surface); box-shadow: 0 18px 48px rgba(17,24,39,.045); }

.blog-single-article-head { display: grid; grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr); border-bottom: 1px solid rgba(17,24,39,.06); }

.blog-single-article-image { overflow: hidden; background: #f5efe8; }

.blog-single-article-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.blog-single-article-intro { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.blog-single-article-intro h1 { max-width: 560px; margin: 0 0 16px; color: var(--color-primary); font-size: clamp(32px,3.1vw,48px); font-weight: 950; line-height: 1.45; }

.blog-single-excerpt { max-width: 560px; margin: 0; color: #4b5563; font-size: 15px; font-weight: 550; line-height: 2; }

.blog-single-article-card .blog-single-content { margin-inline: auto; color: #1f2937; font-weight: 500; order: initial; }

.blog-single-article-card .blog-single-content > *:first-child { margin-top: 0; }

.blog-single-article-card .blog-single-content h2, .blog-single-article-card .blog-single-content h3 { margin: 34px 0 14px; color: var(--color-primary); font-size: clamp(22px,2vw,30px); font-weight: 950; line-height: 1.55; }

.blog-single-article-card .blog-single-content p { margin: 0 0 16px; color: #303947; }

.blog-single-article-card .blog-single-content img { max-width: 100%; height: auto; border-radius: 18px; }

.blog-single-article-card .blog-single-content figure { margin: 28px 0; }

.blog-single-article-card .blog-single-content blockquote { margin: 28px 0; padding: 22px 26px; border-radius: 18px; border: 1px solid rgba(17,24,39,.06); background: #fbf3e8; color: var(--color-primary); font-weight: 700; }

.blog-single-article-card .blog-single-share { max-width: 850px; margin: 34px auto 0; border-width: 1px 0 0; border-radius: 0; padding: 18px 54px 24px; justify-content: flex-start; background: var(--color-surface); }

.blog-sidebar-widget { border: 1px solid var(--color-border-soft); border-radius: 18px; background: var(--color-surface); }

.blog-sidebar-widget h2 { margin: 0 0 18px; color: var(--color-primary); font-size: 17px; font-weight: 900; line-height: 1.5; }

.blog-sidebar-list { display: grid; gap: 14px; }

.blog-sidebar-item { display: grid; grid-template-columns: 74px minmax(0,1fr); align-items: center; gap: 12px; color: var(--color-primary); text-decoration: none; }

.blog-sidebar-item img { width: 74px; height: 74px; border-radius: 13px; object-fit: cover; background: #f5efe8; }

.blog-sidebar-item strong { display: block; color: var(--color-primary); font-weight: 850; line-height: 1.75; }

.blog-sidebar-item small { display: block; margin-top: 3px; color: #6b7280; font-size: 11.5px; font-weight: 650; line-height: 1.6; }

.blog-sidebar-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 42px;
  margin-top: 18px;
  border-radius: 12px;
  background: #f5f5f5;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

.blog-sidebar-categories { display: grid; gap: 10px; }

.blog-sidebar-categories a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  background: #fafafa;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.blog-sidebar-categories i, .blog-sidebar-more i { font-size: 11px; }

.blog-single-section-heading { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 18px; }

.blog-single-section-heading h2 { margin: 0; color: var(--color-primary); font-size: 24px; font-weight: 950; line-height: 1.5; }

.blog-single-related-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }

.blog-single-related-card {
  display: grid;
  grid-template-columns: 116px minmax(0,1fr);
  min-height: 116px;
  overflow: hidden;
  border: 1px solid var(--color-border-soft);
  border-radius: 18px;
  background: var(--color-surface);
  color: var(--color-primary);
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(17,24,39,.04);
}

.blog-single-related-card__image { display: block; overflow: hidden; background: #f5efe8; }

.blog-single-related-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; }

.blog-single-related-card__body { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 14px; }

.blog-single-related-card strong { display: block; color: var(--color-primary); font-size: 13px; font-weight: 900; line-height: 1.75; }

.blog-single-related-card small { display: block; margin-top: 4px; color: #6b7280; font-size: 11px; font-style: normal; font-weight: 650; }

.blog-single-related-card em { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; color: var(--color-primary); font-size: 11.5px; font-style: normal; font-weight: 850; }

.blog-single-related-card em i { font-size: 10px; }

.blog-single-page .blog-single-hero-section, .blog-single-page .blog-single-hero, .blog-single-page .blog-single-toc, .blog-single-page .blog-single-related { display: none; }

.blog-single-layout--with-sidebar { grid-template-columns: minmax(0,1fr) 300px; gap: 26px; }

.blog-single-main-column { min-width: 0; }

.blog-single-article-head { min-height: 410px; }

.blog-single-article-image img { min-height: 410px; }

.blog-single-article-intro { padding: 40px 48px; }

.blog-single-article-card .blog-single-content { max-width: 880px; padding: 38px 58px 0; font-size: 16px; line-height: 2.35; }

.blog-single-article-card .blog-single-content p { margin-bottom: 18px; text-align: right; }

.blog-single-article-card .blog-single-content .blog-single-lead { color: var(--color-primary); font-size: 17px; font-weight: 750; line-height: 2.25; }

.blog-single-article-card .blog-single-content h2, .blog-single-article-card .blog-single-content h3 { margin-top: 38px; text-align: right; }

.blog-single-inline-image { overflow: hidden; border-radius: 18px; background: #f5efe8; }

.blog-single-inline-image img { display: block; width: 100%; min-height: 260px; max-height: 360px; object-fit: cover; object-position: center center; }

.blog-single-note { display: flex; align-items: flex-start; gap: 14px; margin: 30px 0; padding: 18px 20px; border-radius: 16px; background: #fbf3e8; color: var(--color-primary); }

.blog-single-note i { display: inline-grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.64); color: #b68754; font-size: 15px; }

.blog-single-note strong { display: block; margin-bottom: 4px; color: var(--color-primary); font-size: 13px; font-weight: 900; }

.blog-single-note p { margin: 0; color: #5f4d3b; font-size: 13px; font-weight: 650; line-height: 1.9; text-align: right; }

.blog-sidebar-widget { padding: 20px; box-shadow: 0 12px 30px rgba(17,24,39,.035); }

.blog-sidebar-item strong { font-size: 12px; }

.blog-sidebar-categories a { position: relative; }

.blog-sidebar-categories a small { margin-inline-start: auto; color: #6b7280; font-size: 11px; font-weight: 750; }

.blog-single-related-strip { margin-top: 2px; }

/* Global icon alignment safety */
.bi {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}

.bi::before {
  margin: 0;
}

/* Latest products custom image layout fix */
.latest-feature-card__image {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: var(--color-surface);
}

.latest-products .product-card__media {
    aspect-ratio: 1 / 1;
}

.latest-products .product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: var(--color-surface);
}

/* Latest products: square media with separated product details */
.latest-products .latest-feature-card,
.latest-products .product-card {
    height: auto;
    min-height: 0;
}

.latest-products .latest-feature-card__link {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto;
    overflow: hidden;
    color: var(--color-primary);
}

.latest-products .latest-feature-card__image {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center top;
    background: var(--color-surface-muted, #f4f4f4);
}

.latest-products .latest-feature-card__overlay {
    display: none;
}

.latest-products .latest-feature-card__content {
    position: static;
    z-index: auto;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: clamp(14px, 1vw, 18px);
    color: var(--color-primary);
    text-align: center;
}

.latest-products .latest-feature-card__eyebrow {
    margin: 0;
    color: rgba(17, 24, 39, .56);
}

.latest-products .latest-feature-card__title {
    margin: 0;
    color: var(--color-primary);
    font-size: clamp(18px, 1.08vw, 22px);
    line-height: 1.35;
}

.latest-products .latest-feature-card__price {
    margin: 0;
    color: var(--color-primary);
}

.latest-products .latest-feature-card__button {
    width: min(100%, 220px);
    min-width: 0;
    margin-top: auto;
    border-color: var(--btn-section-dark-border);
}

.latest-products .product-card {
    display: flex;
    flex-direction: column;
}

.latest-products .product-card__media {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1 / 1;
    padding: 12px;
    background: var(--color-surface-muted, #f4f4f4);
}

.latest-products .product-card__media a {
    display: block;
    width: 100%;
    height: 100%;
}

.latest-products .product-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.latest-products .product-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 0;
    padding: clamp(12px, .9vw, 16px);
    text-align: center;
}

.latest-products .product-card__title,
.latest-products .product-card__price,
.latest-products .product-card__colors {
    margin: 0;
}

.latest-products .product-card__button {
    width: 100%;
    min-width: 0;
    margin-top: auto;
}

/* Latest products refinement: denser small cards and readable sale prices */
.latest-products__cards {
    align-items: start;
}

.latest-products .product-card {
    align-self: start;
}

.latest-products .product-card__media {
    padding: 0;
}

.latest-products .product-card__media img {
    object-fit: cover;
    object-position: center top;
}

.latest-products .product-card__body {
    flex: 0 0 auto;
    gap: 9px;
    padding: clamp(16px, 1vw, 20px) clamp(14px, .9vw, 18px) clamp(18px, 1.1vw, 22px);
}

.latest-products .product-card__title {
    font-size: clamp(16px, .95vw, 19px);
    line-height: 1.45;
}

.latest-products .product-card__price,
.latest-products .latest-feature-card__price {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: clamp(13px, .8vw, 16px);
    line-height: 1.45;
}

.latest-products .product-card__price del,
.latest-products .product-card__price ins,
.latest-products .latest-feature-card__price del,
.latest-products .latest-feature-card__price ins,
.latest-products .product-card__price .amount,
.latest-products .latest-feature-card__price .amount {
    display: block;
}

.latest-products .product-card__price del,
.latest-products .latest-feature-card__price del {
    color: rgba(17, 24, 39, .42);
    font-size: .82em;
    font-weight: 650;
    text-decoration-thickness: 1px;
}

.latest-products .product-card__price ins,
.latest-products .latest-feature-card__price ins {
    color: var(--color-primary);
    font-size: 1.08em;
    font-weight: 850;
    text-decoration: none;
}

.latest-products .product-card__button {
    width: min(100%, 178px);
    margin-top: 4px;
}

/* Latest products four-card layout */
.latest-products .latest-products__grid {
    display: block;
    direction: rtl;
}

.latest-products .latest-products__cards {
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(14px, 1vw, 20px);
    align-items: start;
}

.latest-products .latest-feature-card {
    display: none;
}

.latest-products .product-card {
    width: 100%;
}

.latest-products .section-heading {
    align-items: flex-start;
}

.latest-products .section-heading__content {
    display: grid;
    gap: 6px;
    text-align: right;
}

.latest-products .section-heading__description {
    max-width: 620px;
    margin: 0;
    color: rgba(17, 24, 39, .62);
    font-size: clamp(13px, .78vw, 15px);
    font-weight: 600;
    line-height: 1.8;
}

.latest-products .product-card {
    height: 100%;
}

.latest-products .product-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 238px;
    gap: 10px;
    text-align: center;
}

.latest-products .product-card__title {
    align-self: center;
    width: 100%;
    text-align: center;
}

.latest-products .product-card__title a {
    display: block;
    width: 100%;
    text-align: center;
}

.latest-products .product-card__description {
    display: -webkit-box;
    width: 100%;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    color: var(--color-muted);
    font-size: clamp(12px, .72vw, 14px);
    font-weight: 600;
    line-height: 1.7;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.latest-products .product-card__price {
    min-height: 48px;
    justify-content: center;
    text-align: center;
}

.latest-products .product-card__colors {
    min-height: 18px;
    justify-content: center;
}

.latest-products .product-card__button {
    align-self: center;
    margin-top: 6px;
}

/* Newsletter club redesign */
.newsletter-section {
    padding-top: var(--homepage-section-gap);
    padding-bottom: 0;
}

.newsletter-card {
    direction: ltr;
    display: grid;
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
    height: 300px;
    min-height: 0;
    max-height: 300px;
    overflow: hidden;
    border: 1px solid var(--color-border-soft);
    border-radius: 22px;
    background: linear-gradient(135deg, #fff 0%, #fbfaf8 58%, #f4eee7 100%);
    box-shadow: 0 16px 42px rgba(17, 24, 39, .08);
}

.newsletter-card__media {
    position: relative;
    order: 2;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: #eee7df;
}

.newsletter-card__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.newsletter-card__content {
    direction: rtl;
    order: 1;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    padding: clamp(20px, 1.8vw, 32px) clamp(24px, 2.4vw, 44px);
    text-align: center;
}

.newsletter-card__content h2 {
    margin: 0;
    color: var(--color-primary);
    font-size: clamp(28px, 2.1vw, 40px);
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.newsletter-card__content h2::first-letter {
    color: #b89370;
}

.newsletter-card__content p {
    margin: 0;
}

.newsletter-card__content > p:not(.newsletter-card__note) {
    max-width: 760px;
    color: rgba(17, 24, 39, .66);
    font-size: clamp(13px, .82vw, 15px);
    font-weight: 650;
    line-height: 1.75;
    text-wrap: balance;
}

.newsletter-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 18px;
    width: min(100%, 650px);
    margin: 0;
    padding: 0;
}

.newsletter-benefits li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    color: var(--color-primary);
    font-size: clamp(11px, .72vw, 13px);
    font-weight: 800;
    line-height: 1.35;
}

.newsletter-benefits i {
    color: #b89370;
    font-size: 20px;
}

.newsletter-form {
    direction: rtl;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    align-items: stretch;
    gap: 10px;
    width: min(100%, 600px);
    margin-inline: auto;
}

.newsletter-form input {
    direction: rtl;
    width: 100%;
    height: 46px;
    padding: 0 18px;
    border: 1px solid rgba(17, 24, 39, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .92);
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 650;
    text-align: right;
    box-shadow: 0 8px 22px rgba(17, 24, 39, .04);
}

.newsletter-form input::placeholder {
    color: rgba(17, 24, 39, .42);
}

.newsletter-form button {
    width: 100%;
    min-width: 0;
    height: 46px;
    min-height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 12px;
    background: var(--color-primary);
    color: var(--color-surface);
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
}

.newsletter-form button:disabled {
    cursor: wait;
    opacity: .72;
}

.newsletter-message {
    width: min(100%, 600px);
    margin-top: -2px;
    padding: 8px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.6;
    text-align: center;
}

.newsletter-message.is-success {
    background: rgba(34, 140, 88, .10);
    color: #1c7a4d;
}

.newsletter-message.is-error {
    background: rgba(190, 38, 38, .09);
    color: #b42318;
}

.newsletter-message.is-loading {
    background: rgba(17, 24, 39, .06);
    color: rgba(17, 24, 39, .68);
}

.newsletter-card__note {
    color: rgba(17, 24, 39, .52);
    font-size: clamp(12px, .72vw, 13px);
    font-weight: 650;
    line-height: 1.7;
    text-align: center;
}

/* Hero slider motion — Patch 16
 *
 * The first server-rendered slide stays fully paintable. Subsequent text motion
 * is driven by the Web Animations API in main.js using opacity/transform only.
 * Explicit !important guards neutralize any legacy blur/filter animation that
 * may survive in an older cached stylesheet.
 */
.home-hero__image {
  transition: opacity .46s cubic-bezier(.22, .61, .36, 1), transform .56s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
  filter: none !important;
}

.home-hero__image.is-changing {
  opacity: 0;
  transform: translateX(0) translateY(6%) scale(1.012);
  filter: none !important;
}

.home-hero__slide-content,
.home-hero__slide-content.is-active,
.home-hero__slide-content.is-active.is-transitioning {
  animation: none !important;
  filter: none !important;
}

.home-hero__slide,
.home-hero__mobile-dot {
  transition: color .32s ease, opacity .32s ease, background-color .32s ease, border-color .32s ease, width .32s ease;
}

/* Do not animate the server-rendered first indicator. The class is added only
 * after a real slide change, so subsequent indicator motion remains intact. */
.home-hero.has-slide-transition .home-hero__slide.is-active::after {
  animation: aynaziHeroIndicatorIn .52s cubic-bezier(.22, .61, .36, 1) both;
}

@keyframes aynaziHeroIndicatorIn {
  from {
    opacity: 0;
    transform: scaleY(.35);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__image,
  .home-hero__slide,
  .home-hero__mobile-dot {
    transition: none;
  }

  .home-hero.has-slide-transition .home-hero__slide.is-active::after {
    animation: none;
  }
}



/* Compact installment-payment notice on single product */
.product-installment {
  direction: rtl;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(209, 179, 122, .10), rgba(255, 255, 255, .96) 48%, rgba(17, 24, 39, .02));
  box-shadow: 0 8px 22px rgba(17, 24, 39, .035);
}

.product-installment__intro {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
  text-align: right;
}

.product-installment__icon {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--color-primary);
  color: #fff;
  font-size: 16px;
}

.product-installment__text {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

.product-installment__text strong {
  color: var(--color-primary);
  font-size: 12.5px;
  font-weight: 900;
  line-height: 1.55;
}

.product-installment__text small {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.55;
}

.product-installment__providers {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.product-installment__provider {
  display: inline-flex;
  min-width: 72px;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 7px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 10px;
  background: #fff;
}

.product-installment__logo {
  display: inline-flex;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.product-installment__logo img {
  display: block;
  max-width: 24px;
  max-height: 24px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.product-installment__provider strong {
  color: var(--color-primary);
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
}