@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap");

:root {
  --brand: #3079b5;
  --text: #1a1a1a;
  --text-muted: #5c5c5c;
  --surface: #ffffff;
  --header-border: #ececec;
  --font-body:
    "DM Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui,
    ui-sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-hero-title: var(--font-body);
  /* Hero–intro köprüsü: videonun soğuk mavisi ile görsel üstündeki daha açık buz tonunu birleştirmek */
  --intro-surface: #f3f4f7;
  --intro-feather-tip: #f2f6fa;
  /* Eski marka dolgulu butonlar için; ana CTA / gönder / PDF kontrolleri outline + süpürge ile ayrı blokta. */
  --button-bg-image: url("images/arkaplaneader.webp");
  /* Sabit header + güvenli alan (scroll-margin ile uyumlu); katalog şeridi yüksekliği */
  --header-reserve: calc(72px + env(safe-area-inset-top, 0px));
  /* Katalog için gerçek tavan (header payı düşülmüş görünür yükseklik) */
  --catalog-available: calc(100dvh - var(--header-reserve) - 1.75rem);
  /*
   * İstenen yükseklik: 68vh × çarpan. min() küçük olanı seçer:
   * çarpan çok büyükse (ör. 68×1.68≈114vh) hep --catalog-available keser — bu yüzden
   * önceki ayarlarda çarpanı değiştirmek görünmüyordu. Çarpanı artırınca önce vh tarafı
   * büyür; tavana dayanınca --catalog-available sınırı devreye girer.
   */
  --catalog-vh-mult: 1.40;
  --catalog-max-h-inner: min(var(--catalog-available), calc(68vh * var(--catalog-vh-mult)));
  --catalog-max-h: calc(var(--catalog-max-h-inner) + 200px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: clip;
  background: var(--intro-surface);
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
  overflow-x: clip;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.5;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Sayfa zemini = 2. bölüm buz mavisi (--intro-surface); kart/header için --surface beyaz kalır */
  background: var(--intro-surface);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

body.subpage {
  background: var(--intro-surface);
}

.content-page {
  max-width: 42rem;
  margin: 0 auto;
  padding: calc(var(--header-reserve) + clamp(1.25rem, 3vw, 2rem)) clamp(16px, 4vw, 40px)
    clamp(2.5rem, 6vw, 4rem);
}

/* Hakkımızda — üstte hero videosu olduğunda çift header boşluğu olmasın */
.page-hakkimizda .content-page {
  padding-top: clamp(1.25rem, 3vw, 2rem);
}

.page-hakkimizda .content-page--hakkimizda-z {
  max-width: min(1180px, 100%);
  background-color: var(--intro-surface);
}

/* PNG şeffaf alanları body ile aynı tonda: transparent yerine açık zemin rengi */
.page-hakkimizda #main {
  background-color: var(--intro-surface);
}

.hakkimizda-z {
  display: grid;
  gap: clamp(1.35rem, 4vw, 2.75rem);
  align-items: stretch;
  margin: 0 0 clamp(2rem, 5vw, 3.5rem);
  perspective: 1400px;
  perspective-origin: 50% 42%;
}

.page-hakkimizda .hakkimizda-reveal {
  opacity: 0;
  transform: translate3d(0, clamp(1.5rem, 4.5vw, 2.5rem), -240px) scale(0.78);
  filter: blur(14px);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: opacity, transform, filter;
  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    transform 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    filter 1.15s cubic-bezier(0.16, 1, 0.32, 1);
}

.page-hakkimizda .hakkimizda-z__media.hakkimizda-reveal {
  transform: translate3d(0, clamp(1.75rem, 5vw, 2.75rem), -280px) scale(0.74);
  filter: blur(16px);
}

.page-hakkimizda .hakkimizda-z__text.hakkimizda-reveal {
  transform: translate3d(0, clamp(1.25rem, 4vw, 2rem), -200px) scale(0.86);
  filter: blur(10px);
}

.page-hakkimizda .hakkimizda-reveal--delay {
  transition-delay: 0.24s;
}

.page-hakkimizda .hakkimizda-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
  .page-hakkimizda .hakkimizda-reveal,
  .page-hakkimizda .hakkimizda-reveal--delay,
  .page-hakkimizda .hakkimizda-reveal.is-revealed {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

.hakkimizda-z__media {
  min-width: 0;
  background-color: transparent;
}

.hakkimizda-z__img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  border-radius: 14px;
  object-fit: cover;
  aspect-ratio: 16 / 10;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
  background-color: var(--intro-surface);
}

/*
 * 1. bölüm: PNG içindeki opak beyazı zemin tonuna yaklaştırır (beyaz × --intro-surface).
 * Renkleri tam korumak için görselde alt şeridi şeffaf veya #f3f4f7 export etmek daha doğrudur.
 */
.page-hakkimizda .hakkimizda-z--1 .hakkimizda-z__media,
.page-hakkimizda .hakkimizda-z--2 .hakkimizda-z__media,
.page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__media {
  isolation: isolate;
  border-radius: 14px;
  overflow: hidden;
  background-color: transparent;
}

.page-hakkimizda .hakkimizda-z--1 .hakkimizda-z__img,
.page-hakkimizda .hakkimizda-z--2 .hakkimizda-z__img {
  mix-blend-mode: multiply;
  box-shadow: none;
  background-color: transparent;
}

.page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__img {
  mix-blend-mode: normal;
  box-shadow: none;
  background-color: transparent;
}

@media (max-width: 719px) {
  .page-hakkimizda .hakkimizda-z--1 .hakkimizda-z__media,
  .page-hakkimizda .hakkimizda-z--1 .hakkimizda-z__text,
  .page-hakkimizda .hakkimizda-z--2 .hakkimizda-z__media,
  .page-hakkimizda .hakkimizda-z--2 .hakkimizda-z__text,
  .page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__media,
  .page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__text {
    width: 100%;
    max-width: min(34rem, 100%);
    margin-inline: auto;
  }

  .page-hakkimizda .hakkimizda-z--1 .hakkimizda-z__text,
  .page-hakkimizda .hakkimizda-z--2 .hakkimizda-z__text,
  .page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__text {
    text-align: center;
  }

  .page-hakkimizda .hakkimizda-z--1 .hakkimizda-z__img,
  .page-hakkimizda .hakkimizda-z--2 .hakkimizda-z__img,
  .page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__img {
    aspect-ratio: 4 / 5;
    object-fit: contain;
    object-position: center top;
  }
}

.hakkimizda-z__text {
  min-width: 0;
}

.hakkimizda-z--3 {
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__text h2 {
  margin: 1.5rem 0 0.6rem;
}

.page-hakkimizda .hakkimizda-z--3 .hakkimizda-z__text h2:first-child {
  margin-top: 0;
}

@media (min-width: 720px) {
  /* İki sütun: yazı ve görsel eşit genişlik (50% / 50%) */
  .hakkimizda-z--1,
  .hakkimizda-z--2,
  .hakkimizda-z--3 {
    width: 100%;
    grid-template-rows: auto;
    align-items: stretch;
  }

  .hakkimizda-z--1 .hakkimizda-z__media,
  .hakkimizda-z--2 .hakkimizda-z__media,
  .hakkimizda-z--3 .hakkimizda-z__media {
    position: relative;
    align-self: stretch;
    width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    border-radius: 14px;
    background-color: transparent;
  }

  .hakkimizda-z--1 .hakkimizda-z__img,
  .hakkimizda-z--2 .hakkimizda-z__img,
  .hakkimizda-z--3 .hakkimizda-z__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: unset;
    object-fit: contain;
    object-position: center top;
    box-shadow: none;
    background-color: transparent;
  }

  .hakkimizda-z--1 .hakkimizda-z__img,
  .hakkimizda-z--2 .hakkimizda-z__img {
    mix-blend-mode: multiply;
  }

  .hakkimizda-z--3 .hakkimizda-z__img {
    mix-blend-mode: normal;
  }

  /* 1: solda yazı, sağda görsel — eşit sütun */
  .hakkimizda-z--1 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "hz1-text hz1-media";
  }

  .hakkimizda-z--1 .hakkimizda-z__text {
    grid-area: hz1-text;
  }

  .hakkimizda-z--1 .hakkimizda-z__media {
    grid-area: hz1-media;
  }

  /* 2: solda görsel, sağda yazı — eşit sütun */
  .hakkimizda-z.hakkimizda-z--2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "hz2-media hz2-text";
  }

  .hakkimizda-z--2 .hakkimizda-z__media {
    grid-area: hz2-media;
  }

  .hakkimizda-z--2 .hakkimizda-z__text {
    grid-area: hz2-text;
  }

  /* 3: solda yazı, sağda görsel — kısım 1 ile aynı */
  .hakkimizda-z--3 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "hz3-text hz3-media";
  }

  .hakkimizda-z--3 .hakkimizda-z__text {
    grid-area: hz3-text;
  }

  .hakkimizda-z--3 .hakkimizda-z__media {
    grid-area: hz3-media;
  }
}

/* Hakkımızda hero: tam viewport; mobil açılışta svh + iOS fill (index .hero-shell ile uyumlu) */
.page-hakkimizda .hakkimizda-hero {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
}

@media (max-width: 900px) {
  .page-hakkimizda .hakkimizda-hero {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    min-height: 100dvh;
    min-height: 100svh;
    height: 100vh;
    height: -webkit-fill-available;
    height: 100dvh;
    height: 100svh;
  }
}

.hakkimizda-hero__aspect {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  border-radius: 0;
  background: #0a0f14;
}

.hakkimizda-hero__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.hakkimizda-hero__video--mobile {
  display: block;
}

.hakkimizda-hero__video--desktop {
  display: none;
}

@media (min-width: 720px) {
  .hakkimizda-hero__video--mobile {
    display: none;
  }

  .hakkimizda-hero__video--desktop {
    display: block;
  }
}

.hakkimizda-hero__cta-wrap {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(1rem, env(safe-area-inset-bottom));
  pointer-events: none;
}

@keyframes hakkimizda-hero-cta-reveal {
  from {
    opacity: 0;
    transform: translateY(calc(100px + 1rem));
  }

  to {
    opacity: 1;
    transform: translateY(100px);
  }
}

.hakkimizda-hero__cta-wrap .hakkimizda-hero__cta {
  pointer-events: auto;
  align-self: center;
  margin-top: 0;
  opacity: 0;
  animation: hakkimizda-hero-cta-reveal 0.65s ease 2.5s both;
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

@media (min-width: 901px) {
  .hakkimizda-hero__cta-wrap .hakkimizda-hero__cta {
    animation-delay: 3s;
  }
}

.hakkimizda-hero__cta-wrap .hakkimizda-hero__cta:hover,
.hakkimizda-hero__cta-wrap .hakkimizda-hero__cta:active,
.hakkimizda-hero__cta-wrap .hakkimizda-hero__cta:focus-visible {
  transform: translateY(100px);
  background-color: transparent;
  color: #fff;
  border-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
}

@media (prefers-reduced-motion: reduce) {
  .hakkimizda-hero__cta-wrap .hakkimizda-hero__cta {
    opacity: 1;
    animation: none;
    transform: translateY(100px);
  }
}

.page-hakkimizda #hakkimizda-heading {
  scroll-margin-top: var(--header-reserve);
}

.content-page h1 {
  font-family: var(--font-hero-title);
  font-size: clamp(1.85rem, 4vw, 2.45rem);
  font-weight: 700;
  color: var(--brand);
  margin: 0 0 1.35rem;
  line-height: 1.15;
  letter-spacing: 0.02em;
}

.content-page h2 {
  font-family: var(--font-hero-title);
  font-size: clamp(1.28rem, 2.4vw, 1.55rem);
  font-weight: 700;
  color: var(--brand);
  margin: 2rem 0 0.65rem;
  line-height: 1.2;
}

.content-page p {
  margin: 0 0 1rem;
  color: var(--text);
  line-height: 1.68;
  font-size: clamp(0.94rem, 1.35vw, 1.02rem);
}

.content-page p:last-child {
  margin-bottom: 0;
}

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

a:hover {
  color: var(--brand);
}

.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 10000;
  padding: 0.5rem 1rem;
  background: var(--brand);
  color: #fff;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
}

.hero-shell {
  position: relative;
  /* Hero > özlü söz (.intro) > hakkımızda önizleme (.about-preview) */
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  flex-shrink: 0;
  padding-inline: 0;
}

/* Hero altı: katalog markaları — çift şerit, kesintisiz döngü (soldan sağa akış) */
.hero-logo-marquee {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--intro-surface) 92%, #fff);
  border-bottom: 1px solid rgba(48, 121, 181, 0.14);
  padding-block: 0.55rem;
  overflow: hidden;
}

.hero-logo-marquee__viewport {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 12%,
    #000 88%,
    transparent
  );
}

.hero-logo-marquee__track {
  display: flex;
  width: max-content;
  animation: hero-logo-marquee-scroll 55s linear infinite reverse;
  will-change: transform;
}

.hero-logo-marquee__list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: clamp(1.25rem, 3.5vw, 2.5rem);
  list-style: none;
  margin: 0;
  padding: 0 clamp(0.75rem, 2.5vw, 1.25rem);
}

/* Sabit hücre: tüm logolar aynı kutu içinde orantılı, dikey hizada */
.hero-logo-marquee__item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: clamp(88px, 13.5vw, 118px);
  height: clamp(34px, 5.2vw, 44px);
}

.hero-logo-marquee__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease, background 0.2s ease;
}

.hero-logo-marquee__link:hover {
  background: rgba(48, 121, 181, 0.06);
}

.hero-logo-marquee__link:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.hero-logo-marquee__item img {
  display: block;
  max-width: 88%;
  max-height: 88%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  opacity: 0.92;
  pointer-events: none;
}

.hero-logo-marquee__item[data-marquee-brand="dermavline"] img {
  transform: scale(0.8);
  transform-origin: center;
}

.hero-logo-marquee__link:hover img,
.hero-logo-marquee__link:focus-visible img {
  opacity: 1;
}

@keyframes hero-logo-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-logo-marquee__track {
    animation: none;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
    gap: 0.75rem;
  }

  .hero-logo-marquee__track .hero-logo-marquee__list:last-child {
    display: none;
  }

  .hero-logo-marquee__list {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0.75rem;
  }

  .hero-logo-marquee__viewport {
    mask-image: none;
  }
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  border-bottom: 1px solid transparent;
  background: transparent;
  transition:
    top 0.32s ease,
    background 0.3s ease,
    border-color 0.3s ease;
}

.site-header--hidden {
  top: calc(-1 * var(--site-header-h, 120px));
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .site-header {
    transition: none;
  }
}

.site-header--solid {
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

/* Hakkımızda: hero üstünde arka plan şeffaf; logo ve yazılar solid ile aynı (beyaz) — scroll sonrası solid arka plan gelir */
.page-hakkimizda .site-header:not(.site-header--solid) .site-header__logo-img--theme {
  display: none;
}

.page-hakkimizda .site-header:not(.site-header--solid) .site-header__logo-img--solid {
  display: block;
}

.page-hakkimizda .site-header:not(.site-header--solid) .main-nav a {
  color: #fff;
}

.page-hakkimizda .site-header:not(.site-header--solid) .main-nav a:hover,
.page-hakkimizda .site-header:not(.site-header--solid) .main-nav a:focus-visible {
  color: rgba(255, 255, 255, 0.95);
  border-bottom-color: rgba(255, 255, 255, 0.85);
}

.page-hakkimizda .site-header:not(.site-header--solid) .main-nav a[aria-current="page"] {
  border-bottom-color: rgba(255, 255, 255, 0.88);
}

@media (min-width: 901px) {
  .page-hakkimizda .site-header:not(.site-header--solid) .site-header__icon-link {
    color: #fff;
  }

  .page-hakkimizda .site-header:not(.site-header--solid) .site-header__icon-link:hover,
  .page-hakkimizda .site-header:not(.site-header--solid) .site-header__icon-link:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
  }
}

.page-hakkimizda .site-header:not(.site-header--solid) .site-header__menu-toggle {
  color: #fff;
}

.page-hakkimizda .site-header:not(.site-header--solid) .site-header__menu-toggle:focus-visible {
  outline-color: #fff;
}

.page-hakkimizda .site-header:not(.site-header--solid) .lang-switcher--toolbar .lang-switcher__link {
  color: #fff;
}

.page-hakkimizda .site-header:not(.site-header--solid) .lang-switcher--toolbar .lang-switcher__link:hover,
.page-hakkimizda .site-header:not(.site-header--solid) .lang-switcher--toolbar .lang-switcher__link:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}

.page-hakkimizda .site-header:not(.site-header--solid) .lang-switcher--toolbar .lang-switcher__current {
  color: #fff;
}

.page-hakkimizda .site-header:not(.site-header--solid) .lang-switcher--toolbar .lang-switcher__sep {
  color: rgba(255, 255, 255, 0.55);
}

.page-hakkimizda .site-header:not(.site-header--solid) .site-header__icon-fab {
  border-color: rgba(255, 255, 255, 0.4);
}

.site-header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 0.75rem 1rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 1rem clamp(16px, 4vw, 40px) 1.1rem;
}

.site-header__start {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  align-self: center;
  display: flex;
  align-items: center;
  gap: clamp(0.35rem, 2vw, 1rem);
  min-width: 0;
}

.site-header__menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 10px;
  background-color: var(--brand);
  background-image: var(--button-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.site-header__menu-toggle:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.site-header__menu-bars {
  display: block;
  position: relative;
  width: 22px;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
  box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor;
}

.site-header__backdrop {
  display: none;
}

body.site-header-nav-open {
  overflow: hidden;
}

/* Çekmece + backdrop tüm sayfa katmanlarının üstünde; skip-link (10000) erişilebilir kalsın */
body.site-header-nav-open .site-header {
  z-index: 9000;
  isolation: isolate;
}

.site-header__center {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.site-header__logo {
  display: block;
  line-height: 0;
}

.site-header__logo img {
  display: block;
  height: clamp(36px, 5vw, 46px);
  width: auto;
}

.site-header .site-header__logo-img--solid {
  display: none;
}

.site-header--solid .site-header__logo-img--theme {
  display: none;
}

.site-header--solid .site-header__logo-img--solid {
  display: block;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.main-nav__scroll {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(6px, 1.5vw, 18px);
  max-width: min(900px, 100%);
  min-width: 0;
}

.main-nav__brand {
  display: none;
}

.main-nav a {
  font-weight: 500;
  font-size: 0.88rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  padding: 0.3rem 0.15rem;
  border-bottom: 2px solid transparent;
  color: var(--brand);
  transition: color 0.2s, border-color 0.2s;
}

.main-nav a:hover,
.main-nav a:focus-visible {
  color: var(--brand);
  border-bottom-color: var(--brand);
  outline: none;
}

.main-nav a[aria-current="page"] {
  border-bottom-color: var(--brand);
  pointer-events: none;
  cursor: default;
}

.site-header--solid .main-nav a[aria-current="page"] {
  border-bottom-color: rgba(255, 255, 255, 0.88);
}

.site-header__icon-nav {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  min-width: 0;
}

.site-header__icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--brand);
  transition: color 0.2s, background 0.2s;
}

.site-header__icon-link:hover,
.site-header__icon-link:focus-visible {
  color: var(--brand);
  background: rgba(48, 121, 181, 0.14);
  outline: none;
}

.site-header--solid .site-header__icon-link {
  color: #fff;
}

.site-header--solid .site-header__icon-link:hover,
.site-header--solid .site-header__icon-link:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}

.site-header--solid .site-header__menu-toggle {
  color: #fff;
}

.site-header--solid .site-header__menu-toggle:focus-visible {
  outline-color: #fff;
}

.site-header--solid .lang-switcher--toolbar .lang-switcher__link {
  color: #fff;
}

.site-header--solid .lang-switcher--toolbar .lang-switcher__link:hover,
.site-header--solid .lang-switcher--toolbar .lang-switcher__link:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}

.site-header--solid .lang-switcher--toolbar .lang-switcher__current {
  color: #fff;
}

.site-header--solid .lang-switcher--toolbar .lang-switcher__sep {
  color: rgba(255, 255, 255, 0.55);
}

.site-header__icon-link svg {
  display: block;
  flex-shrink: 0;
}

/* Masaüstü: sarmalayıcı yok sayılır, FAB gizli; mobilde @media (max-width: 900px) ile ezilir */
.site-header__icon-list {
  display: contents;
}

.site-header__icon-fab {
  display: none;
}

.lang-switcher {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  flex-shrink: 0;
}

.lang-switcher--toolbar {
  padding-right: 0.25rem;
}

.lang-switcher--drawer {
  display: none;
}

.lang-switcher__sep {
  color: var(--text-muted);
  opacity: 0.65;
  user-select: none;
  font-weight: 500;
}

.lang-switcher__link {
  padding: 0.3rem 0.4rem;
  border-radius: 8px;
  color: var(--brand);
  border-bottom: none;
  transition: color 0.2s ease, background 0.2s ease;
}

.lang-switcher__link:hover,
.lang-switcher__link:focus-visible {
  color: var(--brand);
  background: rgba(48, 121, 181, 0.14);
  outline: none;
}

.lang-switcher__current {
  padding: 0.3rem 0.4rem;
  border-radius: 8px;
  color: var(--text);
  font-weight: 600;
  cursor: default;
}

.lang-switcher--drawer .lang-switcher__current {
  border: 1px solid var(--brand);
  background: rgba(48, 121, 181, 0.1);
  border-radius: 10px;
  min-width: 2.75rem;
  text-align: center;
  padding: 0.65rem 1rem;
}

.hero-video-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: #1c2330;
}

.hero-video-layer__media {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-video-layer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  /* Köprüyü tek tarafta tutuyoruz: açık tonlu ikinci degrade ton farkı / beyazımtrak şerit yaratıyordu */
  background: rgba(0, 0, 0, 0.2);
}

.hero-content-layer {
  position: relative;
  z-index: 2;
  flex: 1;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  padding: clamp(88px, 11vh, 124px) clamp(20px, 4vw, 48px) clamp(28px, 5vh, 52px);
}

.hero-carousel {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  opacity: 0;
  transform: translate3d(0, 1.35rem, 0);
  animation: hero-carousel-enter 1.05s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.18s forwards;
}

@keyframes hero-carousel-enter {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.hero-content-slider {
  --hero-slide-count: 3;
  --hero-index: 0;
  flex: 1 1 auto;
  width: 100%;
  max-width: 1180px;
  min-height: 0;
  margin: 0 auto;
  overflow: hidden;
}

.hero-content-slider__track {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: calc(100% * var(--hero-slide-count));
  transform: translateY(calc(var(--hero-index) * -100% / var(--hero-slide-count)));
  transition: transform 0.85s cubic-bezier(0.45, 0.05, 0.55, 0.95);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .hero-content-slider__track {
    transition: none;
  }

  .hero-carousel {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.hero-content-slider__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 calc(100% / var(--hero-slide-count));
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.hero-content-slider__slide .hero-panel {
  width: 100%;
}

.hero-content-slider__arrow {
  position: absolute;
  top: auto;
  bottom: clamp(12px, 4vmin, 28px);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transform: none;
  -webkit-appearance: none;
  appearance: none;
}

.hero-content-slider__arrow--prev svg {
  transform: rotate(90deg);
}

.hero-content-slider__arrow--next svg {
  transform: rotate(90deg) rotate(180deg);
}

.hero-content-slider__arrow--prev {
  left: calc(50% - 48px);
  right: auto;
}

.hero-content-slider__arrow--next {
  left: calc(50% + 4px);
  right: auto;
}

@media (max-width: 860px) {
  .hero-content-slider__arrow {
    width: 40px;
    height: 40px;
  }

  .hero-content-slider__arrow--prev {
    left: calc(50% - 44px);
  }

  .hero-content-slider__arrow--next {
    left: calc(50% + 4px);
  }
}

.hero-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
  width: 100%;
}

.hero-panel__copy {
  background: transparent;
}

.hero-panel__copy--bioskin,
.hero-panel__copy--elasty,
.hero-panel__copy--bellavitaaqua {
  position: relative;
  isolation: isolate;
  min-height: 0;
}

.hero-panel__copy-bg-wrap {
  position: absolute;
  z-index: 0;
  left: 50%;
  right: auto;
  bottom: 0;
  width: auto;
  max-width: min(67.6%, 416px);
  max-height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  user-select: none;
}

.hero-panel__copy-bg-wrap--bioskin {
  transform: translateX(-50%) translateY(0);
}

.hero-panel__copy-bg-wrap--elasty {
  transform: translateX(-50%) translateY(-100px);
}

.hero-panel__copy-bg-wrap--bellavitaaqua {
  transform: translateX(-50%) translateY(-50px);
}

.hero-panel__copy-bg {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: min(67.6vh, 546px);
  height: auto;
  object-fit: contain;
  object-position: bottom center;
  opacity: 0;
  transform: translate3d(10px, 26px, 0) scale(0.94);
  animation: none;
}

.hero-content-slider__slide[aria-hidden="true"] .hero-panel__copy-bg {
  opacity: 0;
  transform: translate3d(10px, 26px, 0) scale(0.94);
  animation: none;
}

.hero-content-slider__slide[aria-hidden="false"] .hero-panel__copy-bg {
  animation: hero-copy-figure-enter 1.15s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0.42s forwards;
}

.hero-panel__copy--bioskin .hero-panel__title,
.hero-panel__copy--bioskin .hero-panel__lead,
.hero-panel__copy--elasty .hero-panel__title,
.hero-panel__copy--elasty .hero-panel__lead,
.hero-panel__copy--bellavitaaqua .hero-panel__title,
.hero-panel__copy--bellavitaaqua .hero-panel__lead,
.hero-panel__copy .hero-panel__cta {
  position: relative;
  z-index: 1;
}

.hero-panel__copy--bioskin .hero-panel__lead,
.hero-panel__copy--elasty .hero-panel__lead,
.hero-panel__copy--bellavitaaqua .hero-panel__lead {
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.4);
}

@keyframes hero-copy-figure-enter {
  from {
    opacity: 0;
    transform: translate3d(10px, 26px, 0) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-content-slider__slide[aria-hidden="false"] .hero-panel__copy-bg {
    animation: none;
    opacity: 0.92;
    transform: none;
  }

  .hero-content-slider__slide[aria-hidden="true"] .hero-panel__copy-bg {
    opacity: 0;
    transform: none;
  }
}

.hero-panel__title {
  margin: 0 0 1.1rem;
  font-family: var(--font-hero-title);
  font-size: clamp(3.3rem, 7.2vw, 5.1rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--brand);
}

.hero-panel__title-line {
  display: block;
}

.hero-panel__copy--bioskin .hero-panel__title--brand-logo,
.hero-panel__copy--elasty .hero-panel__title--brand-logo,
.hero-panel__copy--bellavitaaqua .hero-panel__title--brand-logo {
  margin: 0 0 1.1rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: normal;
  display: flex;
  justify-content: flex-start;
}

.hero-panel__copy--bioskin .hero-panel__title-logo,
.hero-panel__copy--elasty .hero-panel__title-logo,
.hero-panel__copy--bellavitaaqua .hero-panel__title-logo {
  display: block;
  height: clamp(4.992rem, 11.7vw, 8.112rem);
  width: auto;
  max-width: min(95%, 624px);
  object-fit: contain;
  object-position: left center;
}

.hero-panel__copy--bioskin .hero-panel__title-logo {
  transform: translateY(-30px);
}

.hero-panel__lead {
  margin: 0;
  max-width: 80%;
  font-size: clamp(0.92rem, 1.45vw, 1.08rem);
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.97);
}

.hero-panel__cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: clamp(0.875rem, 2vw, 1.375rem);
  padding: 0.58rem 1.35rem;
  font-family: inherit;
  font-size: clamp(0.82rem, 1.2vw, 0.9375rem);
  font-weight: 500;
  letter-spacing: 0.035em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.hero-panel__cta:hover,
.hero-panel__cta:active {
  transform: none;
}

@keyframes ui-outline-shine-sweep {
  0% {
    transform: translate3d(115%, 0, 0) skewX(-22deg);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  100% {
    transform: translate3d(-160%, 0, 0) skewX(-22deg);
    opacity: 0;
  }
}

/* Transparan zemin + siyah yazı/çerçeve; hover / dokunuşta beyaz ışık süpürgesi. */
.hero-panel__cta,
.hero-content-slider__arrow,
.catalog-slider__btn,
.catalog-filter-logo-carousel__btn,
.catalog-pdf-modal__nav-btn,
.contact-form__submit,
.catalog-pdf-modal__close {
  overflow: hidden;
  isolation: isolate;
  border-radius: 3px;
  background-color: transparent;
  background-image: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #000;
  font-weight: 500;
  box-shadow: none;
  transition:
    box-shadow 0.32s ease,
    border-color 0.24s ease,
    background-color 0.32s ease;
}

.hero-panel__cta,
.catalog-pdf-modal__nav-btn,
.contact-form__submit,
.catalog-pdf-modal__close {
  border: 1px solid #000;
}

.hero-content-slider__arrow,
.catalog-slider__btn,
.catalog-filter-logo-carousel__btn {
  border: none;
}

.hero-panel__cta::after,
.hero-content-slider__arrow::after,
.catalog-slider__btn::after,
.catalog-filter-logo-carousel__btn::after,
.catalog-pdf-modal__nav-btn::after,
.contact-form__submit::after,
.catalog-pdf-modal__close::after {
  content: "";
  position: absolute;
  top: -20%;
  left: 0;
  width: 55%;
  height: 140%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 38%,
    rgba(255, 255, 255, 0.92) 50%,
    rgba(255, 255, 255, 0.62) 54%,
    rgba(255, 255, 255, 0.1) 70%,
    transparent 100%
  );
  transform: translate3d(125%, 0, 0) skewX(-22deg);
  opacity: 0;
  animation: none;
}

.hero-panel__cta:hover::after,
.hero-panel__cta:focus-visible::after,
.hero-content-slider__arrow:hover::after,
.hero-content-slider__arrow:focus-visible::after,
.catalog-slider__btn:hover::after,
.catalog-slider__btn:focus-visible::after,
.catalog-filter-logo-carousel__btn:hover::after,
.catalog-filter-logo-carousel__btn:focus-visible::after,
.catalog-pdf-modal__nav-btn:hover::after,
.catalog-pdf-modal__nav-btn:focus-visible::after,
.contact-form__submit:hover::after,
.contact-form__submit:focus-visible::after,
.catalog-pdf-modal__close:hover::after,
.catalog-pdf-modal__close:focus-visible::after {
  animation: ui-outline-shine-sweep 0.72s ease-out forwards;
}

@media (hover: none) {
  .hero-panel__cta:hover::after,
  .hero-panel__cta:focus-visible::after,
  .hero-content-slider__arrow:hover::after,
  .hero-content-slider__arrow:focus-visible::after,
  .catalog-slider__btn:hover::after,
  .catalog-slider__btn:focus-visible::after,
  .catalog-filter-logo-carousel__btn:hover::after,
  .catalog-filter-logo-carousel__btn:focus-visible::after,
  .catalog-pdf-modal__nav-btn:hover::after,
  .catalog-pdf-modal__nav-btn:focus-visible::after,
  .contact-form__submit:hover::after,
  .contact-form__submit:focus-visible::after,
  .catalog-pdf-modal__close:hover::after,
  .catalog-pdf-modal__close:focus-visible::after {
    animation: none;
  }

  .hero-panel__cta:active::after,
  .hero-content-slider__arrow:active::after,
  .catalog-slider__btn:active::after,
  .catalog-filter-logo-carousel__btn:active::after,
  .catalog-pdf-modal__nav-btn:active::after,
  .contact-form__submit:active::after,
  .catalog-pdf-modal__close:active::after {
    animation: ui-outline-shine-sweep 0.72s ease-out forwards;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-panel__cta:hover::after,
  .hero-panel__cta:focus-visible::after,
  .hero-panel__cta:active::after,
  .hero-content-slider__arrow:hover::after,
  .hero-content-slider__arrow:focus-visible::after,
  .hero-content-slider__arrow:active::after,
  .catalog-slider__btn:hover::after,
  .catalog-slider__btn:focus-visible::after,
  .catalog-slider__btn:active::after,
  .catalog-filter-logo-carousel__btn:hover::after,
  .catalog-filter-logo-carousel__btn:focus-visible::after,
  .catalog-filter-logo-carousel__btn:active::after,
  .catalog-pdf-modal__nav-btn:hover::after,
  .catalog-pdf-modal__nav-btn:focus-visible::after,
  .catalog-pdf-modal__nav-btn:active::after,
  .contact-form__submit:hover::after,
  .contact-form__submit:focus-visible::after,
  .contact-form__submit:active::after,
  .catalog-pdf-modal__close:hover::after,
  .catalog-pdf-modal__close:focus-visible::after,
  .catalog-pdf-modal__close:active::after {
    animation: none !important;
  }
}

@supports not (backdrop-filter: blur(1px)) {
  .hero-panel__cta,
  .hero-content-slider__arrow,
  .catalog-slider__btn,
  .catalog-filter-logo-carousel__btn,
  .catalog-pdf-modal__nav-btn,
  .contact-form__submit,
  .catalog-pdf-modal__close {
    background-color: transparent;
  }
}

.hero-panel__cta:hover,
.catalog-pdf-modal__nav-btn:hover,
.contact-form__submit:hover,
.catalog-pdf-modal__close:hover {
  color: #000;
  filter: none;
  border-color: #000;
  background-color: transparent;
  box-shadow: none;
}

.hero-content-slider__arrow:hover,
.catalog-slider__btn:hover,
.catalog-filter-logo-carousel__btn:hover {
  color: #000;
  filter: none;
  background-color: transparent;
  box-shadow: none;
}

.hero-panel__cta:focus-visible,
.hero-content-slider__arrow:focus-visible,
.catalog-slider__btn:focus-visible,
.catalog-filter-logo-carousel__btn:focus-visible,
.catalog-pdf-modal__nav-btn:focus-visible,
.contact-form__submit:focus-visible,
.catalog-pdf-modal__close:focus-visible {
  outline: 2px solid #1a6fd4;
  outline-offset: 3px;
}

.hero-panel__cta:active,
.hero-content-slider__arrow:active,
.catalog-slider__btn:active,
.catalog-filter-logo-carousel__btn:active,
.catalog-pdf-modal__nav-btn:active,
.contact-form__submit:active,
.catalog-pdf-modal__close:active {
  filter: none;
}

.hero-panel__cta .hero-panel__cta-text,
.hero-panel__cta > *,
.contact-form__submit .hero-panel__cta-text {
  position: relative;
  z-index: 1;
}

.hero-content-slider__arrow svg,
.catalog-slider__btn svg,
.catalog-filter-logo-carousel__btn svg,
.catalog-pdf-modal__nav-btn svg,
.catalog-pdf-modal__close svg {
  position: relative;
  z-index: 1;
}

.hero-panel__visual {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.hero-panel__visual img {
  display: block;
  width: auto;
  max-width: 35%;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
}

.hero-content-slider__slide:nth-child(3) .hero-panel__visual img {
  max-width: 45.5%;
}

@media (min-width: 861px) {
  /* Aynı hero yüksekliğinde; slider alanı için iç boşluğu ayarlayıp carousel’a daha fazla dikey yer verilir. */
  .hero-content-layer {
    padding-top: clamp(76px, 10vh, 112px);
    padding-bottom: clamp(20px, 4vh, 44px);
  }

  .hero-carousel {
    flex: 1 1 0%;
  }

  .hero-content-slider {
    flex: 1 1 0%;
  }

  /* 1. slayt (Bioskin): yazı arkası figürü webde 50px yukarı */
  .hero-panel__copy-bg-wrap--bioskin {
    transform: translateX(-50%) translateY(-70px);
  }

  /* 2. slayt (Elasty): yazı arkası figürü webde 50px aşağı */
  .hero-panel__copy-bg-wrap--elasty {
    transform: translateX(-50%) translateY(-50px);
  }

  .hero-panel__copy-bg-wrap--bellavitaaqua {
    transform: translateX(-50%) translateY(calc(-50px - 20px));
  }

  .hero-panel__lead {
    max-width: 64%;
  }

  .hero-panel__copy--bioskin .hero-panel__title--brand-logo,
  .hero-panel__copy--elasty .hero-panel__title--brand-logo,
  .hero-panel__copy--bellavitaaqua .hero-panel__title--brand-logo {
    margin-bottom: calc(1.1rem - 25px);
  }

  .hero-panel__visual img {
    transform: translateX(100px);
  }

  .hero-content-slider__slide:nth-child(2) .hero-panel__visual img {
    max-width: calc(35% * 1.35);
  }

  .hero-content-slider__slide:nth-child(3) .hero-panel__visual img {
    max-width: calc(45.5% * 1.4);
  }
}

@media (max-width: 860px) {
  html,
  body {
    min-height: 100dvh;
    min-height: 100svh;
  }

  .hero-shell {
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: hidden;
  }

  .hero-content-layer {
    box-sizing: border-box;
    width: 100%;
    flex: 1 1 auto;
    align-self: stretch;
    min-height: 0;
    padding: max(0.65rem, env(safe-area-inset-top, 0px)) clamp(14px, 4vw, 22px) max(0.65rem, env(safe-area-inset-bottom, 0px));
    padding-top: max(4.25rem, calc(env(safe-area-inset-top, 0px) + 3.25rem));
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .hero-carousel {
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
    max-width: none;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }

  .hero-content-slider {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
    width: 100%;
    max-width: none;
    align-self: stretch;
    overflow: hidden;
    clip-path: inset(-320px -20px 0 -20px);
  }

  .hero-content-slider__slide {
    overflow: visible;
    align-items: stretch;
  }

  .hero-content-slider__slide .hero-panel {
    min-height: 100%;
    align-items: stretch;
  }

  /* Üst: solda logo + metin | sağda ürün görseli; alt: yazı arkası figür ortada */
  .hero-panel {
    grid-template-columns: minmax(0, 1fr) minmax(88px, 33vw);
    grid-template-rows: 1fr auto;
    gap: clamp(10px, 2.8vw, 16px) clamp(10px, 3vw, 16px);
    align-items: center;
    text-align: left;
    justify-items: stretch;
  }

  .hero-panel__copy {
    grid-column: 1;
    grid-row: 1;
    margin-top: 50px;
    align-self: center;
    text-align: left;
    justify-self: stretch;
    min-width: 0;
    position: relative;
    z-index: 2;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.4rem, 1.8vw, 0.7rem);
  }

  .hero-content-slider__slide:nth-child(2) .hero-panel__copy,
  .hero-content-slider__slide:nth-child(3) .hero-panel__copy {
    gap: clamp(0.15rem, 1vw, 0.32rem);
  }

  .hero-panel__copy .hero-panel__title--brand-logo {
    margin: 0;
  }

  .hero-panel__copy--bioskin .hero-panel__title-logo,
  .hero-panel__copy--elasty .hero-panel__title-logo,
  .hero-panel__copy--bellavitaaqua .hero-panel__title-logo {
    height: clamp(6rem, 15.6vw, 8.25rem);
    max-width: min(100%, 660px);
    object-position: left center;
  }

  .hero-panel__copy--bioskin .hero-panel__title-logo {
    transform: translateY(20px);
  }

  .hero-panel__lead {
    margin-inline: 0;
    margin-top: 0;
    max-width: 100%;
    font-size: clamp(0.78rem, 2.8vw, 0.92rem);
    line-height: 1.5;
  }

  .hero-content-slider__slide:nth-child(2) .hero-panel__lead,
  .hero-content-slider__slide:nth-child(3) .hero-panel__lead {
    margin-top: -10px;
  }

  .hero-panel__cta {
    margin-top: 0;
    align-self: flex-start;
    padding: 0.55rem 1.2rem;
    font-size: clamp(0.75rem, 2.85vw, 0.8125rem);
    letter-spacing: 0.035em;
  }

  .hero-panel__visual {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    justify-content: flex-end;
    max-width: none;
    width: auto;
    margin-inline: 0;
    margin-top: 50px;
    min-width: 0;
    position: relative;
    z-index: 2;
  }

  .hero-panel__visual img {
    margin-inline: 0;
    margin-left: auto;
    margin-right: 0;
    transform: none;
    display: block;
  }

  .hero-content-slider__slide:nth-child(1) .hero-panel__visual img {
    max-width: min(30vw, 110px);
  }

  .hero-content-slider__slide:nth-child(2) .hero-panel__visual img {
    max-width: min(35.65vw, 136px);
  }

  .hero-content-slider__slide:nth-child(3) .hero-panel__visual img {
    max-width: min(40.8vw, 154px);
  }

  .hero-panel__copy-bg-wrap {
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
    justify-self: center;
    align-self: end;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    max-width: min(98vw, 372px);
    max-height: none;
    margin-top: clamp(8px, 2vh, 20px);
    z-index: 1;
    pointer-events: none;
    user-select: none;
  }

  .hero-panel__copy-bg {
    max-height: min(57.5vh, 507px);
  }

  .hero-panel__copy-bg-wrap--bioskin,
  .hero-panel__copy-bg-wrap--elasty,
  .hero-panel__copy-bg-wrap--bellavitaaqua {
    transform: none;
  }

}

.intro {
  position: relative;
  z-index: 2;
  scroll-margin-top: calc(72px + env(safe-area-inset-top, 0px));
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  /* Alt blokla üst blok arasındaki 1px saç çizgisini kapatmak için hafif bindirme */
  margin-top: -6px;
  padding: 0;
  text-align: center;
  background-color: var(--intro-surface);
}

.intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("images/ozlusoz-arkaplan.webp");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  opacity: 0.5;
  pointer-events: none;
}

.intro::after {
  content: none;
}

.intro__inner {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.35rem, 4.5vw, 2.35rem);
  width: 100%;
  max-width: min(92vw, 720px);
  margin: 0 auto;
  padding: clamp(40px, 8vw, 88px) clamp(20px, 5vw, 40px);
  padding-bottom: calc(clamp(52px, 9vw, 88px) - 50px);
}

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

.intro__quote {
  width: min(100%, 620px);
  margin: 0;
  line-height: 0;
}

.intro__quote-img {
  display: block;
  width: min(100%, 620px);
  height: auto;
  margin-inline: auto;
}

.intro__brand-logo {
  flex-shrink: 0;
}

@media (max-width: 860px) {
  .intro__quote {
    width: calc(min(100%, 620px) * 0.7);
    max-width: 100%;
  }

  .intro__quote-img {
    width: 100%;
    height: auto;
  }

  .intro .site-header__logo img {
    height: calc(clamp(36px, 5vw, 46px) * 0.7);
    width: auto;
  }
}

.about-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 80 / 38;
  margin: 0;
  padding: clamp(2.25rem, 5.5vw, 3.5rem) clamp(16px, 4vw, 40px);
  background-color: var(--intro-surface);
  background-image:
    linear-gradient(180deg, rgb(243 244 247 / 0.5) 0%, rgb(243 244 247 / 0.82) 100%),
    url("images/yırtıkkagıt16-9.webp");
  background-size: 100% 100%, 120% auto;
  background-position: center center, calc(50% - 50px) calc(50% + 140px);
  background-repeat: no-repeat;
  overflow-y: auto;
  scroll-margin-top: var(--header-reserve);
}

/* Alt kenar: gövde zemini (#f3f4f7) ile kâğıt dokusundan yumuşak geçiş */
.about-preview::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(64px, 14vh, 132px);
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgb(243 244 247 / 0) 0%,
    rgb(243 244 247 / 0.42) 42%,
    rgb(243 244 247 / 0.78) 72%,
    var(--intro-surface) 100%
  );
}

@media (min-width: 901px) {
  .about-preview {
    overflow: hidden;
    /* Yükseklik ~%30 artış: 38 → 38×1.3 */
    aspect-ratio: 80 / 55;
    background-image:
      linear-gradient(180deg, rgb(243 244 247 / 0.45) 0%, rgb(243 244 247 / 0.82) 100%),
      url("images/yırtıkkagıt16-12.webp");
    background-size: 100% 100%, 120% auto;
    background-position: center center, calc(50% - 50px) calc(50% + 20px);
    /* Arkaplan özlü söz alanına (şeffaf intro) kadar uzansın; metin konumu korunur */
    margin-top: calc(-1 * clamp(240px, 30vh, 400px));
    padding-top: calc(clamp(240px, 30vh, 400px) + clamp(2.25rem, 5.5vw, 3.5rem));
  }

  .about-preview::after {
    height: clamp(80px, 16vh, 168px);
  }
}

@media (max-width: 900px) {
  .about-preview {
    overflow: hidden;
    aspect-ratio: 9 / 20;
    width: 100%;
    min-height: 0;
    /* Web ile aynı mantık: arka plan şeffaf intro (özlü söz) alanına kadar uzar */
    margin-top: calc(-1 * clamp(140px, 24vh, 280px));
    padding-top: calc(clamp(140px, 24vh, 280px) + clamp(1.25rem, 5vw, 2rem));
    padding-right: clamp(18px, 5vw, 28px);
    padding-bottom: clamp(1.25rem, 5vw, 2rem);
    padding-left: clamp(18px, 5vw, 28px);
    background-image:
      linear-gradient(180deg, rgb(243 244 247 / 0.5) 0%, rgb(243 244 247 / 0.82) 100%),
      url("images/yırtıkkagıt9-20.webp");
    background-size: cover;
    background-position: center center, center calc(50% + 80px);
    background-repeat: no-repeat;
    -webkit-overflow-scrolling: touch;
  }
}

.about-preview__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  max-width: min(100%, 656px);
  margin: 0 auto;
  padding: clamp(1.65rem, 3.8vw, 2.35rem) clamp(1.15rem, 3vw, 1.85rem);
  background: transparent;
  border-radius: 16px;
  border: none;
  box-shadow: none;
  text-align: center;
}

.about-preview__title {
  width: 100%;
  font-family: var(--font-hero-title);
  font-size: clamp(1.9rem, 3.8vw, 2.55rem);
  font-weight: 700;
  color: var(--brand);
  margin: 0 0 1rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.about-preview__lead {
  margin: 0;
  width: 100%;
  font-size: clamp(0.94rem, 1.45vw, 1.05rem);
  line-height: 1.65;
  color: var(--text);
}

@media (min-width: 901px) {
  .about-preview__lead {
    max-width: 97%;
    margin-inline: auto;
  }
}

.about-preview__cta {
  margin-top: clamp(1.25rem, 3vw, 1.65rem);
  align-self: center;
}

.about-preview__logo {
  display: block;
  margin-top: clamp(1.35rem, 3.5vw, 2rem);
  line-height: 0;
}

.about-preview__logo img {
  display: block;
  height: clamp(34px, 5vw, 46px);
  width: auto;
}

.about-preview__logo:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 4px;
  border-radius: 8px;
}

@media (max-width: 900px) {
  .about-preview__inner {
    align-items: flex-start;
    align-self: flex-start;
    max-width: 70%;
    margin: 0;
    text-align: left;
    padding: 0;
  }

  .about-preview__title,
  .about-preview__lead {
    text-align: left;
  }

  .about-preview__cta {
    align-self: flex-start;
  }

  .about-preview__logo {
    align-self: flex-start;
  }
}

.catalog-section {
  position: relative;
  margin: 0;
  padding: 0;
  background: transparent;
  scroll-margin-top: var(--header-reserve);
}

.catalog-section__intro {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  flex-shrink: 0;
  min-height: clamp(220px, 28vh, 360px);
}

.catalog-section__title {
  font-family: var(--font-hero-title);
  font-size: clamp(1.9rem, 3.8vw, 2.55rem);
  font-weight: 700;
  color: var(--brand);
  margin: 0;
  padding: clamp(0.75rem, 2vw, 1.2rem) max(8px, 2vw) clamp(0.25rem, 1vw, 0.5rem);
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  width: 100%;
  background: none;
  border: none;
  box-shadow: none;
}

.catalog-section__between {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(2.75rem, 5.5vh, 4rem);
}

@media (min-width: 900px) {
  body.ama .catalog-section--ama-reveal .catalog-section__title {
    transform: translateY(50px);
  }

  body.ama .catalog-section--ama-reveal .catalog-section__between {
    transform: translateY(30px);
  }
}

.catalog-section__viewport {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: var(--catalog-max-h);
  max-height: var(--catalog-max-h);
  overflow: hidden;
  box-sizing: border-box;
  background: transparent;
  line-height: normal;
  /* Logo karuseli %80 ortalı; yan boşluk ≈ %10 — katalog slider okları aynı dikey eksende */
  --catalog-arrow-inset-start: max(8px, 1vw, env(safe-area-inset-left, 0px));
  --catalog-arrow-inset-end: max(8px, 1vw, env(safe-area-inset-right, 0px));
}

.catalog-filter-bar {
  position: relative;
  z-index: 4;
  flex-shrink: 0;
  align-self: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.55rem, 1.8vw, 0.95rem);
  width: 100%;
  padding-top: 0;
  padding-bottom: clamp(8px, 1.8vw, 14px);
  padding-left: max(8px, 1vw, env(safe-area-inset-left, 0px));
  padding-right: max(8px, 1vw, env(safe-area-inset-right, 0px));
  overflow: visible;
  pointer-events: auto;
}

/* Marka logoları: slayt başına 5 kolon (tek satır); oklar + dotlar + yatay kaydır */
.catalog-filter-logo-carousel {
  width: 80%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: clamp(0.25rem, 1vw, 0.55rem);
}

.catalog-filter-logo-carousel__strip {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

/* Oklar logoların altında: [◀] [dots] [▶] */
.catalog-filter-logo-carousel__controls {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: clamp(2px, 0.5vw, 6px) 0 0;
  box-sizing: border-box;
}

.catalog-filter-logo-carousel--single .catalog-filter-logo-carousel__controls {
  display: none !important;
}

/* Görünüm: üstteki ortak outline + mavi süpürge kuralları */
.catalog-filter-logo-carousel__btn {
  flex-shrink: 0;
  align-self: center;
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
  -webkit-appearance: none;
  appearance: none;
}

.catalog-filter-logo-carousel__viewport {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  outline: none;
}

.catalog-filter-logo-carousel__viewport:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.catalog-filter-logo-carousel__viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.catalog-filter-logo-carousel__track {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: max-content;
  min-height: 0;
}

.catalog-filter-logo-carousel__page {
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  box-sizing: border-box;
  padding: 0 max(6px, 1vw) 2px;
}

.catalog-filter-logo-carousel__grid {
  width: 100%;
  margin: 0 auto;
}

.catalog-filter-logo-carousel__row {
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  gap: clamp(0.35rem, 1.4vw, 0.85rem);
}

.catalog-filter-logo-carousel__row--5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.catalog-filter-logo-carousel__cell--empty {
  display: block;
  min-height: 1px;
  pointer-events: none;
}

.catalog-filter-logo-carousel__dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  max-width: min(96vw, 520px);
  margin: 0 auto;
  padding: 0 4px;
}

.catalog-filter-logo-carousel__controls .catalog-filter-logo-carousel__dots {
  /* Genişlemesin; noktalar okların hemen yanında kalsın (tüm grup satırda ortalanır) */
  flex: 0 1 auto;
  justify-content: center;
  min-width: 0;
  width: max-content;
  max-width: min(72vw, 420px);
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 900px) {
  /* Web: logo dotlarını biraz yukarı al */
  .catalog-filter-logo-carousel__controls .catalog-filter-logo-carousel__dots {
    transform: translateY(-20px);
  }

  /* Web: logo slider oklarını da dotlarla hizala */
  .catalog-filter-logo-carousel__controls .catalog-filter-logo-carousel__btn {
    transform: translateY(-20px);
  }
}

.catalog-filter-logo-carousel__controls .catalog-filter-logo-carousel__dots::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.catalog-filter-logo-carousel__dot {
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: color-mix(in srgb, var(--brand) 38%, white);
  box-shadow: none;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.catalog-filter-logo-carousel__dot:hover {
  background: color-mix(in srgb, var(--brand) 55%, white);
  transform: scale(1.18);
}

.catalog-filter-logo-carousel__dot:focus-visible {
  outline: none;
  background: color-mix(in srgb, var(--brand) 62%, white);
  transform: scale(1.2);
}

.catalog-filter-logo-carousel__dot:active {
  background: var(--brand);
  transform: scale(1.05);
}

.catalog-filter-logo-carousel__dot--active {
  background: var(--brand);
  box-shadow: none;
  transform: scale(1.28);
}

.catalog-filter-logo-carousel__dot--active:hover {
  background: var(--brand);
}

@supports not (background: color-mix(in srgb, white, black)) {
  .catalog-filter-logo-carousel__dot {
    background: rgb(195 217 239);
    border: none;
  }

  .catalog-filter-logo-carousel__dot:hover {
    background: rgb(173 206 236);
  }

  .catalog-filter-logo-carousel__dot:focus-visible {
    background: rgb(165 198 229);
  }

  .catalog-slider__dot {
    background: rgb(195 217 239);
    box-shadow: none;
  }

  .catalog-slider__dot:hover {
    background: rgb(173 206 236);
    transform: scale(1.18);
  }

  .catalog-slider__dot:focus-visible {
    background: rgb(165 198 229);
  }

  .catalog-slider__dot:active {
    background: var(--brand);
  }

  .catalog-slider__dot--active {
    background: var(--brand);
    box-shadow: none;
  }

  .catalog-slider__dot--active:hover {
    background: var(--brand);
  }
}

.catalog-filter-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color: rgb(255 255 255 / 0.95);
  cursor: pointer;
  opacity: 0.72;
  transition:
    opacity 0.2s ease,
    transform 0.18s ease,
    filter 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.catalog-filter-btn:hover,
.catalog-filter-btn:focus-visible {
  background: transparent;
  opacity: 1;
  transform: scale(1.05);
}

.catalog-filter-btn:focus-visible {
  outline: 2px solid rgb(255 255 255 / 0.85);
  outline-offset: 4px;
}

.catalog-filter-btn--active {
  background: transparent;
  opacity: 1;
  transform: none;
  filter: drop-shadow(0 0 10px rgb(255 255 255 / 0.35));
}

.catalog-filter-btn--all {
  color: var(--text);
  opacity: 1;
  padding: 0.35rem 0.5rem;
  font-size: calc(0.6875rem + 2pt);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.catalog-filter-btn--all:hover,
.catalog-filter-btn--all:focus-visible {
  opacity: 0.82;
  transform: none;
}

.catalog-filter-btn--all:focus-visible {
  outline-color: var(--text);
}

.catalog-filter-btn--all.catalog-filter-btn--active {
  filter: none;
  text-decoration: underline;
  text-underline-offset: 0.28em;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--text);
  opacity: 1;
}

.catalog-filter-btn--logo {
  width: 83px;
  height: 83px;
  padding: 0;
  border-radius: 0;
}

.catalog-filter-btn--logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 720px) {
  .catalog-filter-btn--logo {
    width: 92px;
    height: 92px;
  }
}

.catalog-slider {
  position: relative;
  z-index: 1;
  flex: 1 1 0%;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: clamp(0.5rem, 2vw, 1.15rem) max(48px, 5vw) clamp(10px, 2.2vh, 22px);
  box-sizing: border-box;
}

@media (min-width: 900px) {
  .catalog-slider {
    padding-bottom: clamp(24px, 4vh, 48px);
  }
}

.catalog-slider__slide--excluded {
  display: none !important;
}

.catalog-slider__blur {
  display: none;
}

.catalog-slider__stage {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: min(960px, 100%);
  height: min(min(560px, 50vh), 100%);
  max-height: 100%;
  perspective: 2200px;
  perspective-origin: 50% 42%;
}

@media (min-width: 900px) {
  .catalog-slider__stage {
    transform: translate(-50%, calc(-47% - 100px + 60px));
  }
}

.catalog-slider__track {
  position: absolute;
  inset: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  transform-style: preserve-3d;
}

/* Kart oranı kapak görselleriyle aynı: 1080×1920 = 9:16 — genişlik, max yüksekliğe göre sıkışır */
.catalog-slider__slide {
  position: absolute;
  left: 50%;
  top: 50%;
  --catalog-slide-max-w: calc(min(290px, 52vw) * 0.81);
  --catalog-slide-max-h: calc(min(56vh, 460px) * 0.81);
  width: min(var(--catalog-slide-max-w), calc(var(--catalog-slide-max-h) * 9 / 16));
  aspect-ratio: 9 / 16;
  height: auto;
  margin: 0;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  backface-visibility: hidden;
  transition:
    transform 0.95s cubic-bezier(0.33, 1, 0.32, 1),
    opacity 0.72s cubic-bezier(0.33, 1, 0.32, 1),
    filter 0.72s cubic-bezier(0.33, 1, 0.32, 1);
}

.catalog-slider__card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid rgb(255 255 255 / 0.14);
  background: #1a2733;
}

button.catalog-slider__card {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button.catalog-slider__card:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 3px;
}

@media (min-width: 900px) {
  .catalog-slider__card {
    box-shadow: none;
  }
}

.catalog-slider__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.catalog-slider__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(0.45rem, 2vw, 1rem);
  text-align: left;
  background: linear-gradient(
    to top,
    rgb(0 0 0 / 0.78) 0%,
    rgb(0 0 0 / 0.35) 48%,
    transparent 74%
  );
  color: #fff;
  pointer-events: none;
}

.catalog-slider__overlay-title {
  margin: 0 0 0.2rem;
  font-family: var(--font-hero-title);
  font-size: clamp(0.72rem, 2.35vw, 1.05rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.12;
  text-transform: uppercase;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalog-slider__overlay-lead {
  margin: 0;
  max-width: none;
  font-size: clamp(0.62rem, 1.8vw, 0.78rem);
  line-height: 1.32;
  opacity: 0.92;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Yan kartlar merkezden üstte: 3B’de merkez translateZ ile önde olsa da tıklama merkeze kaçmasın */
.catalog-slider__slide--left {
  transform: translate(-50%, -50%) translateX(calc(-100% - clamp(28px, 5vw, 44px))) rotateY(18deg) scale(0.9) translateZ(-120px);
  z-index: 10;
  opacity: 0.88;
  filter: brightness(0.93);
}

.catalog-slider__slide--center {
  transform: translate(-50%, -50%) translateZ(32px) rotateY(0deg) scale(1);
  z-index: 5;
  opacity: 1;
  filter: none;
}

.catalog-slider__slide--right {
  transform: translate(-50%, -50%) translateX(calc(100% + clamp(28px, 5vw, 44px))) rotateY(-18deg) scale(0.9) translateZ(-120px);
  z-index: 10;
  opacity: 0.88;
  filter: brightness(0.93);
}

.catalog-slider__slide--hidden {
  transform: translate(-50%, -50%) translateZ(-520px) scale(0.5) rotateY(0deg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
}

.catalog-slider__slide--left,
.catalog-slider__slide--right {
  cursor: pointer;
}

/* Görünüm: hero / PDF oklarıyla ortak yüzey; dikey ortada kalır */
.catalog-slider__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-appearance: none;
  appearance: none;
}

.catalog-slider__btn:hover,
.catalog-slider__btn:focus-visible,
.catalog-slider__btn:active {
  transform: translateY(-50%);
}

.catalog-slider__btn--prev {
  left: calc(
    var(--catalog-arrow-inset-start) + (100% - var(--catalog-arrow-inset-start) - var(--catalog-arrow-inset-end)) * 0.1
  );
}

.catalog-slider__btn--next {
  right: calc(
    var(--catalog-arrow-inset-end) + (100% - var(--catalog-arrow-inset-start) - var(--catalog-arrow-inset-end)) * 0.1
  );
}

@media (max-width: 860px) {
  .catalog-slider__btn,
  .catalog-filter-logo-carousel__btn {
    width: 40px;
    height: 40px;
  }
}

.catalog-slider__dots {
  position: absolute;
  left: 50%;
  bottom: clamp(8px, 2vh, 18px);
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  max-width: min(94vw, 560px);
  padding: 0;
  margin: 0;
  pointer-events: auto;
}

.catalog-slider__dot {
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: color-mix(in srgb, var(--brand) 38%, white);
  box-shadow: none;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.catalog-slider__dot:hover {
  background: color-mix(in srgb, var(--brand) 55%, white);
  transform: scale(1.18);
}

.catalog-slider__dot:focus-visible {
  outline: none;
  background: color-mix(in srgb, var(--brand) 62%, white);
  transform: scale(1.2);
}

.catalog-slider__dot:active {
  background: var(--brand);
  transform: scale(1.05);
}

.catalog-slider__dot--active {
  background: var(--brand);
  box-shadow: none;
  transform: scale(1.28);
}

.catalog-slider__dot--active:hover {
  background: var(--brand);
}

@media (max-width: 899px) {
  :root {
    --catalog-available: calc(100dvh - var(--header-reserve) - env(safe-area-inset-bottom, 0px));
    --catalog-max-h-inner: 100%;
    --catalog-max-h: 100%;
    --catalog-card-max-h: clamp(112px, 30dvh, 220px);
  }

  .catalog-section:not(.catalog-section--ama-reveal) {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - env(safe-area-inset-bottom, 0px));
    overflow: hidden;
    padding-top: max(0.35rem, env(safe-area-inset-top, 0px));
    padding-bottom: max(0.25rem, env(safe-area-inset-bottom, 0px));
  }

  .catalog-section:not(.catalog-section--ama-reveal) .catalog-section__viewport {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
    max-height: none;
    overflow: hidden;
  }

  .catalog-section:not(.catalog-section--ama-reveal) .catalog-section__intro {
    flex: 0 0 auto;
    min-height: auto;
    gap: clamp(0.55rem, 2vw, 0.9rem);
  }

  .catalog-section:not(.catalog-section--ama-reveal) .catalog-section__between {
    min-height: 0;
  }

  .catalog-section:not(.catalog-section--ama-reveal) .catalog-slider {
    flex: 1 1 0;
    min-height: 0;
    padding-top: 0.2rem;
    padding-bottom: 0.3rem;
  }

  .catalog-section:not(.catalog-section--ama-reveal) .catalog-slider__stage {
    height: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
  }

  .catalog-section:not(.catalog-section--ama-reveal) .catalog-slider__slide {
    --catalog-slide-max-h: var(--catalog-card-max-h);
    --catalog-slide-max-w: min(128px, 38vw);
  }
}

@media (max-width: 640px) {
  :root {
    --catalog-card-max-h: clamp(100px, 28dvh, 200px);
  }

  .catalog-slider {
    padding-top: 0.45rem;
    padding-bottom: clamp(2.25rem, 5.5vh, 3rem);
    /* Mobil ok boyutu — dot aralığı hesabında da kullanılır (%20 küçük: 48×0.8) */
    --catalog-nav-btn-size: calc(48px * 0.8);
  }

  .catalog-filter-bar {
    gap: 0.65rem;
    padding-top: 0.25rem;
    padding-bottom: 0.45rem;
    padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right));
  }

  .catalog-section__intro {
    gap: clamp(0.85rem, 2.8vw, 1.15rem);
  }

  .catalog-section__between {
    padding: clamp(0.4rem, 1.4vw, 0.65rem) 0;
    margin-bottom: clamp(0.15rem, 0.7vw, 0.35rem);
    min-height: clamp(2rem, 4vh, 2.75rem);
  }

  /* Logo karuseli + marka logoları mobilde %20 büyük */
  .catalog-filter-logo-carousel {
    width: 96%;
    max-width: 96%;
  }

  .catalog-filter-logo-carousel__btn {
    width: calc(40px * 1.2 * 0.8);
    height: calc(40px * 1.2 * 0.8);
  }

  .catalog-filter-btn--logo {
    width: calc(44px * 1.2);
    height: calc(44px * 1.2);
  }

  .catalog-slider__btn {
    width: var(--catalog-nav-btn-size);
    height: var(--catalog-nav-btn-size);
  }

  /* Okları kenara çek: ortadaki dot şeridi mümkün olduğunca genişlesin */
  .catalog-slider__btn--prev {
    left: max(4px, env(safe-area-inset-left, 0px));
  }

  .catalog-slider__btn--next {
    right: max(4px, env(safe-area-inset-right, 0px));
  }

  .catalog-slider__stage {
    height: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    touch-action: manipulation;
  }

  /* Dotlar: kartların altında, okların arasında */
  .catalog-slider__dots {
    top: auto;
    bottom: clamp(4px, 1.2vh, 12px);
    left: calc(max(4px, env(safe-area-inset-left, 0px)) + var(--catalog-nav-btn-size) + 8px);
    right: calc(max(4px, env(safe-area-inset-right, 0px)) + var(--catalog-nav-btn-size) + 8px);
    width: auto;
    max-width: none;
    transform: none;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.28rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 6px 2px;
    z-index: 6;
  }

  .catalog-slider__dots::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .catalog-slider__slide {
    --catalog-slide-max-w: min(132px, 40vw);
    --catalog-slide-max-h: var(--catalog-card-max-h);
    width: min(var(--catalog-slide-max-w), calc(var(--catalog-slide-max-h) * 9 / 16));
    aspect-ratio: 9 / 16;
    height: auto;
  }

  .catalog-slider__overlay {
    padding: clamp(0.35rem, 1.6vw, 0.65rem);
  }

  .catalog-slider__overlay-title {
    font-size: clamp(0.62rem, 2.8vw, 0.82rem);
    margin-bottom: 0.12rem;
  }

  .catalog-slider__overlay-lead {
    font-size: clamp(0.55rem, 2.2vw, 0.68rem);
    line-height: 1.28;
  }

  .catalog-slider__slide--left .catalog-slider__overlay-title,
  .catalog-slider__slide--right .catalog-slider__overlay-title {
    font-size: clamp(0.58rem, 2.5vw, 0.74rem);
  }

  .catalog-slider__slide--left .catalog-slider__overlay-lead,
  .catalog-slider__slide--right .catalog-slider__overlay-lead {
    font-size: clamp(0.52rem, 2vw, 0.64rem);
  }

  .catalog-slider__slide--left {
    transform: translate(-50%, -50%) translateX(calc(-100% - clamp(14px, 4vw, 26px))) rotateY(14deg)
      scale(0.87) translateZ(-96px);
  }

  .catalog-slider__slide--center {
    transform: translate(-50%, -50%) translateZ(20px) rotateY(0deg) scale(1);
  }

  .catalog-slider__slide--right {
    transform: translate(-50%, -50%) translateX(calc(100% + clamp(14px, 4vw, 26px))) rotateY(-14deg)
      scale(0.87) translateZ(-96px);
  }

}

@media (prefers-reduced-motion: reduce) {
  .catalog-slider__slide {
    transition-duration: 0.01ms;
  }

  .catalog-slider__dot {
    transition-duration: 0.01ms;
  }

  .catalog-filter-btn {
    transition-duration: 0.01ms;
  }
}

body.catalog-pdf-modal-open {
  overflow: hidden;
}

.catalog-pdf-modal[hidden] {
  display: none !important;
}

.catalog-pdf-modal:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
}

.catalog-pdf-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(8 14 22 / 0.58);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.catalog-pdf-modal__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(1080px, 100%);
  max-height: min(92vh, 880px);
  background: var(--intro-surface);
  border-radius: 14px;
  box-shadow: 0 28px 90px rgb(0 0 0 / 0.38);
  overflow: hidden;
}

.catalog-pdf-modal__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  padding: 12px 16px;
  border-bottom: 1px solid rgb(0 0 0 / 0.08);
  background: #fff;
  flex-shrink: 0;
}

.catalog-pdf-modal__title {
  margin: 0;
  font-family: var(--font-hero-title);
  font-size: clamp(1rem, 2.4vw, 1.2rem);
  font-weight: 700;
  color: var(--brand);
  line-height: 1.2;
}

.catalog-pdf-modal__actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.catalog-pdf-modal__open-tab {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.catalog-pdf-modal__open-tab:hover,
.catalog-pdf-modal__open-tab:focus-visible {
  filter: brightness(0.92);
  outline: none;
}

.catalog-pdf-modal__close {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.catalog-pdf-modal__frame-wrap {
  flex: 1 1 auto;
  min-height: min(68vh, 620px);
  background: #2a333d;
}

.catalog-pdf-modal__frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: min(68vh, 620px);
  border: none;
}

.catalog-pdf-modal__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 4vw, 2rem);
  padding: 12px 16px;
  background: #fff;
  border-top: 1px solid rgb(0 0 0 / 0.08);
  flex-shrink: 0;
}

.catalog-pdf-modal__nav-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.catalog-pdf-modal__counter {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-muted);
  min-width: 5.5rem;
  text-align: center;
}

@media (max-width: 480px) {
  .catalog-pdf-modal__panel {
    max-height: 94vh;
    border-radius: 12px;
  }

  .catalog-pdf-modal__frame-wrap,
  .catalog-pdf-modal__frame {
    min-height: min(58vh, 480px);
  }
}

.events-section {
  margin: 0;
  padding: clamp(2.25rem, 5vw, 3.75rem) clamp(16px, 4vw, 40px);
  background: transparent;
  scroll-margin-top: var(--header-reserve);
}

@media (max-width: 640px) {
  /* Eski ana sayfa (deneme.html); index.html body.ama bu kuralı kullanmaz */
  body:not(.ama) .events-section {
    margin-top: -300px;
  }
}

.events-section__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  background: transparent;
}

.events-section__title {
  width: 100%;
  margin: 0 0 clamp(1.25rem, 3vw, 1.85rem);
  font-family: var(--font-hero-title);
  font-size: clamp(1.65rem, 3.2vw, 2.15rem);
  font-weight: 700;
  color: var(--brand);
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
}

.events-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.15rem, 3vw, 1.65rem);
  width: 100%;
}

@media (min-width: 900px) {
  .events-section__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.event-card {
  display: flex;
  flex-direction: column;
  margin: 0;
  background: var(--surface);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(48, 121, 181, 0.1);
  box-shadow: 0 4px 22px rgba(24, 52, 78, 0.07);
}

.event-card__media {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  background: #e6e9ef;
  line-height: 0;
}

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

.event-card__desc {
  margin: 0;
  padding: clamp(0.85rem, 2vw, 1.1rem) clamp(0.9rem, 2.2vw, 1.15rem) clamp(1rem, 2.4vw, 1.2rem);
  font-size: clamp(0.88rem, 1.35vw, 0.98rem);
  line-height: 1.58;
  color: var(--text);
  text-align: left;
}

.events-section__more {
  margin-top: clamp(1.5rem, 4vw, 2.35rem);
  align-self: center;
}

.events-section__logo {
  display: block;
  margin-top: clamp(1.25rem, 3.5vw, 1.85rem);
  line-height: 0;
}

.events-section__logo img {
  display: block;
  height: clamp(32px, 5vw, 44px);
  width: auto;
  margin-inline: auto;
}

.events-section__logo:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 4px;
  border-radius: 8px;
}

/* Geniş footer + sabit alt çubuk (arka plan: header — site-header--solid ile aynı) */
.site-footer-main {
  margin: 0;
  padding: clamp(2.5rem, 5vw, 4rem) clamp(16px, 4vw, 40px);
  padding-bottom: calc(clamp(2.75rem, 6vw, 4.25rem) + env(safe-area-inset-bottom, 0px));
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: rgba(255, 255, 255, 0.92);
  scroll-margin-top: var(--header-reserve);
}

.site-footer-main a {
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.site-footer-main a:hover,
.site-footer-main a:focus-visible {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.45);
}

.site-footer-main__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.75rem, 4vw, 2.75rem);
  align-items: start;
}

@media (min-width: 768px) {
  .site-footer-main__inner {
    grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) minmax(0, 1.15fr);
    gap: clamp(2rem, 4vw, 3rem);
    align-items: start;
  }
}

.site-footer-main__brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.85rem;
  line-height: normal;
}

.site-footer-main__brand img {
  display: block;
  width: min(100%, 220px);
  height: auto;
  margin: 0;
  line-height: 0;
}

.site-footer-main__credit {
  font-size: clamp(0.72rem, 1.45vw, 0.86rem);
  line-height: 1.45;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-align: center;
}

.site-footer-main__heading {
  margin: 0 0 0.85rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1rem, 2.2vw, 1.15rem);
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.03em;
}

.site-footer-main__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.site-footer-main__list a {
  font-size: clamp(0.85rem, 1.6vw, 0.94rem);
  line-height: 1.45;
}

.site-footer-main__social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.site-footer-main__social-link {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  font-size: clamp(0.85rem, 1.6vw, 0.94rem);
  line-height: 1.35;
  border-bottom: none !important;
}

.site-footer-main__social-link:hover .site-footer-main__social-label,
.site-footer-main__social-link:focus-visible .site-footer-main__social-label {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.site-footer-main__social-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: rgba(255, 255, 255, 0.95);
}

.site-footer-main__social-icon svg {
  display: block;
}

.site-footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 990;
  padding: 0.5rem clamp(10px, 3vw, 28px);
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  transform: translateY(110%);
  visibility: hidden;
  pointer-events: none;
  transition:
    transform 0.32s ease,
    visibility 0.32s ease;
}

.site-footer-bar.site-footer-bar--visible {
  transform: translateY(0);
  visibility: visible;
  pointer-events: auto;
}

body.site-footer-main-in-view .site-footer-bar {
  transform: translateY(110%);
  visibility: hidden;
  pointer-events: none;
}

.site-footer-bar__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem 0.75rem;
  max-width: 1200px;
  margin: 0 auto;
}

.site-footer-bar__credit {
  margin: 0;
  justify-self: start;
  font-size: clamp(0.62rem, 2.2vw, 0.78rem);
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.9);
  max-width: min(92vw, 420px);
  white-space: nowrap;
  text-decoration: none;
}

a.site-footer-bar__credit:hover,
a.site-footer-bar__credit:focus-visible {
  color: #fff;
  outline: none;
}

.site-footer-bar__logo {
  justify-self: center;
  display: block;
  line-height: 0;
}

.site-footer-bar__logo img {
  display: block;
  height: clamp(22px, 5.5vw, 30px);
  width: auto;
}

.site-footer-bar__social {
  justify-self: end;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.28rem;
}

.site-footer-bar__icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.92);
  transition:
    color 0.2s ease,
    background 0.2s ease;
}

.site-footer-bar__icon-link:hover,
.site-footer-bar__icon-link:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

.site-footer-bar__icon-link svg {
  display: block;
}

@media (max-width: 899px) {
  .site-footer-bar {
    padding: 0.28rem clamp(10px, 3vw, 16px);
    padding-bottom: calc(0.28rem + env(safe-area-inset-bottom, 0px));
  }

  .site-footer-bar__inner {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0.25rem 0.35rem;
    align-items: center;
  }

  .site-footer-bar__logo {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
  }

  .site-footer-bar__logo img {
    height: clamp(17px, 4.2vw, 22px);
  }

  .site-footer-bar__credit {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    max-width: 100%;
    font-size: clamp(0.48rem, 2.35vw, 0.6rem);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-footer-bar__social {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    flex-wrap: nowrap;
    gap: 0.1rem;
  }

  .site-footer-bar__icon-link {
    width: 26px;
    height: 26px;
  }

  .site-footer-bar__icon-link svg {
    width: 14px;
    height: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer-bar {
    transition: none;
  }
}

.contact-section {
  margin: 0;
  padding: clamp(2.25rem, 5vw, 3.75rem) clamp(16px, 4vw, 40px);
  background: transparent;
  scroll-margin-top: var(--header-reserve);
}

.contact-section__inner {
  max-width: 1040px;
  margin: 0 auto;
  background: transparent;
}

.contact-section__title {
  margin: 0 0 clamp(1.35rem, 3.2vw, 1.85rem);
  font-family: var(--font-hero-title);
  font-size: clamp(1.65rem, 3.2vw, 2.15rem);
  font-weight: 700;
  color: var(--brand);
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
}

.contact-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  align-items: start;
}

@media (min-width: 900px) {
  .contact-section__grid {
    grid-template-columns: 1.1fr 0.9fr;
    gap: clamp(1.5rem, 3.5vw, 2.25rem);
    /* Sol form kartı ile sağ (bilgi + harita) sütunun altı çakışsın */
    align-items: stretch;
  }

  .contact-section__aside-column {
    height: 100%;
    min-height: 0;
  }
}

.contact-section__aside-column {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.5vw, 1.35rem);
  min-width: 0;
}

.contact-section__panel--info {
  flex-shrink: 0;
}

.contact-section__map-wrap {
  position: relative;
  width: 100%;
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(48, 121, 181, 0.1);
  box-shadow: 0 4px 22px rgba(24, 52, 78, 0.07);
  background: rgb(230 238 246);
  aspect-ratio: 4 / 3;
  max-height: min(450px, 52vh);
}

@media (min-width: 900px) {
  .contact-section__map-wrap {
    flex: 1 1 auto;
    min-height: 0;
    aspect-ratio: unset;
    max-height: none;
  }
}

.contact-section__map-frame {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.contact-section__panel {
  margin: 0;
  padding: clamp(1.25rem, 3vw, 1.65rem) clamp(1.1rem, 2.8vw, 1.5rem);
  background: var(--surface);
  border-radius: 14px;
  border: 1px solid rgba(48, 121, 181, 0.1);
  box-shadow: 0 4px 22px rgba(24, 52, 78, 0.07);
}

.contact-panel__subtitle {
  margin: 0 0 1.1rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  letter-spacing: 0.01em;
}

.contact-form__field {
  margin: 0 0 1rem;
}

.contact-form__field:last-of-type {
  margin-bottom: 0;
}

.contact-form__label {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text);
}

.contact-form__optional {
  font-weight: 500;
  color: var(--text-muted);
}

.contact-form__input,
.contact-form__textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.65rem 0.75rem;
  font: inherit;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--text);
  background: #fff;
  border: 1px solid rgba(48, 121, 181, 0.22);
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form__textarea {
  min-height: 140px;
  resize: vertical;
}

.contact-form__input:hover,
.contact-form__textarea:hover {
  border-color: rgba(48, 121, 181, 0.38);
}

.contact-form__input:focus-visible,
.contact-form__textarea:focus-visible {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(48, 121, 181, 0.2);
}

.contact-form__actions {
  margin: 1.15rem 0 0;
}

.contact-form__submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: min(100%, 200px);
  padding: 0.62rem 1.5rem;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  cursor: pointer;
  transform: none;
  -webkit-appearance: none;
  appearance: none;
}

.contact-form__submit:hover,
.contact-form__submit:active {
  transform: none;
}

/* Yeni <button> / link butonları: padding ve radius ekleyip bu sınıfı birlikte kullanın */
.btn-primary-bg {
  background-color: var(--brand);
  background-image: var(--button-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

.contact-info__address {
  margin: 0 0 1.25rem;
  font-size: 0.9375rem;
  font-style: normal;
  line-height: 1.65;
  color: var(--text);
}

.contact-info__brand {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--brand);
}

.contact-info__list {
  margin: 0;
  padding: 0;
}

.contact-info__row {
  margin: 0 0 1rem;
  padding: 0 0 0.85rem;
  border-bottom: 1px solid var(--header-border);
}

.contact-info__row:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.contact-info__row dt {
  margin: 0 0 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.contact-info__row dd {
  margin: 0;
  font-size: 0.9375rem;
}

.contact-info__row a {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.contact-info__row a:hover {
  color: var(--brand);
  filter: brightness(0.92);
}

@media (min-width: 901px) {
  :root {
    /* Logo + alt menü satırı için ekstra dikey pay */
    --header-reserve: calc(112px + env(safe-area-inset-top, 0px));
  }

  .site-header--solid .main-nav a {
    color: #fff;
  }

  .site-header--solid .main-nav a:hover,
  .site-header--solid .main-nav a:focus-visible {
    color: rgba(255, 255, 255, 0.95);
    border-bottom-color: rgba(255, 255, 255, 0.85);
  }
}

@media (max-width: 900px) {
  .site-header__inner {
    grid-template-columns: 1fr auto 1fr;
    justify-items: stretch;
    text-align: left;
    padding-top: 0.85rem;
    padding-bottom: 0.95rem;
    align-items: center;
  }

  .site-header__start {
    grid-area: 1 / 3 / 2 / 4;
    justify-self: end;
    align-self: center;
    position: relative;
    z-index: 1003;
  }

  .site-header--nav-open .site-header__start {
    z-index: 1003;
  }

  .site-header--nav-open .site-header__menu-toggle {
    position: relative;
    z-index: 3;
  }

  .site-header__menu-toggle {
    display: inline-flex;
    background: transparent;
    background-image: none;
    color: var(--brand);
  }

  .site-header__menu-bars {
    position: relative;
    top: 0;
    box-shadow: none;
    transition:
      transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      background 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-header__menu-bars::before,
  .site-header__menu-bars::after {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height: 2px;
    background: currentColor;
    border-radius: 1px;
    transition:
      transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
      top 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .site-header__menu-bars::before {
    top: -7px;
  }

  .site-header__menu-bars::after {
    top: 7px;
  }

  .site-header--nav-open .site-header__menu-bars {
    background: transparent;
  }

  .site-header--nav-open .site-header__menu-bars::before {
    top: 0;
    transform: rotate(45deg);
  }

  .site-header--nav-open .site-header__menu-bars::after {
    top: 0;
    transform: rotate(-45deg);
  }

  .site-header__center {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: center;
    width: auto;
    max-width: 100%;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 1002;
  }

  .main-nav__brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    padding: 0 0 1.125rem;
    margin: 0 0 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }

  .main-nav__logo {
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0;
    border-bottom: none;
  }

  .main-nav__logo img {
    display: block;
    height: clamp(38px, 6vw, 48px);
    width: auto;
  }

  .main-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(88vw, 300px);
    max-width: 100%;
    margin: 0;
    padding: max(1rem, env(safe-area-inset-top, 0px)) 1.25rem 1.5rem 1.25rem;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    background-color: #2a4a66;
    background-image: url("images/arkaplaneader.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1002;
    box-shadow: -8px 0 28px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow: hidden;
  }

  .main-nav a {
    color: #fff;
    border-bottom-color: transparent;
  }

  .main-nav a:hover,
  .main-nav a:focus-visible {
    color: rgba(255, 255, 255, 0.95);
    border-bottom-color: rgba(255, 255, 255, 0.5);
  }

  .main-nav a[aria-current="page"] {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.9);
  }

  .main-nav__scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-width: none;
    gap: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .main-nav__scroll > a {
    font-size: 1rem;
    padding: 0.9rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    white-space: normal;
    text-align: left;
  }

  .main-nav__scroll > a:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
  }

  .lang-switcher--toolbar {
    display: none;
  }

  .lang-switcher--drawer {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    padding-top: 1.125rem;
    padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 0.9375rem;
    color: #fff;
  }

  .lang-switcher--drawer .lang-switcher__current {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.08);
  }

  .lang-switcher--drawer .lang-switcher__sep {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.65);
  }

  .lang-switcher--drawer .lang-switcher__link {
    flex: 0 1 auto;
    min-width: 2.75rem;
    justify-content: center;
    padding: 0.65rem 1rem;
    text-align: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 10px;
  }

  .lang-switcher--drawer .lang-switcher__link:hover,
  .lang-switcher--drawer .lang-switcher__link:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.65);
  }

  .site-header--nav-open .main-nav {
    transform: translateX(0);
  }

  .site-header__backdrop {
    display: block;
    position: fixed;
    inset: 0;
    grid-area: 1 / 1 / 2 / 4;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .site-header--nav-open .site-header__backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-header__icon-nav {
    position: fixed;
    bottom: max(1rem, env(safe-area-inset-bottom));
    right: max(1rem, env(safe-area-inset-right));
    left: auto;
    top: auto;
    grid-area: auto;
    z-index: 999;
    justify-self: end;
    align-self: start;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-header__icon-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    max-height: 0;
    margin: 0;
    padding: 0 0.35rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(48, 121, 181, 0.12);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px) scale(0.97);
    transform-origin: bottom center;
    pointer-events: none;
    transition:
      max-height 0.38s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.32s ease,
      transform 0.32s ease,
      padding 0.32s ease,
      visibility 0.32s ease;
  }

  .site-header__icon-nav--open .site-header__icon-list {
    max-height: min(70vh, 420px);
    padding: 0.45rem 0.35rem;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }

  .site-header--solid .site-header__icon-list {
    background: rgba(0, 0, 0, 0.32);
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  }

  .site-header__icon-link {
    width: 38px;
    height: 38px;
    transition:
      opacity 0.28s ease,
      transform 0.28s ease;
    transition-delay: 0s;
  }

  .site-header__icon-nav:not(.site-header__icon-nav--open) .site-header__icon-link {
    opacity: 0;
    transform: translateY(5px);
  }

  .site-header__icon-nav--open .site-header__icon-link {
    opacity: 1;
    transform: translateY(0);
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(1) {
    transition-delay: 0.03s;
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(2) {
    transition-delay: 0.06s;
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(3) {
    transition-delay: 0.09s;
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(4) {
    transition-delay: 0.12s;
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(5) {
    transition-delay: 0.15s;
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(6) {
    transition-delay: 0.18s;
  }

  .site-header__icon-nav--open .site-header__icon-link:nth-child(7) {
    transition-delay: 0.21s;
  }

  .site-header__icon-fab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    background-color: var(--brand);
    background-image: var(--button-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
    -webkit-appearance: none;
    appearance: none;
    transition:
      filter 0.22s ease,
      box-shadow 0.22s ease,
      transform 0.22s ease;
  }

  .site-header__icon-fab:hover,
  .site-header__icon-fab:focus-visible {
    filter: brightness(1.08);
    outline: none;
  }

  .site-header__icon-fab:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 3px;
  }

  .site-header__icon-fab-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
  }

  .site-header__icon-fab-graphic {
    display: block;
  }

  .site-header__icon-fab-graphic--close {
    display: none;
  }

  .site-header__icon-nav--open .site-header__icon-fab-graphic--chat {
    display: none;
  }

  .site-header__icon-nav--open .site-header__icon-fab-graphic--close {
    display: block;
  }

  .site-header--solid .site-header__icon-fab {
    border-color: rgba(255, 255, 255, 0.4);
  }

  @media (prefers-reduced-motion: reduce) {
    .main-nav {
      transition: none;
    }

    .site-header__backdrop {
      transition: none;
    }

    .site-header__menu-bars,
    .site-header__menu-bars::before,
    .site-header__menu-bars::after {
      transition: none;
    }

    .site-header__icon-list,
    .site-header__icon-link,
    .site-header__icon-fab-graphic {
      transition: none !important;
    }

    .site-header__icon-nav--open .site-header__icon-link {
      transition-delay: 0s !important;
    }
  }
}

@media (max-width: 480px) {
  .site-header__icon-nav {
    gap: 6px;
  }

  .site-header__icon-list {
    gap: 4px;
  }
}

/* ——— Ürünlerimiz sayfası ——— */
.page-products .site-header {
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.page-products .site-header__logo-img--theme {
  display: none;
}

.page-products .site-header__logo-img--solid {
  display: block;
}

.page-products .site-header__menu-toggle {
  color: #fff;
}

.page-products .site-header__menu-toggle:focus-visible {
  outline-color: #fff;
}

.page-products #main {
  background: #fff;
}

.products-page {
  padding: calc(var(--header-reserve) + clamp(1.25rem, 3vw, 2rem))
    clamp(1rem, 4vw, 2.5rem)
    clamp(4rem, 8vw, 6rem);
  background: #fff;
}

.products-page__inner {
  max-width: 72rem;
  margin: 0 auto;
}

.products-layout {
  margin: 0;
  padding: 0;
  background: transparent;
  scroll-margin-top: calc(var(--header-reserve) + 10px);
}

.products-layout__inner {
  max-width: 1100px;
  margin: 0 auto;
  background: transparent;
  overflow: visible;
}

.products-logo-marquee {
  position: relative;
  z-index: 5;
  width: 100%;
  min-width: 0;
  margin: 0 0 clamp(1rem, 2.5vw, 1.35rem);
  padding-block: 0.55rem;
  background: transparent;
  overflow: hidden;
}

.products-logo-marquee__viewport {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(
    to right,
    transparent,
    #000 10%,
    #000 90%,
    transparent
  );
}

.products-logo-marquee__track {
  display: flex;
  width: max-content;
  animation: products-logo-marquee-scroll 48s linear infinite;
  will-change: transform;
}

.products-logo-marquee__list {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: clamp(1.1rem, 3vw, 2rem);
  list-style: none;
  margin: 0;
  padding: 0 clamp(0.75rem, 2vw, 1.1rem);
}

.products-logo-marquee__item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(84px, 12vw, 112px);
  height: clamp(32px, 4.8vw, 42px);
}

.products-logo-marquee__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0.25rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  transition: background 0.2s ease;
}

.products-logo-marquee__btn:hover,
.products-logo-marquee__btn:focus-visible {
  background: rgba(48, 121, 181, 0.08);
  outline: none;
}

.products-logo-marquee__btn:focus-visible {
  box-shadow: inset 0 0 0 2px var(--brand);
}

.products-logo-marquee__btn img {
  display: block;
  max-width: 88%;
  max-height: 88%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  opacity: 0.92;
  pointer-events: none;
}

.products-logo-marquee__item[data-marquee-brand="dermavline"] img {
  transform: scale(0.8);
  transform-origin: center;
}

.products-logo-marquee__text {
  font-family: var(--font-hero-title);
  font-size: clamp(0.62rem, 1.1vw, 0.78rem);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
  line-height: 1.15;
  color: var(--text);
  pointer-events: none;
}

@keyframes products-logo-marquee-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .products-logo-marquee__track {
    animation: none;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 0.65rem;
  }

  .products-logo-marquee__track .products-logo-marquee__list:last-child {
    display: none;
  }

  .products-logo-marquee__list {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.products-category-nav {
  position: relative;
  z-index: 25;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.4rem, 1.2vw, 0.55rem);
  align-items: start;
  width: 100%;
  margin: 0 0 clamp(0.85rem, 2vw, 1.25rem);
  isolation: isolate;
}

.products-show-all {
  display: none;
  justify-content: center;
  margin: 0 0 clamp(1rem, 2.5vw, 1.5rem);
}

[data-products-tabs].has-product-selection .products-show-all {
  display: flex;
}

.products-show-all__btn {
  margin: 0;
}

@media (min-width: 520px) {
  .products-category-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 860px) {
  .products-category-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .products-category__drawer {
    min-width: 12.5rem;
  }
}

.products-category {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.products-category.is-open {
  z-index: 30;
  transform: translateZ(0);
}

.products-category__toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.32rem;
  width: 100%;
  margin: 0;
  padding: clamp(0.62rem, 1.5vw, 0.88rem) clamp(0.45rem, 1.2vw, 0.65rem);
  font-family: var(--font-hero-title);
  font-size: clamp(0.78rem, 1.35vw, 0.98rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
  text-wrap: balance;
  color: #000;
  line-height: 1.2;
  cursor: pointer;
  border: none;
  border-radius: 12px;
  background: transparent;
  box-shadow: none;
  transition: background 0.2s ease, color 0.2s ease, border-radius 0.2s ease;
}

.products-category__toggle:hover {
  background: transparent;
  color: #000;
}

.products-category__toggle:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: -2px;
}

.products-category__toggle::after {
  content: "";
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: 1;
  transition: transform 0.22s ease;
}

.products-category.is-open .products-category__toggle::after {
  transform: rotate(225deg);
}

.products-category.is-open .products-category__toggle {
  position: relative;
  z-index: 3;
  border-radius: 12px 12px 0 0;
  color: #0b1a2e;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid rgba(48, 121, 181, 0.12);
  background: linear-gradient(
      168deg,
      rgba(255, 255, 255, 0.82) 0%,
      rgba(220, 238, 255, 0.45) 42%,
      rgba(255, 255, 255, 0.38) 100%
    ),
    rgba(255, 255, 255, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35),
    0 -4px 28px rgba(48, 121, 181, 0.12);
  backdrop-filter: blur(32px) saturate(200%);
  -webkit-backdrop-filter: blur(32px) saturate(200%);
}

.products-category__drawer {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 2;
  width: 100%;
  min-width: 10rem;
  margin-top: -1px;
  padding: clamp(0.55rem, 1.5vw, 0.85rem) clamp(0.45rem, 1.2vw, 0.75rem) clamp(0.7rem, 1.6vw, 1rem);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-top: 1px solid rgba(48, 121, 181, 0.1);
  border-radius: 0 0 14px 14px;
  background: linear-gradient(
      168deg,
      rgba(255, 255, 255, 0.78) 0%,
      rgba(210, 232, 255, 0.42) 38%,
      rgba(255, 255, 255, 0.32) 100%
    ),
    rgba(255, 255, 255, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 0 0 1px rgba(255, 255, 255, 0.28),
    0 22px 48px rgba(15, 55, 95, 0.14),
    0 10px 24px rgba(48, 121, 181, 0.12);
  backdrop-filter: blur(36px) saturate(200%);
  -webkit-backdrop-filter: blur(36px) saturate(200%);
}

.products-category__drawer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, transparent 42%);
  opacity: 0.85;
}

.products-category__drawer > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-transparency: reduce) {
  .products-category.is-open .products-category__toggle {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.97) 0%, rgba(236, 246, 255, 0.94) 100%);
    border-color: rgba(48, 121, 181, 0.22);
    box-shadow: 0 2px 16px rgba(48, 121, 181, 0.12);
  }

  .products-category__drawer {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.98) 0%, rgba(232, 244, 255, 0.96) 100%);
    border-color: rgba(48, 121, 181, 0.2);
    box-shadow: 0 14px 36px rgba(48, 121, 181, 0.14), 0 6px 16px rgba(0, 0, 0, 0.06);
  }

  .products-category__drawer::before {
    display: none;
  }
}

.products-category__sub {
  margin: 0.7rem 0 0.5rem;
  padding-bottom: 0.42rem;
  border-bottom: 1px solid rgba(11, 26, 46, 0.18);
  font-size: clamp(0.68rem, 1.15vw, 0.78rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(11, 26, 46, 0.92);
}

.products-category__sub:first-child {
  margin-top: 0;
}

.products-category__logos {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: stretch;
  gap: clamp(0.12rem, 0.45vw, 0.22rem);
  margin: 0 0 0.45rem;
}

.products-category__logos:last-child {
  margin-bottom: 0;
}

.products-category__logos .products-pick {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 0;
  height: auto;
  max-height: none;
  padding: clamp(0.2rem, 0.55vw, 0.32rem) 0.65rem;
  flex-shrink: 0;
}

.products-category__logos .products-pick.products-pick--text {
  line-height: 1.22;
  min-height: 0;
}

.products-category__logos .products-pick .products-pick__text {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: clamp(0.76rem, 1.25vw, 0.88rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.22;
  text-align: left;
  text-wrap: balance;
  color: rgba(11, 26, 46, 0.94);
  pointer-events: none;
}

.products-category__logos .products-pick:hover {
  background: rgba(255, 255, 255, 0.32);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
  border-radius: 8px;
}

.products-pick {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0.12rem 0.06rem;
  line-height: 0;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background: transparent;
  opacity: 1;
  transform: none;
  transition: box-shadow 0.18s ease;
}

.products-pick:hover {
  opacity: 1;
  filter: none;
}

.products-pick:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}

.products-pick.is-active {
  opacity: 1;
  transform: none;
  box-shadow: inset 0 0 0 1.5px #000;
  border-radius: 8px;
}

.products-category__logos .products-pick[data-product="bioskin"].is-active {
  box-shadow: none;
}

.products-pick--text {
  padding: 0.28rem 0.2rem;
  min-height: clamp(2.35rem, 5.5vw, 2.85rem);
}

.products-category__logos .products-pick--text {
  padding: clamp(0.2rem, 0.55vw, 0.32rem) 0.65rem;
  min-height: 0;
}

.products-pick__text {
  display: block;
  font-family: var(--font-body);
  font-size: clamp(0.76rem, 1.25vw, 0.88rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.35;
  text-align: left;
  color: #000;
  pointer-events: none;
}

.products-pick__badge {
  position: absolute;
  right: 3px;
  bottom: 3px;
  max-width: calc(100% - 6px);
  padding: 0.1rem 0.28rem;
  border-radius: 5px;
  font-size: clamp(0.55rem, 1.05vw, 0.62rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #fff;
  background: var(--brand);
  pointer-events: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.products-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: clamp(0.15rem, 1vw, 0.45rem);
  width: 100%;
  margin: 0 0 clamp(1.25rem, 3vw, 1.85rem);
}

@media (min-width: 720px) {
  .products-tabs {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
}

.products-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0.1rem 0.05rem;
  line-height: 0;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background: transparent;
  opacity: 0.48;
  transform: scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.products-tab:hover {
  opacity: 0.78;
}

.products-tab:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 4px;
}

.products-tab.is-active {
  opacity: 1;
  transform: scale(1);
}

.products-tab__logo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: clamp(1.2rem, 2.85vw, 2.15rem);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

@media (min-width: 640px) {
  .products-tab__logo {
    max-height: clamp(1.35rem, 3.2vw, 2.35rem);
  }
}

@media (min-width: 900px) {
  .products-tab__logo {
    max-height: clamp(1.5rem, 3.6vw, 2.65rem);
  }
}

/* Ürün panelleri — açılışta tümü görünür; filtre seçiminde tek marka (JS: .has-product-selection) */
.products-panels {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 2.75rem);
  margin: 0;
  padding: 0;
}

[data-products-tabs]:not(.has-product-selection) .products-panels {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.85rem, 2vw, 1.15rem);
}

@media (min-width: 600px) {
  [data-products-tabs]:not(.has-product-selection) .products-panels {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  [data-products-tabs]:not(.has-product-selection) .products-panels {
    grid-template-columns: repeat(3, 1fr);
  }
}

[data-products-tabs]:not(.has-product-selection) .products-panel {
  display: contents;
}

[data-products-tabs]:not(.has-product-selection) .products-panel > :not(.product-cards) {
  display: none !important;
}

[data-products-tabs]:not(.has-product-selection) .product-cards {
  display: contents;
}

[data-products-tabs].has-product-selection .products-panels {
  gap: 0;
}

.products-panel {
  margin: 0;
  padding: 0;
  scroll-margin-top: calc(var(--header-reserve) + 12px);
}

.products-panel[data-product-hidden] {
  display: none !important;
}

.page-products .products-panels {
  perspective: 1400px;
}

.page-products .products-panels.products-panels--awaiting-reveal .product-card {
  opacity: 0;
}

.page-products .product-card.products-reveal {
  opacity: 0;
  transform: translate3d(0, 32px, -140px) scale(0.9);
  filter: blur(14px);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    transform 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    filter 1.15s cubic-bezier(0.16, 1, 0.32, 1);
  transition-delay: var(--products-reveal-delay, 0s);
}

.page-products .product-card.products-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
  .page-products .products-panels.products-panels--awaiting-reveal .product-card {
    opacity: 1;
  }

  .page-products .product-card.products-reveal,
  .page-products .product-card.products-reveal.is-revealed {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

.product-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(0.85rem, 2vw, 1.15rem);
}

@media (min-width: 600px) {
  .product-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .product-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

.product-card {
  margin: 0;
  padding: 0;
  overflow: hidden;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border-radius: 12px;
  border: 1px solid rgba(48, 121, 181, 0.1);
  box-shadow: 0 3px 18px rgba(24, 52, 78, 0.06);
}

.product-card__media {
  flex: 1 1 auto;
  min-height: 0;
  aspect-ratio: 1;
  width: 100%;
  overflow: hidden;
  background: #e8eaef;
  line-height: 0;
}

.product-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.product-card__title {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin: 0;
  margin-top: clamp(-2.35rem, -6.5vw, -1.45rem);
  padding: calc(0.5rem + clamp(0.2rem, 0.9vw, 0.4rem)) 0.65rem 0.82rem;
  isolation: isolate;
  font-size: clamp(0.72rem, 1.35vw, 0.82rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--text);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 0 0 11px 11px;
  background: linear-gradient(
      172deg,
      rgba(255, 255, 255, 0.76) 0%,
      rgba(214, 234, 255, 0.42) 48%,
      rgba(255, 255, 255, 0.36) 100%
    ),
    rgba(255, 255, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    0 -10px 28px rgba(15, 55, 95, 0.1);
  backdrop-filter: blur(22px) saturate(185%);
  -webkit-backdrop-filter: blur(22px) saturate(185%);
}

@media (prefers-reduced-transparency: reduce) {
  .product-card__title {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    text-shadow: none;
    background: linear-gradient(172deg, rgba(252, 254, 255, 0.98) 0%, rgba(236, 246, 255, 0.96) 100%);
    border-top-color: rgba(48, 121, 181, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .product-card__foot {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: linear-gradient(172deg, rgba(252, 254, 255, 0.98) 0%, rgba(236, 246, 255, 0.96) 100%);
    border-top-color: rgba(48, 121, 181, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .product-card__foot .product-card__title {
    text-shadow: none;
  }
}

.product-card__foot {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin-top: clamp(-2.35rem, -6.5vw, -1.45rem);
  padding: calc(0.5rem + clamp(0.2rem, 0.9vw, 0.4rem)) 0.65rem 0.82rem;
  isolation: isolate;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 0 0 11px 11px;
  background: linear-gradient(
      172deg,
      rgba(255, 255, 255, 0.76) 0%,
      rgba(214, 234, 255, 0.42) 48%,
      rgba(255, 255, 255, 0.36) 100%
    ),
    rgba(255, 255, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    inset 0 0 0 1px rgba(255, 255, 255, 0.22),
    0 -10px 28px rgba(15, 55, 95, 0.1);
  backdrop-filter: blur(22px) saturate(185%);
  -webkit-backdrop-filter: blur(22px) saturate(185%);
}

.product-card__foot .product-card__title {
  margin: 0;
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.product-card__spec {
  margin: 0.28rem 0 0;
  font-size: clamp(0.64rem, 1.15vw, 0.74rem);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

.product-card--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 120px;
  padding: clamp(1.25rem, 2.5vw, 1.5rem);
}

.product-card__placeholder-text {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.product-card--bioskin-modal,
.product-card--elasty-modal,
.product-card--bellavita-modal,
.product-card--bellavita-pdrn-modal,
.product-card--pdrn-white-modal,
.product-card--aileene-modal,
.product-card--facetem-modal,
.product-card--olidia-modal,
.product-card--diamonds-modal,
.product-card--pink-bella-modal {
  cursor: pointer;
  transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.product-card--bioskin-modal:hover,
.product-card--elasty-modal:hover,
.product-card--bellavita-modal:hover,
.product-card--bellavita-pdrn-modal:hover,
.product-card--pdrn-white-modal:hover,
.product-card--aileene-modal:hover,
.product-card--facetem-modal:hover,
.product-card--olidia-modal:hover,
.product-card--diamonds-modal:hover,
.product-card--pink-bella-modal:hover {
  border-color: rgba(48, 121, 181, 0.28);
  box-shadow: 0 10px 28px rgba(24, 52, 78, 0.12);
}

.product-card--bioskin-modal:focus,
.product-card--elasty-modal:focus,
.product-card--bellavita-modal:focus,
.product-card--bellavita-pdrn-modal:focus,
.product-card--pdrn-white-modal:focus,
.product-card--aileene-modal:focus,
.product-card--facetem-modal:focus,
.product-card--olidia-modal:focus,
.product-card--diamonds-modal:focus,
.product-card--pink-bella-modal:focus {
  outline: none;
}

.product-card--bioskin-modal:focus-visible,
.product-card--elasty-modal:focus-visible,
.product-card--bellavita-modal:focus-visible,
.product-card--bellavita-pdrn-modal:focus-visible,
.product-card--pdrn-white-modal:focus-visible,
.product-card--aileene-modal:focus-visible,
.product-card--facetem-modal:focus-visible,
.product-card--olidia-modal:focus-visible,
.product-card--diamonds-modal:focus-visible,
.product-card--pink-bella-modal:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}

/* Bioskin: Qinn gezilecek-yerler benzeri — detayda tüm kart ızgarası gizlenir, üstte «Ürünlere dön». */
.bioskin-product-toolbar[hidden] {
  display: none !important;
}

.bioskin-product-toolbar:not([hidden]) {
  margin-bottom: clamp(0.65rem, 1.8vw, 1rem);
}

.bioskin-product-toolbar__back {
  margin-top: 0;
  align-self: flex-start;
}

#panel-bioskin.is-bioskin-detail-open > .product-cards,
#panel-elasty.is-elasty-detail-open > .product-cards,
#panel-bellavita.is-bellavita-detail-open > .product-cards,
#panel-bellavita-pdrn.is-bellavita-pdrn-detail-open > .product-cards,
#panel-pdrn-white.is-pdrn-white-detail-open > .product-cards,
#panel-aileene.is-aileene-detail-open > .product-cards,
#panel-facetem.is-facetem-detail-open > .product-cards,
#panel-sticol.is-sticol-detail-open > .product-cards,
#panel-calixa.is-calixa-detail-open > .product-cards,
#panel-olidia.is-olidia-detail-open > .product-cards,
#panel-diamonds.is-diamonds-detail-open > .product-cards,
#panel-pink-bella.is-pink-bella-detail-open > .product-cards {
  display: none !important;
}

.bioskin-product-detail[hidden] {
  display: none !important;
}

.bioskin-product-detail:not([hidden]) {
  scroll-margin-top: calc(var(--header-reserve) + 16px);
}

.bioskin-product-detail__article {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

.bioskin-product-detail__split {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2.2vw, 20px);
  padding: clamp(16px, 2.5vw, 26px);
  align-items: stretch;
}

.bioskin-product-detail__figure {
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 12px;
  border: 1px solid rgba(48, 121, 181, 0.14);
  overflow: hidden;
  line-height: 0;
  flex-shrink: 0;
}

.bioskin-product-detail__img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  object-fit: contain;
  object-position: center;
}

.bioskin-product-detail__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  text-align: left;
}

.bioskin-product-detail__heading {
  margin: 0 0 0.4rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  font-weight: 700;
  color: var(--brand);
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.bioskin-product-detail__subhead {
  display: block;
  margin: 0.44rem 0 0;
  font-family: var(--font-hero-title);
  font-size: clamp(0.88rem, 1.45vw, 1.02rem);
  font-weight: 700;
  color: var(--brand);
  line-height: 1.25;
  letter-spacing: 0.02em;
}

.bioskin-product-detail__subhead:first-child {
  margin-top: 0;
}

.bioskin-product-detail__desc {
  margin: 0;
  padding: 0;
  font-size: clamp(0.88rem, 1.35vw, 0.98rem);
  line-height: 1.58;
  color: var(--text);
  flex: 1 1 auto;
  white-space: normal;
}

/* Web: dergi sarmalı — görsel solda, metin yanında ve görsel yüksekliğinin altından tam genişlikte devam */
@media (min-width: 721px) {
  .bioskin-product-detail__split {
    display: flow-root;
    gap: 0;
  }

  .bioskin-product-detail__body {
    display: contents;
  }

  .bioskin-product-detail__figure {
    float: left;
    width: min(42%, 320px);
    max-width: 46%;
    margin: 0 clamp(14px, 2.2vw, 24px) clamp(10px, 1.5vw, 14px) 0;
    shape-outside: margin-box;
  }

  .bioskin-product-detail__heading {
    margin-top: 0;
    padding-top: 0.1rem;
  }

  .bioskin-product-detail__desc {
    flex: none;
  }


  #diamonds-product-detail .bioskin-product-detail__split {
    display: grid;
    grid-template-columns: min(42%, 320px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(14px, 2.2vw, 24px);
  }

  #diamonds-product-detail .bioskin-product-detail__figure {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  #diamonds-product-detail .bioskin-product-detail__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  #bellavita-pdrn-product-detail .bioskin-product-detail__split {
    display: grid;
    grid-template-columns: min(42%, 320px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(14px, 2.2vw, 24px);
  }

  #bellavita-pdrn-product-detail .bioskin-product-detail__figure {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  #bellavita-pdrn-product-detail .bioskin-product-detail__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  #pdrn-white-product-detail .bioskin-product-detail__split {
    display: grid;
    grid-template-columns: min(42%, 320px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(14px, 2.2vw, 24px);
  }

  #pdrn-white-product-detail .bioskin-product-detail__figure {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
  }

  #pdrn-white-product-detail .bioskin-product-detail__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .bioskin-product-detail__figure {
    max-width: min(100%, 22rem);
    margin-inline: auto;
  }
}

/* ——— Bayilik sayfası ——— */
.page-bayilik .site-header {
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.page-bayilik .site-header__logo-img--theme {
  display: none;
}

.page-bayilik .site-header__logo-img--solid {
  display: block;
}

.page-bayilik .site-header__menu-toggle {
  color: #fff;
}

.page-bayilik .site-header__menu-toggle:focus-visible {
  outline-color: #fff;
}

.page-bayilik #main {
  background: #fff;
}

.bayilik-page {
  padding: calc(var(--header-reserve) + clamp(1.25rem, 3vw, 2rem))
    clamp(1rem, 4vw, 2.5rem)
    clamp(4rem, 8vw, 6rem);
  background: #fff;
  overflow-x: clip;
}

.bayilik-page__inner {
  max-width: 72rem;
  margin: 0 auto;
  min-width: 0;
}

.bayilik-page .bayilik-map-section {
  margin: 0 0 clamp(2rem, 4vw, 2.75rem);
  border-radius: 12px;
}

.bayilik-page .bayilik-form-section {
  margin: 0;
  border-radius: 12px;
}

/* Bayilik — scroll depth reveal */
.page-bayilik .bayilik-map-section__inner,
.page-bayilik .bayilik-form-section__inner {
  perspective: 1400px;
}

.page-bayilik .bayilik-reveal {
  opacity: 0;
  transform: translate3d(0, 32px, -140px) scale(0.9);
  filter: blur(14px);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    transform 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    filter 1.15s cubic-bezier(0.16, 1, 0.32, 1);
}

.page-bayilik .bayilik-reveal--d1 {
  transition-delay: 0.14s;
}

.page-bayilik .bayilik-reveal--d2 {
  transition-delay: 0.28s;
}

.page-bayilik .bayilik-reveal--d3 {
  transition-delay: 0.42s;
}

.page-bayilik .bayilik-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
  .page-bayilik .bayilik-reveal,
  .page-bayilik .bayilik-reveal--d1,
  .page-bayilik .bayilik-reveal--d2,
  .page-bayilik .bayilik-reveal--d3,
  .page-bayilik .bayilik-reveal.is-revealed,
  .bayilik-map-info__depth,
  .bayilik-map-info__depth--d1,
  .bayilik-map-info__depth--d2,
  .bayilik-map-info__depth--d3,
  .bayilik-map-info__depth.is-revealed {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}

/* Bölge bayilik haritası */
.bayilik-map-section {
  margin: 0;
  padding: clamp(2.25rem, 5vw, 3.75rem) clamp(16px, 4vw, 40px);
  background: transparent;
  scroll-margin-top: var(--header-reserve);
}

.bayilik-map-section__inner {
  max-width: min(1100px, 100%);
  margin: 0 auto;
}

.bayilik-map-section__head {
  max-width: 40rem;
  margin: 0 auto clamp(1.5rem, 3.5vw, 2.25rem);
  text-align: center;
}

.bayilik-map-section__title {
  margin: 0 0 0.65rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1.65rem, 3.2vw, 2.15rem);
  font-weight: 700;
  color: var(--brand);
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.bayilik-map-section__lead {
  margin: 0;
  color: var(--text-muted);
  font-size: clamp(0.92rem, 1.35vw, 1.02rem);
  line-height: 1.62;
}

.bayilik-map-section__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  align-items: start;
}

@media (min-width: 900px) {
  .bayilik-map-section__layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.bayilik-map-wrap {
  --bayilik-map-pad: clamp(0.75rem, 2vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.bayilik-map {
  padding: var(--bayilik-map-pad);
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.bayilik-map__svg {
  display: block;
  width: 100%;
  height: auto;
  shape-rendering: geometricPrecision;
}

.bayilik-map__loading {
  margin: 2rem auto;
  text-align: center;
  color: var(--text-muted);
  font-size: 0.95rem;
}

.bayilik-map__sea {
  fill: transparent;
}

.bayilik-map__provinces {
  pointer-events: auto;
}

.bayilik-map__region {
  fill: color-mix(in srgb, var(--region-color, var(--brand)) 78%, white);
  stroke: color-mix(in srgb, var(--region-color, var(--brand)) 94%, #0a1520);
  stroke-width: 1.85;
  paint-order: stroke fill;
  stroke-linejoin: round;
  stroke-linecap: round;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    fill 0.25s ease,
    stroke 0.25s ease,
    stroke-width 0.2s ease,
    filter 0.2s ease,
    opacity 0.2s ease;
}

.bayilik-map__region:hover,
.bayilik-map__region:focus,
.bayilik-map__region:focus-visible {
  fill: color-mix(in srgb, var(--region-color, var(--brand)) 90%, white);
  filter: brightness(1.05) saturate(1.15);
  outline: none;
}

.bayilik-map__region.is-active {
  fill: var(--region-color, var(--brand));
  stroke: color-mix(in srgb, var(--region-color, var(--brand)) 78%, #0a1520);
  stroke-width: 2.75;
  filter: drop-shadow(0 5px 14px color-mix(in srgb, var(--region-color, var(--brand)) 38%, transparent));
}

.bayilik-map.bayilik-map--has-selection .bayilik-map__region:not(.is-active) {
  fill: #dce3eb;
  stroke: #a8b6c4;
  stroke-width: 1.5;
  filter: none;
  opacity: 0.9;
}

.bayilik-map.bayilik-map--has-selection .bayilik-map__region:not(.is-active):hover,
.bayilik-map.bayilik-map--has-selection .bayilik-map__region:not(.is-active):focus-visible {
  fill: #cfd8e2;
  stroke: #98a8b8;
  filter: none;
}

.bayilik-map-legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(0.5rem, 2vw, 0.85rem);
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: clamp(0.35rem, 1vw, 0.65rem) var(--bayilik-map-pad) 0;
  list-style: none;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .bayilik-map-legend {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .bayilik-map-legend {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(0.35rem, 1.1vw, 0.85rem);
  }
}

.bayilik-map-legend > li {
  min-width: 0;
  display: flex;
  justify-content: center;
}

.bayilik-map-legend__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 2.75rem;
  padding: 0.35rem 0.25rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.bayilik-map-legend__btn:hover,
.bayilik-map-legend__btn:focus-visible,
.bayilik-map-legend__btn.is-active {
  border: none;
  outline: none;
  background: transparent;
}

.bayilik-map-legend__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: clamp(2.35rem, 5.2vw, 4rem);
  object-fit: contain;
  transform-origin: center center;
  transition:
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.35s ease,
    opacity 0.35s ease;
}

.bayilik-map-legend__btn:hover .bayilik-map-legend__logo,
.bayilik-map-legend__btn:focus-visible .bayilik-map-legend__logo {
  transform: scale(1.12);
}

.bayilik-map-wrap:has(.bayilik-map--has-selection) .bayilik-map-legend__btn:not(.is-active) .bayilik-map-legend__logo {
  filter: grayscale(1);
  opacity: 0.42;
}

.bayilik-map-wrap:has(.bayilik-map--has-selection) .bayilik-map-legend__btn.is-active .bayilik-map-legend__logo {
  filter: none;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .bayilik-map-legend__logo {
    transition: filter 0.2s ease, opacity 0.2s ease;
  }

  .bayilik-map-legend__btn:hover .bayilik-map-legend__logo,
  .bayilik-map-legend__btn:focus-visible .bayilik-map-legend__logo {
    transform: none;
  }
}

.bayilik-map-info {
  padding: clamp(1.1rem, 2.5vw, 1.5rem);
  background: #fff;
  border: 1px solid rgba(48, 121, 181, 0.12);
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(15, 28, 46, 0.06);
  min-height: 12rem;
}

.bayilik-map-info:not(.is-active) {
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 12px 36px rgba(15, 28, 46, 0.14);
}

.bayilik-map-info.is-active {
  border-color: color-mix(in srgb, var(--bayilik-map-accent, var(--brand)) 35%, white);
  box-shadow: 0 14px 40px rgba(15, 28, 46, 0.08);
  perspective: 1200px;
}

.bayilik-map-info__body {
  display: flex;
  flex-direction: column;
}

.bayilik-map-info__depth {
  opacity: 0;
  transform: translate3d(0, 32px, -140px) scale(0.9);
  filter: blur(14px);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    transform 1.15s cubic-bezier(0.16, 1, 0.32, 1),
    filter 1.15s cubic-bezier(0.16, 1, 0.32, 1);
}

.bayilik-map-info__depth--d1 {
  transition-delay: 0.1s;
}

.bayilik-map-info__depth--d2 {
  transition-delay: 0.22s;
}

.bayilik-map-info__depth--d3 {
  transition-delay: 0.34s;
}

.bayilik-map-info__depth.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.bayilik-map-info__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
  padding: 1.5rem 1rem;
}

.bayilik-map-info__placeholder-logo {
  display: block;
  width: min(11rem, 75%);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.28));
}

.bayilik-map-info__logo {
  display: block;
  width: min(200px, 100%);
  height: auto;
  margin: 0 0 1rem;
  object-fit: contain;
}

.bayilik-map-info__region {
  margin: 0 0 0.35rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1.1rem, 2vw, 1.28rem);
  font-weight: 700;
  color: var(--bayilik-map-accent, var(--brand));
  line-height: 1.25;
}

.bayilik-map-info__company {
  margin: 0 0 0.85rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
}

.bayilik-map-info__province {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  color: var(--text-muted);
  line-height: 1.5;
}

.bayilik-map-info__province strong {
  color: var(--text);
  font-weight: 600;
}

.bayilik-map-info__coverage,
.bayilik-map-info__contact {
  margin: 0 0 0.65rem;
  font-size: 0.92rem;
  line-height: 1.58;
  color: var(--text-muted);
}

.bayilik-map-info__label {
  display: block;
  margin-bottom: 0.15rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text);
}

.bayilik-map-info__phone {
  margin: 0 0 1rem;
  font-size: 1.05rem;
  font-weight: 600;
}

.bayilik-map-info__phone a {
  color: var(--bayilik-map-accent, var(--brand));
  text-decoration: none;
}

.bayilik-map-info__phone a:hover,
.bayilik-map-info__phone a:focus-visible {
  text-decoration: underline;
}

.page-bayilik .bayilik-map-info .hero-panel__cta.bayilik-map-info__cta {
  align-self: flex-start;
}

.bayilik-form-section {
  margin: 0;
  padding: clamp(2.25rem, 5vw, 3.75rem) clamp(16px, 4vw, 40px);
  background: transparent;
  scroll-margin-top: var(--header-reserve);
}

.bayilik-form-section__inner {
  max-width: min(1040px, 100%);
  margin: 0 auto;
}

.bayilik-form-section__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 4vw, 2.25rem);
  align-items: start;
}

@media (min-width: 900px) {
  .bayilik-form-section__layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(1.75rem, 4vw, 2.75rem);
  }
}

.bayilik-form-section__logo {
  display: block;
  width: min(100%, 14.5rem);
  height: auto;
  margin: 0 0 clamp(1rem, 2.5vw, 1.35rem);
}

.bayilik-form-section__text {
  margin: 0 0 1.35rem;
  color: var(--text);
  line-height: 1.68;
  font-size: clamp(0.94rem, 1.35vw, 1.02rem);
}

.bayilik-brands {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.1rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 520px) {
  .bayilik-brands {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.bayilik-brands li {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0.65rem 0.75rem;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.bayilik-brands img {
  display: block;
  max-width: 100%;
  max-height: 2rem;
  min-height: 1.5rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

.page-bayilik #bayilik-form {
  scroll-margin-top: var(--header-reserve);
}

.bayilik-form-section__panel {
  max-width: 36rem;
  margin-inline: auto;
  width: 100%;
}

.bayilik-form__title {
  margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
  color: var(--text);
}

.bayilik-form {
  margin: 0;
}

.bayilik-form__field {
  margin: 0 0 0.85rem;
}

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

.bayilik-form__input,
.bayilik-form__textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.9rem 1rem;
  font: inherit;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--text);
  background: #eceef1;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.bayilik-form__input::placeholder,
.bayilik-form__textarea::placeholder {
  color: #8a8f96;
  opacity: 1;
}

.bayilik-form__textarea {
  min-height: 9.5rem;
  resize: vertical;
}

.bayilik-form__input:hover,
.bayilik-form__textarea:hover {
  background: #e4e7eb;
}

.bayilik-form__input:focus-visible,
.bayilik-form__textarea:focus-visible {
  outline: none;
  background: #e8ebef;
  box-shadow: inset 0 0 0 2px rgba(48, 121, 181, 0.35);
}

.bayilik-form__actions {
  margin: clamp(1rem, 2.5vw, 1.35rem) 0 0;
  text-align: center;
}

.bayilik-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: min(100%, 14rem);
  margin: 0;
  padding: 0.85rem 1.75rem;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  background: #2b9de8;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  transform: none;
  isolation: auto;
  overflow: visible;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.2s ease, filter 0.2s ease;
}

.bayilik-form__submit::after {
  content: ">";
  font-weight: 700;
  letter-spacing: 0;
}

.bayilik-form__submit:hover,
.bayilik-form__submit:focus-visible {
  background: #2489cc;
  color: #fff;
  border: none;
  box-shadow: none;
  transform: none;
}

.bayilik-form__submit:focus-visible {
  outline: 2px solid #2b9de8;
  outline-offset: 3px;
}

.bayilik-form__submit:active {
  filter: brightness(0.94);
  transform: none;
}

@media (min-width: 900px) {
  .bayilik-form-section__panel {
    margin-inline: 0;
    max-width: none;
  }
}

@media (max-width: 639px) {
  .bayilik-page {
    padding-top: calc(var(--header-reserve) + 1rem);
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
    padding-bottom: max(2.75rem, env(safe-area-inset-bottom, 0px));
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
  }

  .bayilik-page .bayilik-map-section {
    margin-bottom: 1.75rem;
  }

  .bayilik-map-section,
  .bayilik-form-section {
    padding: 1.5rem 0.75rem;
  }

  .bayilik-map-section__head {
    max-width: none;
    margin-bottom: 1.15rem;
  }

  .bayilik-map-section__title {
    font-size: clamp(1.4rem, 6.5vw, 1.8rem);
  }

  .bayilik-map-section__lead {
    font-size: 0.9rem;
  }

  .bayilik-map-wrap {
    gap: 1rem;
  }

  .bayilik-map-legend__btn {
    min-height: 2.85rem;
  }

  .bayilik-map-legend__logo {
    max-height: 2.35rem;
  }

  .bayilik-map-info {
    min-height: auto;
    padding: 1rem 0.9rem;
  }

  .bayilik-map-info__placeholder {
    min-height: 7.5rem;
    padding: 1.15rem 0.75rem;
  }

  .bayilik-map-info__body {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .bayilik-map-info__region {
    font-size: 1.05rem;
  }

  .page-bayilik .bayilik-map-info .hero-panel__cta.bayilik-map-info__cta {
    display: flex;
    width: 100%;
    justify-content: center;
    align-self: stretch;
    white-space: normal;
    text-align: center;
  }

  .bayilik-form-section__intro {
    text-align: center;
  }

  .bayilik-form-section__logo {
    margin-inline: auto;
  }

  .bayilik-form-section__text {
    font-size: 0.92rem;
    text-align: left;
  }

  .bayilik-brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
  }

  .bayilik-brands li {
    min-height: 2.75rem;
    padding: 0.45rem 0.5rem;
  }

  .bayilik-brands img {
    max-height: 1.65rem;
  }

  .bayilik-form-section__panel {
    max-width: none;
  }

  .bayilik-form__title {
    font-size: 0.95rem;
    letter-spacing: 0.1em;
  }

  .bayilik-form__input,
  .bayilik-form__textarea {
    font-size: 1rem;
    padding: 0.85rem 0.9rem;
  }

  .bayilik-form__submit {
    width: 100%;
    min-width: 0;
  }
}

/* —— Medicaline Akademi (giriş popup + e-ticaret) —— */
.akademi-login-modal[hidden] {
  display: none !important;
}

.akademi-login-modal:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 11050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
}

body.akademi-login-modal-open {
  overflow: hidden;
}

.akademi-login-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgb(8 14 22 / 0.58);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.akademi-login-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 26rem);
  max-height: min(92vh, 640px);
  overflow-y: auto;
  padding: 1.5rem 1.35rem 1.35rem;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 28px 90px rgb(0 0 0 / 0.38);
}

.akademi-login-modal__close {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-size: 1.75rem;
  line-height: 1;
  color: #3d5166;
  cursor: pointer;
}

.akademi-login-modal__close:hover,
.akademi-login-modal__close:focus-visible {
  background: rgba(48, 121, 181, 0.1);
  outline: none;
}

.akademi-login-modal__logo {
  display: block;
  width: min(200px, 70vw);
  height: auto;
  margin: 0 auto 1rem;
}

.akademi-login-modal__title {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
  font-weight: 700;
  text-align: center;
  color: #0d2137;
}

.akademi-login-modal__lead,
.akademi-login-modal__hint,
.akademi-login-modal__footer {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: center;
  color: #5a6d7e;
}

.akademi-login-modal__hint {
  margin-bottom: 1rem;
}

.akademi-login-modal__footer {
  margin-top: 0.85rem;
  margin-bottom: 0;
  font-size: 0.82rem;
}

.akademi-login-modal .bayilik-form__field {
  margin-bottom: 0.75rem;
}

.akademi-login-modal .bayilik-form__actions {
  margin-top: 0.25rem;
}

.akademi-payment-modal[hidden] {
  display: none !important;
}

.akademi-payment-modal:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 11060;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
}

body.akademi-payment-modal-open {
  overflow: hidden;
}

.akademi-payment-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 33, 55, 0.48);
}

.akademi-payment-modal__panel {
  position: relative;
  width: min(100%, 28rem);
  max-height: min(92vh, 640px);
  overflow: auto;
  padding: 1.35rem 1.25rem 1.5rem;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 64px rgb(13 33 55 / 0.18);
}

.akademi-payment-modal__close {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 8px;
  background: #f0f5fa;
  color: #3d5166;
  font-size: 1.25rem;
  line-height: 1;
  cursor: pointer;
}

.akademi-payment-modal__badge {
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: #fff4e5;
  color: #b45309;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.akademi-payment-modal__title {
  margin: 0 0 0.5rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #0d2137;
}

.akademi-payment-modal__lead {
  margin: 0 0 1rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #5a6d7e;
}

.akademi-payment-modal__error {
  margin: 0 0 1rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  background: #fdecea;
  color: #c0392b;
  font-size: 0.88rem;
  line-height: 1.45;
}

.akademi-payment-modal__summary {
  margin-bottom: 0.85rem;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  background: #f7fafc;
}

.akademi-payment-modal__items {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.88rem;
  color: #3d5166;
}

.akademi-payment-modal__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  margin: 0 0 1rem;
  font-size: 0.95rem;
  color: #3d5166;
}

.akademi-payment-modal__total strong {
  font-size: 1.2rem;
  color: #0d2137;
}

.akademi-payment-modal__actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
}

.akademi-payment-modal__decline {
  padding: 0.65rem 1rem;
  border: 1px solid #d8e4ef;
  border-radius: 8px;
  background: #fff;
  color: #5a6d7e;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
}

.akademi-payment-modal__success-text {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #3d5166;
}

.akademi-payment-modal__order-id {
  margin: 0 0 1rem;
  font-size: 0.88rem;
  font-weight: 700;
  color: #3079b5;
}

.akademi-payment-modal__success-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.page-akademi .site-header {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.akademi-login-hero {
  padding: clamp(5rem, 12vw, 7rem) 1.25rem 2rem;
  text-align: center;
  background: linear-gradient(180deg, #f4f8fc 0%, #fff 100%);
}

.akademi-login-hero__inner {
  max-width: 36rem;
  margin-inline: auto;
}

.akademi-login-section__logo {
  display: block;
  margin: 0 auto 1.25rem;
  height: auto;
  width: min(220px, 70vw);
}

.akademi-login-hero__title {
  margin: 0 0 0.75rem;
  font-size: clamp(1.75rem, 4vw, 2.35rem);
  font-weight: 700;
  color: #0d2137;
}

.akademi-login-hero__lead {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #3d5166;
}

.akademi-login-section {
  padding: 0 1.25rem clamp(4rem, 10vw, 6rem);
}

.akademi-login-section__panel {
  max-width: 28rem;
  margin-inline: auto;
  padding: 1.75rem 1.5rem 2rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 32px rgba(13, 33, 55, 0.08);
  border: 1px solid rgba(13, 33, 55, 0.08);
}

.akademi-login-form__title {
  margin: 0 0 0.35rem;
  font-size: 1.35rem;
  font-weight: 700;
  color: #0d2137;
}

.akademi-login-form__hint,
.akademi-login-form__footer-note {
  margin: 0 0 1rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #5a6d7e;
}

.akademi-login-form__footer-note a {
  color: #2b9de8;
  font-weight: 600;
}

.akademi-login-form__error {
  margin: 0 0 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  background: #fdecec;
  color: #b42318;
  font-size: 0.9rem;
}

/* Sepet düğmesi (konum: .akademi-commerce-fabs içinde) */
.akademi-cart-fab {
  position: fixed;
  top: max(0.85rem, env(safe-area-inset-top, 0px));
  right: max(0.85rem, env(safe-area-inset-right, 0px));
  z-index: 1200;
  display: none;
}

.is-akademi-commerce .akademi-cart-fab:not(.akademi-commerce-fabs .akademi-cart-fab) {
  display: block;
}

.akademi-cart-fab__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border: none;
  border-radius: 50%;
  background: #2b9de8;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(43, 157, 232, 0.45);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.akademi-cart-fab__btn:hover,
.akademi-cart-fab__btn:focus-visible {
  background: #2489cc;
  transform: scale(1.04);
}

.akademi-cart-fab__badge {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: #e85d2b;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35rem;
  text-align: center;
}

.akademi-cart-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1198;
  display: none;
  background: rgba(13, 33, 55, 0.45);
}

.akademi-cart-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1199;
  display: none;
  flex-direction: column;
  width: min(100vw, 24rem);
  max-width: 100%;
  height: 100%;
  height: 100dvh;
  background: #fff;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);
  transform: translateX(100%);
  transition: transform 0.28s ease;
}

body.akademi-cart-open {
  overflow: hidden;
}

body.akademi-cart-open .akademi-commerce-fabs {
  visibility: hidden;
  pointer-events: none;
}

body.akademi-cart-open .akademi-cart-backdrop {
  display: block;
}

body.akademi-cart-open .akademi-cart-panel {
  display: flex;
  transform: translateX(0);
}

.akademi-cart-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(13, 33, 55, 0.08);
}

.akademi-cart-panel__title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
}

.akademi-cart-panel__close {
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
  color: #3d5166;
}

.akademi-cart-panel__body {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem;
}

.akademi-cart-panel__empty {
  margin: 2rem 0;
  text-align: center;
  color: #5a6d7e;
}

.akademi-cart-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.akademi-cart-line {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 0.85rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(13, 33, 55, 0.08);
}

.akademi-cart-line__img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
  background: #f4f8fc;
}

.akademi-cart-line__name {
  margin: 0 0 0.25rem;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.35;
}

.akademi-cart-line__price {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #2b9de8;
}

.akademi-cart-line__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
}

.akademi-cart-line__qty {
  min-width: 1.5rem;
  text-align: center;
  font-weight: 600;
}

.akademi-cart-line__remove {
  margin-left: auto;
  border: none;
  background: none;
  color: #b42318;
  font-size: 0.82rem;
  cursor: pointer;
  text-decoration: underline;
}

.akademi-cart-panel__footer {
  padding: 1rem 1.25rem max(1rem, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(13, 33, 55, 0.08);
}

.akademi-cart-panel__total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 0 1rem;
  font-size: 1rem;
}

.akademi-cart-panel__total strong {
  font-size: 1.2rem;
  color: #0d2137;
}

.akademi-cart-panel__checkout {
  width: 100%;
  margin-bottom: 0.75rem;
  min-height: 2.75rem;
  font-size: 0.92rem;
}

.akademi-cart-panel__note {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.45;
  color: #5a6d7e;
}

.akademi-cart-panel__logout {
  display: block;
  width: 100%;
  margin-top: 0.75rem;
  padding: 0.5rem;
  border: none;
  background: none;
  color: #5a6d7e;
  font-size: 0.88rem;
  text-decoration: underline;
  cursor: pointer;
}

/* Ürün kartı — fiyat ve sipariş (yalnızca giriş sonrası) */
.akademi-product-commerce {
  display: none;
}

.is-akademi-commerce .akademi-product-commerce {
  display: block;
}

.akademi-product-commerce--compact {
  flex: 0 0 auto;
  margin: 0;
  padding: 0.7rem 0.65rem 0.78rem;
  border-top: 1px solid rgba(48, 121, 181, 0.14);
  background: linear-gradient(
    180deg,
    rgba(244, 249, 255, 0.92) 0%,
    rgba(255, 255, 255, 0.98) 100%
  );
}

.akademi-product-commerce__price {
  margin: 0 0 0.55rem;
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0d2137;
}

.akademi-product-commerce__price-wrap {
  margin: 0 0 0.55rem;
}

.akademi-product-commerce__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}

.akademi-product-commerce__price-amounts {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  min-width: 0;
}

.akademi-product-commerce__price-old {
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.2;
  color: #8a96a3;
  text-decoration: line-through;
}

.akademi-product-commerce__price-current {
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0d2137;
}

.akademi-product-commerce__price-discount {
  flex-shrink: 0;
  margin-left: auto;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  background: #e8f4ec;
  color: #1e6b3a;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

.akademi-product-commerce--compact .akademi-product-commerce__price-wrap {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.6rem;
}

.akademi-product-commerce--compact .akademi-product-commerce__price-wrap::before {
  content: "Fiyat";
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a6d7e;
}

.akademi-product-commerce--compact .akademi-product-commerce__price-row {
  flex: 1;
  min-width: 0;
}

.akademi-product-commerce--compact .akademi-product-commerce__price {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  margin-bottom: 0;
  font-size: 1.05rem;
}

.akademi-product-commerce--compact .akademi-product-commerce__price::before {
  content: none;
}

.akademi-product-commerce--compact .akademi-product-commerce__price-current {
  font-size: 1.05rem;
}

.akademi-product-commerce__actions {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: stretch;
  gap: 0.5rem;
}

.akademi-product-commerce__qty {
  display: inline-flex;
  align-items: stretch;
  align-self: center;
  min-height: 2.5rem;
  border: 1px solid rgba(48, 121, 181, 0.22);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 3px rgba(13, 33, 55, 0.06);
}

.akademi-product-commerce__qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  min-height: 2.5rem;
  padding: 0;
  border: none;
  background: #f0f6fc;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  color: #2b9de8;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.akademi-product-commerce__qty-btn:hover,
.akademi-product-commerce__qty-btn:focus-visible {
  background: #e3f2fc;
  color: #1a7fc4;
}

.akademi-product-commerce__qty-input {
  width: 2.35rem;
  min-height: 2.5rem;
  padding: 0;
  border: none;
  border-inline: 1px solid rgba(48, 121, 181, 0.12);
  text-align: center;
  font-size: 0.9rem;
  font-weight: 700;
  color: #0d2137;
  background: #fff;
  appearance: textfield;
  -moz-appearance: textfield;
}

.akademi-product-commerce__qty-input::-webkit-outer-spin-button,
.akademi-product-commerce__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.akademi-product-commerce__order-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0 0.75rem;
  border: none;
  border-radius: 10px;
  background: linear-gradient(180deg, #3aa8ef 0%, #2b9de8 48%, #2489cc 100%);
  color: #fff;
  font-family: inherit;
  font-size: clamp(0.72rem, 2.8vw, 0.8rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(43, 157, 232, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.akademi-product-commerce__order-btn:hover,
.akademi-product-commerce__order-btn:focus-visible {
  filter: brightness(1.05);
  box-shadow: 0 4px 12px rgba(43, 157, 232, 0.42);
  transform: translateY(-1px);
}

.akademi-product-commerce__order-btn:active {
  transform: translateY(0);
  filter: brightness(0.96);
}

.akademi-product-commerce--detail {
  margin-top: 1.5rem;
  padding: 1.15rem 0 0;
  border-top: 1px solid rgba(13, 33, 55, 0.1);
}

.akademi-product-commerce--detail .akademi-product-commerce__price-wrap {
  margin-bottom: 0.85rem;
}

.akademi-product-commerce--detail .akademi-product-commerce__price,
.akademi-product-commerce--detail .akademi-product-commerce__price-current {
  font-size: 1.35rem;
}

.akademi-product-commerce--detail .akademi-product-commerce__actions {
  grid-template-columns: auto auto;
  justify-content: flex-start;
  gap: 0.75rem 1rem;
}

.akademi-product-commerce--detail .akademi-product-commerce__order-btn {
  min-height: 2.75rem;
  padding-inline: 1.35rem;
  font-size: 0.92rem;
}

@media (min-width: 480px) {
  .akademi-product-commerce--compact .akademi-product-commerce__order-btn {
    font-size: 0.8rem;
  }
}

.is-akademi-commerce .product-card.product-card--bioskin-modal,
.is-akademi-commerce .product-card[class*="modal"] {
  cursor: default;
}

@media (min-width: 720px) {
  .akademi-commerce-fabs {
    top: max(1rem, env(safe-area-inset-top, 0px));
    right: max(1.25rem, env(safe-area-inset-right, 0px));
  }

  .page-products.is-akademi-commerce .akademi-commerce-fabs {
    top: max(5.5rem, calc(env(safe-area-inset-top, 0px) + 4.5rem));
  }

  .akademi-cart-fab:not(.akademi-commerce-fabs .akademi-cart-fab) {
    top: max(1rem, env(safe-area-inset-top, 0px));
    right: max(1.25rem, env(safe-area-inset-right, 0px));
  }

  .page-products.is-akademi-commerce .akademi-cart-fab:not(.akademi-commerce-fabs .akademi-cart-fab) {
    top: max(5.5rem, calc(env(safe-area-inset-top, 0px) + 4.5rem));
  }
}

/* —— Kongre ve etkinlikler —— */
.page-kongre .site-header {
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.page-kongre .site-header__logo-img--theme {
  display: none;
}

.page-kongre .site-header__logo-img--solid {
  display: block;
}

.page-kongre .site-header__menu-toggle {
  color: #fff;
}

.page-kongre .site-header__menu-toggle:focus-visible {
  outline-color: #fff;
}

.page-kongre #main {
  background: #fff;
}

.kongre-page {
  padding: calc(var(--header-reserve) + clamp(1.25rem, 3vw, 2rem))
    clamp(1rem, 4vw, 2.5rem)
    clamp(4rem, 8vw, 6rem);
  background: #fff;
}

.kongre-page__inner {
  max-width: 72rem;
  margin: 0 auto;
}

.kongre-page__header {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 2.75rem);
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.kongre-page__title {
  margin: 0 0 1.25rem;
  font-family: var(--font-display, Georgia, "Times New Roman", serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: 1.15;
  color: var(--color-navy, #0a2540);
  scroll-margin-top: var(--header-reserve);
}

.kongre-page__intro {
  margin: 0 auto 0.65rem;
  max-width: 63rem;
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  line-height: 1.6;
  color: #333;
}

.kongre-filters {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.kongre-filters__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.kongre-filters__btn {
  padding: 0.35rem 0.15rem;
  border: none;
  background: none;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #555;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}

.kongre-filters__btn:hover,
.kongre-filters__btn:focus-visible {
  color: var(--color-navy, #0a2540);
}

.kongre-filters__btn.is-active {
  color: #000;
  border-bottom-color: #000;
}

.kongre-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.kongre-table {
  width: 100%;
  min-width: 52rem;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.kongre-table thead th {
  padding: 0.85rem 0.65rem;
  background: #e8e8e8;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  color: #111;
  border-bottom: 1px solid #ccc;
}

.kongre-table td {
  padding: 0.85rem 0.65rem;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
  color: #333;
  line-height: 1.45;
}

.kongre-table__row--alt td {
  background: #f7f7f7;
}

.kongre-table__cell--name {
  font-weight: 700;
  color: #8b1538;
  font-size: 0.9rem;
}

.kongre-table__apply-btn {
  display: inline-block;
  padding: 0.5rem 0.85rem;
  border: none;
  border-radius: 6px;
  background: #3cb878;
  color: #fff;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s, transform 0.15s;
}

.kongre-table__apply-btn:hover {
  background: #34a56a;
}

.kongre-table__apply-btn:focus-visible {
  outline: 2px solid var(--color-navy, #0a2540);
  outline-offset: 2px;
}

.kongre-page__empty {
  margin-top: 1.5rem;
  text-align: center;
  color: #666;
}

body.kongre-modal-open {
  overflow: hidden;
}

.kongre-apply-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.kongre-apply-modal[hidden] {
  display: none !important;
}

.kongre-apply-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.kongre-apply-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 28rem);
  max-height: min(92vh, 40rem);
  overflow-y: auto;
  padding: 1.25rem 1.5rem 1.5rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

.kongre-apply-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.kongre-apply-modal__label {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.kongre-apply-modal__close {
  border: none;
  background: none;
  font-size: 1.5rem;
  line-height: 1;
  color: #333;
  cursor: pointer;
  padding: 0.15rem 0.35rem;
}

.kongre-apply-modal__event {
  margin: 0 0 1.25rem;
  text-align: center;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.35;
  color: #111;
}

.kongre-apply-form__field {
  margin: 0 0 1rem;
}

.kongre-apply-form__label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
  font-weight: 500;
}

.kongre-apply-form__input,
.kongre-apply-form__textarea {
  width: 100%;
  padding: 0.6rem 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font: inherit;
  font-size: 1rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

.kongre-apply-form__textarea {
  resize: vertical;
  min-height: 5rem;
}

.kongre-apply-form__status {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}

.kongre-apply-form__status--success {
  color: #1a7f4a;
}

.kongre-apply-form__status--error {
  color: #b42318;
}

.bayilik-form__status,
.contact-form__status {
  margin: 0 0 0.75rem;
  font-size: 0.9rem;
}

.bayilik-form__status--success,
.contact-form__status--success {
  color: #1a7f4a;
}

.bayilik-form__status--error,
.contact-form__status--error {
  color: #b42318;
}

.kongre-apply-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-top: 0.5rem;
}

.kongre-apply-modal__cancel {
  border: none;
  background: none;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  color: #111;
}

.kongre-apply-modal__submit {
  padding: 0.65rem 1.25rem;
  border: none;
  border-radius: 6px;
  background: #3cb878;
  color: #fff;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}

.kongre-apply-modal__submit:hover {
  background: #34a56a;
}

.kongre-apply-modal__submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

@media (max-width: 719px) {
  .kongre-filters__btn {
    font-size: 0.65rem;
  }

  .kongre-table {
    font-size: 0.8rem;
  }
}

/* —— Medicaline Akademi: kullanıcı menüsü + hesap —— */
.akademi-login-link--hidden {
  display: none !important;
}

/* Sepet + profil — sabit sağ üst grubu */
.akademi-commerce-fabs {
  position: fixed;
  top: max(0.85rem, env(safe-area-inset-top, 0px));
  right: max(0.85rem, env(safe-area-inset-right, 0px));
  z-index: 1200;
  display: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.65rem;
}

.is-akademi-commerce .akademi-commerce-fabs,
.has-akademi-profile-fab .akademi-commerce-fabs {
  display: flex;
}

.akademi-commerce-fabs__profile,
.akademi-commerce-fabs__cart {
  display: flex;
  justify-content: flex-end;
  overflow: visible;
}

.akademi-commerce-fabs {
  overflow: visible;
}

.akademi-commerce-fabs .akademi-cart-fab {
  position: static;
  top: auto;
  right: auto;
  display: block;
}

.akademi-user-menu {
  position: relative;
  z-index: 12;
}

.akademi-user-menu__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  max-width: min(16rem, 42vw);
  margin: 0;
  padding: 0.35rem 0.55rem 0.35rem 0.4rem;
  border: 1px solid rgba(48, 121, 181, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.akademi-user-menu__trigger:hover,
.akademi-user-menu__trigger:focus-visible {
  border-color: rgba(48, 121, 181, 0.45);
  box-shadow: 0 4px 18px rgba(24, 52, 78, 0.1);
}

.akademi-user-menu__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: linear-gradient(145deg, #3d8fc4, var(--brand));
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.akademi-user-menu__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.akademi-user-menu__chevron {
  flex-shrink: 0;
  font-size: 0.72rem;
  opacity: 0.65;
  transition: transform 0.2s ease;
}

.akademi-user-menu.is-open .akademi-user-menu__chevron {
  transform: rotate(180deg);
}

.akademi-user-menu__dropdown {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  min-width: 12.5rem;
  padding: 0.35rem;
  border: 1px solid rgba(48, 121, 181, 0.14);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: 0 14px 40px rgba(15, 28, 46, 0.14);
}

.akademi-user-menu__link,
.akademi-user-menu__logout {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0.62rem 0.75rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 0.88rem;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.akademi-user-menu__link:hover,
.akademi-user-menu__link:focus-visible,
.akademi-user-menu__logout:hover,
.akademi-user-menu__logout:focus-visible {
  background: rgba(48, 121, 181, 0.08);
}

.akademi-user-menu__logout {
  margin-top: 0.2rem;
  border-top: 1px solid rgba(48, 121, 181, 0.1);
  color: #8b3a3a;
  font-weight: 500;
}

/* Header sağ üst — sadece avatar (header yüksekliğini büyütmez) */
.akademi-user-menu--toolbar {
  flex-shrink: 0;
  align-self: center;
  margin: 0 0.15rem 0 0;
}

.akademi-user-menu--toolbar .akademi-user-menu__trigger {
  width: 2.25rem;
  height: 2.25rem;
  max-width: none;
  padding: 0;
  gap: 0;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(48, 121, 181, 0.22);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: none;
}

.site-header--solid .akademi-user-menu--toolbar .akademi-user-menu__trigger {
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.akademi-user-menu--toolbar .akademi-user-menu__trigger:hover,
.akademi-user-menu--toolbar .akademi-user-menu__trigger:focus-visible {
  transform: none;
  box-shadow: 0 2px 10px rgba(24, 52, 78, 0.12);
}

.site-header--solid .akademi-user-menu--toolbar .akademi-user-menu__trigger:hover,
.site-header--solid .akademi-user-menu--toolbar .akademi-user-menu__trigger:focus-visible {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.5);
}

.akademi-user-menu--toolbar .akademi-user-menu__name,
.akademi-user-menu--toolbar .akademi-user-menu__chevron {
  display: none !important;
}

.akademi-user-menu--toolbar .akademi-user-menu__avatar {
  width: 100%;
  height: 100%;
  font-size: 0.65rem;
  background: linear-gradient(145deg, #3d8fc4, var(--brand));
}

.akademi-user-menu--toolbar .akademi-user-menu__dropdown {
  top: calc(100% + 0.4rem);
  right: 0;
  min-width: 12.5rem;
}

@media (min-width: 901px) {
  .site-header__center .akademi-user-menu--drawer {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .akademi-user-menu--toolbar {
    display: none !important;
  }
}

/* Hamburger menü içi profil */
.akademi-user-menu--drawer {
  width: 100%;
  margin: 0 0 0.35rem;
  padding: 0 0 0.5rem;
  border-bottom: 1px solid rgba(48, 121, 181, 0.12);
}

.ama-nav__scroll .akademi-user-menu--drawer {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.akademi-user-menu--drawer .akademi-user-menu__trigger {
  width: 100%;
  max-width: none;
  justify-content: flex-start;
  padding: 0.5rem 0.65rem;
  border-radius: 10px;
  font-size: 0.8rem;
}

.akademi-user-menu--drawer .akademi-user-menu__avatar {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.65rem;
}

.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__trigger {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #f4f8fb;
}

.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__trigger:hover,
.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__trigger:focus-visible {
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.14);
}

.akademi-user-menu--drawer .akademi-user-menu__dropdown {
  position: static;
  width: 100%;
  margin-top: 0.35rem;
  box-shadow: none;
  border: 1px solid rgba(48, 121, 181, 0.12);
  background: rgba(48, 121, 181, 0.04);
}

.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__dropdown {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.12);
}

.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__link {
  color: #fff;
}

.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__link:hover,
.ama-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__link:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}

.main-nav__scroll .akademi-user-menu--drawer {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__trigger {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.08);
  color: #f4f8fb;
}

.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__trigger:hover,
.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__trigger:focus-visible {
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(255, 255, 255, 0.14);
}

.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__dropdown {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.12);
}

.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__link {
  color: #fff;
}

.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__link:hover,
.main-nav__scroll .akademi-user-menu--drawer .akademi-user-menu__link:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}

.akademi-user-menu--drawer.is-open .akademi-user-menu__dropdown {
  display: block;
}

/* Sepet yanında yuvarlak profil */
.akademi-user-menu--fab .akademi-user-menu__trigger {
  width: 3.25rem;
  height: 3.25rem;
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  border: none;
  background: var(--brand);
  color: #fff;
  box-shadow: 0 4px 18px rgba(48, 121, 181, 0.4);
}

.akademi-user-menu--fab .akademi-user-menu__trigger:hover,
.akademi-user-menu--fab .akademi-user-menu__trigger:focus-visible {
  transform: scale(1.04);
  box-shadow: 0 6px 22px rgba(48, 121, 181, 0.48);
}

.akademi-user-menu--fab .akademi-user-menu__avatar {
  width: 100%;
  height: 100%;
  font-size: 0.95rem;
  background: transparent;
}

.akademi-user-menu--fab {
  overflow: visible;
}

.akademi-user-menu--fab.is-open {
  z-index: 1201;
}

.akademi-user-menu--fab .akademi-user-menu__dropdown {
  top: 50%;
  right: calc(100% + 0.5rem);
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
  min-width: 13rem;
  z-index: 2;
}

@media (max-width: 899px) {
  .akademi-user-menu--fab .akademi-user-menu__dropdown {
    top: calc(100% + 0.45rem);
    right: 0;
    left: auto;
    bottom: auto;
    transform: none;
    min-width: min(13rem, calc(100vw - 2 * max(0.85rem, env(safe-area-inset-right, 0px))));
  }
}

@media (max-width: 640px) {
  .akademi-user-menu--drawer .akademi-user-menu__name {
    display: inline;
  }
}

/* Akademi hesap sayfası */
.page-akademi-account {
  scroll-padding-top: var(--site-header-h, var(--header-reserve));
}

.akademi-account {
  padding: calc(var(--site-header-h, var(--header-reserve)) + clamp(1.5rem, 4vw, 2.75rem))
    clamp(16px, 4vw, 40px)
    clamp(3rem, 8vw, 4.5rem);
  background: var(--intro-surface);
  scroll-margin-top: var(--site-header-h, var(--header-reserve));
}

.akademi-account__inner {
  max-width: 920px;
  margin: 0 auto;
}

.akademi-account__hero {
  margin-bottom: clamp(1.25rem, 3vw, 1.75rem);
}

.akademi-account__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--brand);
}

.akademi-account__title {
  margin: 0 0 0.5rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1.75rem, 3.5vw, 2.35rem);
  font-weight: 700;
  color: var(--text);
  line-height: 1.15;
}

.akademi-account__lead {
  margin: 0;
  max-width: 42rem;
  font-size: clamp(0.92rem, 1.5vw, 1.02rem);
  line-height: 1.6;
  color: var(--text-muted);
}

.akademi-account__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.15rem, 3vw, 1.5rem);
}

.akademi-account__tab {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(48, 121, 181, 0.18);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 500;
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease;
}

.akademi-account__tab:hover,
.akademi-account__tab:focus-visible {
  border-color: rgba(48, 121, 181, 0.4);
  color: var(--brand);
}

.akademi-account__tab.is-active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.akademi-account__panel {
  padding: clamp(1.15rem, 3vw, 1.65rem);
  border: 1px solid rgba(48, 121, 181, 0.1);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: 0 4px 22px rgba(24, 52, 78, 0.06);
}

.akademi-account__panel[hidden] {
  display: none !important;
}

.akademi-account__panel-head {
  margin-bottom: clamp(1rem, 2.5vw, 1.35rem);
}

.akademi-account__panel-title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.15rem, 2.2vw, 1.35rem);
  font-weight: 700;
  color: var(--text);
}

.akademi-account__panel-desc {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--text-muted);
}

.akademi-profile-form__status {
  margin: 0 0 0.5rem;
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  background: rgba(48, 121, 181, 0.1);
  color: var(--brand);
  font-size: 0.9rem;
}

.akademi-profile-form .bayilik-form__label {
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 0.35rem;
  padding: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  font-size: 0.88rem;
  font-weight: 600;
  color: #3d5166;
}

.akademi-profile-form .bayilik-form__field {
  margin-bottom: 1rem;
}

.akademi-orders-list {
  display: grid;
  gap: 1rem;
}

.akademi-orders-list__empty {
  margin: 0;
  padding: 1.25rem 0;
  color: var(--text-muted);
  text-align: center;
}

.akademi-order-card {
  padding: clamp(0.95rem, 2.5vw, 1.15rem);
  border: 1px solid rgba(48, 121, 181, 0.12);
  border-radius: 12px;
  background: #fafbfc;
}

.akademi-order-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-bottom: 0.85rem;
}

.akademi-order-card__id {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text);
}

.akademi-order-card__date {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-muted);
}

.akademi-order-card__status {
  margin-left: auto;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.akademi-order-card__status--hazirlaniyor,
.akademi-order-card__status--onay_bekliyor {
  background: rgba(48, 121, 181, 0.12);
  color: var(--brand);
}

.akademi-order-card__status--kargoda {
  background: rgba(201, 169, 98, 0.2);
  color: #7a5a12;
}

.akademi-order-card__status--teslim_edildi {
  background: rgba(46, 125, 82, 0.14);
  color: #2e6b45;
}

.akademi-order-card__status--iptal {
  background: rgba(139, 58, 58, 0.12);
  color: #8b3a3a;
}

.akademi-order-card__items {
  margin: 0 0 0.75rem;
  padding: 0;
  list-style: none;
}

.akademi-order-card__line {
  padding: 0.35rem 0;
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--text);
  border-bottom: 1px solid rgba(48, 121, 181, 0.08);
}

.akademi-order-card__line:last-child {
  border-bottom: 0;
}

.akademi-order-card__foot {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
}

/* Blog */
.page-blog .site-header {
  background-color: #2a4a66;
  background-image: url("images/arkaplaneader.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.page-blog .site-header__logo-img--theme {
  display: none;
}

.page-blog .site-header__logo-img--solid {
  display: block;
}

.page-blog .site-header__menu-toggle {
  color: #fff;
}

.page-blog .site-header__menu-toggle:focus-visible {
  outline-color: #fff;
}

.page-blog #main {
  background: #fff;
}

.blog-page {
  padding: calc(var(--header-reserve) + clamp(1.25rem, 3vw, 2rem))
    clamp(1rem, 4vw, 2.5rem)
    clamp(4rem, 8vw, 6rem);
  background: #fff;
  overflow-x: clip;
}

.blog-page__inner {
  max-width: 72rem;
  margin: 0 auto;
  min-width: 0;
}

.blog-page__header {
  text-align: center;
  margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
}

.blog-page__title {
  margin: 0 0 0.75rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1.85rem, 3.6vw, 2.45rem);
  font-weight: 700;
  color: var(--brand);
  letter-spacing: 0.02em;
  line-height: 1.15;
}

.blog-page__intro {
  margin: 0 auto;
  max-width: 36rem;
  color: var(--text-muted);
  font-size: clamp(0.92rem, 1.35vw, 1.02rem);
  line-height: 1.62;
}

.blog-toolbar__back {
  margin-top: 0;
  align-self: flex-start;
}

.blog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2.5vw, 1.5rem);
  perspective: 1400px;
}

.blog-grid.blog-grid--awaiting-reveal .blog-card {
  opacity: 0;
}

.page-blog .blog-card.blog-reveal {
  opacity: 0;
}

.page-blog .blog-card.blog-reveal.is-revealed {
  animation: blog-card-enter 0.9s cubic-bezier(0.16, 1, 0.32, 1) both;
  animation-delay: var(--blog-reveal-delay, 0s);
}

@keyframes blog-card-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 32px, -80px) scale(0.92);
    filter: blur(12px);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
  }
}

@media (min-width: 640px) {
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .blog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1.15rem, 2.2vw, 1.75rem);
  }
}

.blog-card {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--surface);
  border: 1px solid rgba(48, 121, 181, 0.12);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(15, 28, 46, 0.06);
  cursor: pointer;
  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    border-color 0.24s ease;
  -webkit-tap-highlight-color: transparent;
}

.blog-card:hover,
.blog-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(48, 121, 181, 0.28);
  box-shadow: 0 14px 36px rgba(15, 28, 46, 0.1);
  outline: none;
}

.blog-card.is-active {
  border-color: var(--brand);
}

.blog-card__media {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #e8eaef;
  line-height: 0;
}

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

.blog-card__title {
  margin: 0;
  padding: clamp(0.85rem, 2vw, 1.05rem) clamp(0.9rem, 2.2vw, 1.15rem) clamp(1rem, 2.4vw, 1.2rem);
  font-family: var(--font-hero-title);
  font-size: clamp(0.92rem, 1.55vw, 1.05rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.015em;
  text-align: center;
  color: var(--text);
}

.blog-page.is-blog-detail-open .blog-page__header,
.blog-page.is-blog-detail-open .blog-grid {
  display: none;
}

.blog-detail[hidden] {
  display: none !important;
}

.blog-detail:not([hidden]) {
  display: block;
}

.blog-detail .bioskin-product-detail__figure {
  border: none;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

.blog-detail__date {
  margin: 0 0 0.65rem;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.blog-detail .bioskin-product-detail__desc p {
  margin: 0 0 1rem;
}

.blog-detail .bioskin-product-detail__desc .blog-detail__subheading {
  margin: 1.35rem 0 0.55rem;
  font-family: var(--font-hero-title);
  font-size: clamp(1rem, 1.65vw, 1.12rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--brand);
}

.blog-detail .bioskin-product-detail__desc .blog-detail__subheading:first-child {
  margin-top: 0;
}

.blog-detail .bioskin-product-detail__desc p:last-child {
  margin-bottom: 0;
}

.blog-grid__error {
  grid-column: 1 / -1;
  margin: 0;
  padding: 1.25rem 1rem;
  text-align: center;
  color: var(--text-muted);
  font-size: 0.95rem;
  line-height: 1.5;
}

@media (max-width: 899px) {
  .blog-detail .bioskin-product-detail__split {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(0.5rem, 2vw, 1rem) 0;
  }

  .blog-detail .bioskin-product-detail__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .blog-detail .bioskin-product-detail__figure {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .blog-detail .bioskin-product-detail__img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  .blog-detail .bioskin-product-detail__heading {
    font-size: clamp(1.1rem, 4.5vw, 1.35rem);
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  .blog-detail .bioskin-product-detail__desc {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 639px) {
  .blog-page {
    padding-top: calc(var(--header-reserve) + 1rem);
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
    padding-bottom: max(2.75rem, env(safe-area-inset-bottom, 0px));
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
  }

  .blog-page__header {
    margin-bottom: 1.35rem;
  }

  .blog-page__title {
    font-size: clamp(1.65rem, 7vw, 2rem);
  }

  .blog-page__intro {
    max-width: none;
    font-size: 0.92rem;
    padding-inline: 0.15rem;
  }

  .blog-card__title {
    font-size: 0.98rem;
    line-height: 1.45;
    padding: 0.85rem 0.95rem 1rem;
  }

  .blog-toolbar.bioskin-product-toolbar:not([hidden]) {
    margin-bottom: 0.75rem;
  }

  .blog-toolbar__back {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }

  .blog-detail:not([hidden]) {
    scroll-margin-top: calc(var(--header-reserve) + 8px);
  }

  .blog-detail .bioskin-product-detail__desc .blog-detail__subheading {
    font-size: 1rem;
    margin-top: 1.15rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-blog .blog-card.blog-reveal,
  .page-blog .blog-card.blog-reveal.is-revealed {
    opacity: 1;
    animation: none;
    transform: none;
    filter: none;
  }

  .blog-card {
    transition: border-color 0.2s ease;
  }

  .blog-card:hover,
  .blog-card:focus-visible {
    transform: none;
  }
}

/* —— Medicaline Akademi üyelik —— */
.akademi-login-modal__register-link {
  display: block;
  margin-top: 0.65rem;
  font-weight: 600;
  color: #3079b5;
  text-decoration: none;
}

.akademi-login-modal__register-link:hover,
.akademi-login-modal__register-link:focus-visible {
  text-decoration: underline;
  outline: none;
}

.akademi-login-form__forgot,
.akademi-login-form__back {
  margin: -0.15rem 0 0.85rem;
  text-align: right;
}

.akademi-login-form__back {
  margin-top: 0.75rem;
  text-align: center;
}

.akademi-login-form__forgot-link {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 600;
  color: #3079b5;
  cursor: pointer;
  text-decoration: underline;
}

.akademi-login-form__forgot-link:hover,
.akademi-login-form__forgot-link:focus-visible {
  color: #0d2137;
  outline: none;
}

.akademi-login-form__success {
  margin: 0 0 1rem;
  padding: 0.75rem 0.9rem;
  border-radius: 8px;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #1f6b3f;
  background: #eaf7ef;
  border: 1px solid #b8e0c6;
}

.akademi-register,
.akademi-admin {
  padding: clamp(5rem, 11vw, 6.5rem) 1.25rem clamp(4rem, 10vw, 5.5rem);
  background: linear-gradient(180deg, #f4f8fc 0%, #fff 42%);
}

.akademi-register__inner,
.akademi-admin__inner {
  max-width: 52rem;
  margin-inline: auto;
}

.akademi-register__hero,
.akademi-admin__hero {
  margin-bottom: 1.5rem;
  text-align: center;
}

.akademi-register__eyebrow,
.akademi-admin__eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3079b5;
}

.akademi-register__title,
.akademi-admin__title {
  margin: 0 0 0.65rem;
  font-size: clamp(1.65rem, 4vw, 2.2rem);
  font-weight: 700;
  color: #0d2137;
}

.akademi-register__lead,
.akademi-admin__lead {
  margin: 0 auto;
  max-width: 38rem;
  font-size: 1rem;
  line-height: 1.55;
  color: #3d5166;
}

.akademi-register__panel {
  padding: 1.35rem 1.25rem 1.5rem;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 60px rgb(13 33 55 / 0.08);
}

.akademi-register-form__hint {
  margin: 0 0 1rem;
  font-size: 0.88rem;
  color: #5a6d7e;
}

.akademi-register-form__req {
  color: #c0392b;
}

.akademi-register-form .bayilik-form__label {
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 0.35rem;
  padding: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  font-size: 0.88rem;
  font-weight: 600;
  color: #3d5166;
}

.akademi-register-form .bayilik-form__field {
  margin-bottom: 1rem;
}

.akademi-register-form__date:not(:focus):invalid {
  color: #8a8f96;
}

.akademi-register-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem;
}

.akademi-register-form__field--full {
  grid-column: 1 / -1;
}

.akademi-register-form__success {
  margin: 0.75rem 0 0;
  padding: 0.75rem 0.9rem;
  border-radius: 8px;
  background: #e8f5ee;
  color: #1f5f3f;
  font-size: 0.92rem;
  line-height: 1.5;
}

.akademi-register-form__footer {
  margin: 1rem 0 0;
  text-align: center;
  font-size: 0.9rem;
  color: #5a6d7e;
}

.akademi-register-form__footer a {
  color: #3079b5;
  font-weight: 600;
  text-decoration: none;
}

.akademi-register-form__footer a:hover,
.akademi-register-form__footer a:focus-visible {
  text-decoration: underline;
}

.akademi-admin__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.akademi-admin__filter {
  border: 1px solid #d5e2ee;
  border-radius: 999px;
  padding: 0.45rem 0.95rem;
  background: #fff;
  color: #3d5166;
  font: inherit;
  font-size: 0.88rem;
  cursor: pointer;
}

.akademi-admin__filter.is-active {
  border-color: #3079b5;
  background: #3079b5;
  color: #fff;
}

.akademi-admin__list {
  display: grid;
  gap: 1rem;
}

.akademi-admin__empty,
.akademi-admin__gate {
  margin: 0;
  text-align: center;
  color: #5a6d7e;
}

.akademi-admin__gate-panel {
  max-width: 28rem;
  margin: 0 auto 2rem;
  padding: 1.5rem 1.35rem;
  border: 1px solid #e3ebf3;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 32px rgb(13 33 55 / 0.06);
}

.akademi-admin__gate-panel .akademi-admin__section-title {
  margin-bottom: 0.5rem;
  text-align: center;
}

.akademi-admin__gate-panel .akademi-admin__section-lead {
  margin-bottom: 1.25rem;
  text-align: center;
}

.akademi-admin__login-form .bayilik-form__actions {
  margin-top: 0.5rem;
}

.akademi-admin-card {
  padding: 1.1rem 1.15rem;
  border: 1px solid #e3ebf3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 28px rgb(13 33 55 / 0.05);
}

.akademi-admin-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-bottom: 0.85rem;
}

.akademi-admin-card__name {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0d2137;
}

.akademi-admin-card__status {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  background: #fff4e5;
  color: #9a5b00;
  font-size: 0.78rem;
  font-weight: 600;
}

.akademi-admin-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 1rem;
  margin: 0;
}

.akademi-admin-card__meta div {
  margin: 0;
}

.akademi-admin-card__meta dt {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #7a8d9e;
}

.akademi-admin-card__meta dd {
  margin: 0.15rem 0 0;
  font-size: 0.92rem;
  color: #243647;
}

.akademi-admin-card__actions {
  margin-top: 0.9rem;
  padding-top: 0.85rem;
  border-top: 1px solid #edf2f7;
}

.akademi-admin-card__action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.akademi-admin-card__approve {
  border: none;
  border-radius: 8px;
  padding: 0.55rem 1rem;
  background: #3079b5;
  color: #fff;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

.akademi-admin-card__approve:hover,
.akademi-admin-card__approve:focus-visible {
  background: #25669a;
  outline: none;
}

.akademi-admin-card__reject {
  border: 1px solid #d64545;
  border-radius: 8px;
  padding: 0.55rem 1rem;
  background: #fff;
  color: #c0392b;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
}

.akademi-admin-card__reject:hover,
.akademi-admin-card__reject:focus-visible {
  background: #fdecea;
  outline: none;
}

.akademi-admin-card__status--rejected {
  background: #fdecea;
  color: #c0392b;
}

.akademi-admin-card__note {
  margin: 0;
  font-size: 0.85rem;
  color: #5a6d7e;
}

.akademi-admin__inner--wide {
  max-width: 72rem;
}

.akademi-admin__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.akademi-admin__tab {
  padding: 0.55rem 1.1rem;
  border: 1px solid #d8e4ef;
  border-radius: 999px;
  background: #fff;
  color: #3d5166;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.akademi-admin__tab.is-active {
  background: #3079b5;
  border-color: #3079b5;
  color: #fff;
}

.akademi-admin__section {
  display: none;
}

.akademi-admin__section.is-active {
  display: block;
}

.akademi-admin__section-title {
  margin: 0 0 0.5rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: #0d2137;
}

.akademi-admin__section-lead,
.akademi-admin__sync-hint {
  margin: 0 0 1rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #5a6d7e;
}

.akademi-admin__sync-hint a {
  color: #3079b5;
  font-weight: 600;
}

.akademi-admin__catalog-actions {
  margin: 0 0 1rem;
}

.akademi-admin__pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.akademi-admin__pricing-block {
  padding: 1rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 40px rgb(13 33 55 / 0.06);
}

.akademi-admin__pricing-heading {
  margin: 0 0 0.85rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0d2137;
}

.akademi-admin__pricing-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  max-height: 28rem;
  overflow: auto;
}

.akademi-admin__price-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(5.5rem, 1fr)) auto;
  gap: 0.5rem;
  align-items: center;
  padding: 0.55rem 0.65rem;
  border-radius: 8px;
  background: #f7fafc;
}

.akademi-admin__price-row--product {
  grid-template-columns: minmax(0, 1.5fr) minmax(5rem, 0.9fr) minmax(4.5rem, 0.8fr) minmax(4.5rem, 0.8fr) auto;
}

.akademi-admin__price-label {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 600;
  color: #0d2137;
}

.akademi-admin__price-sub {
  margin: 0.15rem 0 0;
  font-size: 0.75rem;
  color: #7a8fa3;
}

.akademi-admin__price-input {
  width: 100%;
  padding: 0.45rem 0.55rem;
  border: 1px solid #d8e4ef;
  border-radius: 6px;
  font-size: 0.85rem;
}

.akademi-admin__price-save,
.akademi-admin-card__ship {
  padding: 0.45rem 0.85rem;
  border: none;
  border-radius: 6px;
  background: #3079b5;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}

.akademi-admin-card__ship:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.akademi-admin-order-card {
  padding: 1rem 1.1rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 40px rgb(13 33 55 / 0.06);
}

.akademi-admin-order-card__head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.akademi-admin-order-card__id {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0d2137;
}

.akademi-admin-order-card__meta {
  margin: 0;
  font-size: 0.85rem;
  color: #5a6d7e;
}

.akademi-admin-order-card__items {
  margin: 0 0 0.85rem;
  padding-left: 1.1rem;
  font-size: 0.88rem;
  color: #3d5166;
}

.akademi-admin-order-card__ship {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 0.5rem;
  align-items: end;
}

.akademi-admin-order-card__ship label {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #5a6d7e;
}

.akademi-admin-order-card__shipped {
  margin: 0;
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  background: #eaf6ee;
  font-size: 0.85rem;
  color: #1e6b3a;
}

.akademi-order-card__shipping {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #1e6b3a;
}

.akademi-logistics-search {
  margin: 0 0 1.25rem;
}

.akademi-logistics-search__label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-muted);
}

.akademi-logistics-search__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.akademi-logistics-search__row .akademi-admin__price-input {
  flex: 1 1 12rem;
  min-width: 0;
}

.akademi-admin-order-card__cancelled {
  margin: 0.75rem 0 0;
  padding: 0.65rem 0.85rem;
  border-radius: 0.5rem;
  background: #fdecec;
  font-size: 0.85rem;
  color: #9b1c1c;
}

.akademi-admin-order-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0;
  align-items: center;
}

.akademi-admin-card__cancel {
  border: 1px solid #c62828;
  background: #fff;
  color: #c62828;
  border-radius: 999px;
  padding: 0.45rem 1rem;
  font: inherit;
  cursor: pointer;
}

.akademi-admin-card__cancel:hover {
  background: #fdecec;
}

.akademi-admin-order-card__cancel-field {
  grid-column: 1 / -1;
}

.akademi-admin-order-card__actions {
  grid-column: 1 / -1;
}

.akademi-admin-order-card__cancel-field label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-muted);
}

.akademi-admin-order-card__cancel-input {
  width: 100%;
  min-height: 4.5rem;
  resize: vertical;
}

.akademi-admin-order-card__cancel-reason {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #9b1c1c;
}

.akademi-order-card__cancel-reason {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: #9b1c1c;
}

@media (max-width: 900px) {
  .akademi-admin__pricing-grid,
  .akademi-admin-order-card__ship,
  .akademi-admin__price-row,
  .akademi-admin__price-row--product {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .akademi-register-form__grid,
  .akademi-admin-card__meta {
    grid-template-columns: 1fr;
  }
}

.page-yasal #main {
  background: #fff;
}

.legal-page {
  max-width: 48rem;
  text-align: left;
}

.legal-page__header {
  margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
  text-align: center;
}

.legal-page__header h1 {
  text-align: center;
}

.legal-page__intro {
  margin: 0 auto 0.75rem;
  max-width: 38rem;
  color: var(--text-muted);
  font-size: clamp(0.92rem, 1.35vw, 1.02rem);
  line-height: 1.62;
  text-align: center;
}

.legal-page__updated {
  margin: 0 0 1.25rem;
  color: var(--text-muted);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-align: center;
}

.legal-page__toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem 0.65rem;
}

.legal-page__toc li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.legal-page__toc li + li::before {
  content: "·";
  margin-right: 0.65rem;
  color: rgba(42, 74, 102, 0.45);
  font-weight: 700;
  line-height: 1;
}

.legal-page__toc a {
  display: inline;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: clamp(0.88rem, 1.3vw, 0.96rem);
  font-weight: 500;
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease;
}

.legal-page__toc a:hover,
.legal-page__toc a:focus-visible {
  background: transparent;
  border: none;
  color: #1a3348;
  outline: none;
}

.legal-section {
  scroll-margin-top: calc(var(--header-reserve) + 0.75rem);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid rgba(42, 74, 102, 0.12);
  text-align: left;
}

.legal-section:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.legal-page .legal-section h2 {
  margin: 0 0 0.85rem;
  text-align: left;
}

.legal-page h3 {
  font-family: var(--font-hero-title);
  font-size: clamp(1.02rem, 1.8vw, 1.15rem);
  font-weight: 700;
  color: var(--text);
  margin: 1.5rem 0 0.6rem;
  line-height: 1.3;
  text-align: left;
}

.legal-page p {
  text-align: left;
  text-wrap: pretty;
}

.legal-section ul,
.legal-section ol {
  margin: 0 0 1rem;
  padding-left: 1.4rem;
  color: var(--text);
  line-height: 1.68;
  font-size: clamp(0.94rem, 1.35vw, 1.02rem);
  list-style-position: outside;
}

.legal-section ul {
  list-style-type: disc;
}

.legal-section ol {
  list-style-type: decimal;
}

.legal-section li {
  padding-left: 0.15rem;
}

.legal-section li::marker {
  color: rgba(42, 74, 102, 0.72);
}

.legal-section li + li {
  margin-top: 0.4rem;
}

.legal-page__contact {
  margin: 0 0 1rem;
  padding: 0;
  font-style: normal;
  line-height: 1.75;
  text-align: left;
}

.legal-page__contact a {
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.legal-page a {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.legal-page a:hover,
.legal-page a:focus-visible {
  color: #1a3348;
}