/* ==========================================================================
   eczanet.com — site stili
   Renk tokenları ve içerik bileşenleri RxMediaPharma Yardım Merkezi ile ortaktır
   (helpWeb/assets/help.css). Bu dosyanın sonundaki bölüm siteye özel yerleşimdir.
   ========================================================================== */

:root {
  color-scheme: light;
  --rx-red: #c1272d;
  --rx-red-strong: #a11d23;

  --bg: #ffffff;
  --bg-soft: #f7f7f9;
  --surface: #ffffff;
  --surface-2: #f3f3f6;
  --surface-3: #ebebf0;
  --border: #e4e4ea;
  --border-strong: #d2d2db;

  --text: #1a1c21;
  --text-2: #464b56;
  --text-3: #6b717d;

  --accent: #c1272d;
  --accent-text: #a51f25;
  --accent-soft: #fdf1f1;
  --accent-ring: rgba(193, 39, 45, .28);

  --note: #2457c5;
  --note-soft: #eef3fd;
  --warn: #9a5b00;
  --warn-soft: #fff6e6;
  --danger: #b4232a;
  --danger-soft: #fdeeee;
  --ok: #19794a;
  --ok-soft: #ebf7f0;

  --icon-tile: #f4f2f7;
  --mark: #ffe48a;
  --mark-text: #1a1c21;

  --shadow-sm: 0 1px 2px rgba(20, 22, 30, .06);
  --shadow-md: 0 4px 16px rgba(20, 22, 30, .08), 0 1px 3px rgba(20, 22, 30, .06);
  --shadow-lg: 0 24px 64px rgba(20, 22, 30, .22);

  --radius: 14px;
  --radius-sm: 9px;
  --header-h: 68px;
  --wrap-w: 1200px;
  --side-w: 250px;
  --content-w: 780px;

  --font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #111317;
    --bg-soft: #15181d;
    --surface: #181b21;
    --surface-2: #1f232a;
    --surface-3: #272c34;
    --border: #2a2f37;
    --border-strong: #3a404a;
    --text: #eceef2;
    --text-2: #b8bdc7;
    --text-3: #8b919d;
    --accent: #ef5b61;
    --accent-text: #ff8a8f;
    --accent-soft: rgba(239, 91, 97, .12);
    --accent-ring: rgba(239, 91, 97, .35);
    --note: #8db2ff;
    --note-soft: rgba(110, 155, 255, .12);
    --warn: #f4bd5c;
    --warn-soft: rgba(244, 189, 92, .11);
    --danger: #ff8a8f;
    --danger-soft: rgba(239, 91, 97, .12);
    --ok: #6fd3a0;
    --ok-soft: rgba(111, 211, 160, .11);
    --icon-tile: #e3e2e8;
    --mark: #6b5a17;
    --mark-text: #fff6d0;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, .35);
    --shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111317;
  --bg-soft: #15181d;
  --surface: #181b21;
  --surface-2: #1f232a;
  --surface-3: #272c34;
  --border: #2a2f37;
  --border-strong: #3a404a;
  --text: #eceef2;
  --text-2: #b8bdc7;
  --text-3: #8b919d;
  --accent: #ef5b61;
  --accent-text: #ff8a8f;
  --accent-soft: rgba(239, 91, 97, .12);
  --accent-ring: rgba(239, 91, 97, .35);
  --note: #8db2ff;
  --note-soft: rgba(110, 155, 255, .12);
  --warn: #f4bd5c;
  --warn-soft: rgba(244, 189, 92, .11);
  --danger: #ff8a8f;
  --danger-soft: rgba(239, 91, 97, .12);
  --ok: #6fd3a0;
  --ok-soft: rgba(111, 211, 160, .11);
  --icon-tile: #e3e2e8;
  --mark: #6b5a17;
  --mark-text: #fff6d0;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, .35);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .6);
}

/* ---------- Temel ---------- */

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-h) + 20px);
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  padding-top: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 16px/1.7 var(--font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; }
a { color: var(--accent-text); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
::selection { background: var(--accent-ring); }

kbd {
  display: inline-block;
  min-width: 1.6em;
  padding: 0 .4em;
  font: 600 .78em/1.7 var(--font);
  text-align: center;
  color: var(--text-2);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-bottom-width: 2px;
  border-radius: 5px;
}

.rx-skip {
  position: fixed; left: 12px; top: -60px; z-index: 100;
  padding: 8px 14px; border-radius: 8px;
  background: var(--accent); color: #fff; font-weight: 600; text-decoration: none;
}
.rx-skip:focus { top: 12px; color: #fff; }

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


/* ---------- Sayfa başlığı ---------- */

.rx-crumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  margin: 0 0 14px; padding: 0; list-style: none;
  font-size: 13.5px; color: var(--text-3);
}
.rx-crumbs a { color: var(--text-3); text-decoration: none; }
.rx-crumbs a:hover { color: var(--accent-text); }
.rx-crumbs li + li::before { content: "/"; margin-right: 6px; opacity: .5; }

.rx-pagehead { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 8px; }
.rx-pagehead .rx-tile { width: 56px; height: 56px; border-radius: 15px; }
.rx-pagehead .rx-tile img { width: 34px; height: 34px; }

.rx-tile {
  display: grid; place-items: center; flex-shrink: 0;
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--icon-tile);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .04);
}
.rx-tile img { width: 26px; height: 26px; }

.rx-doc h1 {
  margin: 4px 0 6px;
  font: 700 clamp(28px, 3.2vw, 36px)/1.15 var(--font-display);
  letter-spacing: -.02em;
}
.rx-lead { margin: 0 0 28px; font-size: 18px; line-height: 1.6; color: var(--text-2); }

/* ---------- Metin ---------- */

.rx-doc h2 {
  margin: 56px 0 14px; padding-top: 4px;
  font: 700 25px/1.25 var(--font-display); letter-spacing: -.015em;
}
.rx-doc h3 { margin: 36px 0 10px; font: 650 19px/1.35 var(--font-display); letter-spacing: -.005em; }
.rx-doc h4 { margin: 26px 0 8px; font: 650 16px/1.4 var(--font); color: var(--text); }
/* :where() önceliği düşürür; böylece liste bileşenleri (kartlar, ızgaralar) kendi boşluklarını korur */
.rx-doc :where(p, ul, ol) { margin: 0 0 16px; }
.rx-doc :where(ul, ol) { padding-left: 1.3em; }
.rx-doc li { margin-bottom: 6px; }
.rx-doc li::marker { color: var(--text-3); }
.rx-doc strong { font-weight: 650; }
.rx-doc hr { border: 0; border-top: 1px solid var(--border); margin: 40px 0; }
.rx-doc sup { line-height: 0; }

.rx-anchor {
  margin-left: 8px; color: var(--text-3); opacity: 0; text-decoration: none;
  font-weight: 400; transition: opacity .15s;
}
h2:hover .rx-anchor, h3:hover .rx-anchor, .rx-anchor:focus { opacity: 1; }

img.rx-inline {
  display: inline-block; vertical-align: -0.35em;
  max-height: 1.6em; width: auto; margin: 0 2px;
  padding: 2px; border-radius: 5px; background: var(--icon-tile);
}

/* ---------- Bileşenler ---------- */

/* Görsel / ekran görüntüsü */
.rx-shot { margin: 22px 0 26px; }
.rx-shot__frame {
  display: block; width: fit-content; max-width: 100%;
  padding: 0; margin: 0;
  background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  overflow: hidden; cursor: zoom-in; position: relative;
}
.rx-shot__frame img { display: block; }
.rx-shot__frame::after {
  content: ""; position: absolute; right: 10px; top: 10px;
  width: 32px; height: 32px; border-radius: 9px;
  background: rgba(20, 22, 28, .72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/16px no-repeat;
  opacity: 0; transition: opacity .15s;
}
.rx-shot__frame:hover::after, .rx-shot__frame:focus-visible::after { opacity: 1; }
.rx-shot figcaption { margin-top: 10px; font-size: 13.5px; color: var(--text-3); }
.rx-shot--center .rx-shot__frame { margin-inline: auto; }
.rx-shot--center figcaption { text-align: center; }

/* Yan yana: görsel + açıklama */
.rx-split { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; align-items: start; margin: 22px 0; }
.rx-split > .rx-shot { margin: 0; }

/* Uyarı kutuları */
.rx-callout {
  display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px;
  margin: 22px 0; padding: 14px 16px;
  border-radius: var(--radius-sm);
  background: var(--note-soft); color: var(--text);
  border: 1px solid color-mix(in srgb, var(--note) 22%, transparent);
  font-size: 15px; line-height: 1.6;
}
.rx-callout::before {
  content: ""; width: 20px; height: 20px; margin-top: 2px;
  background: var(--note);
  -webkit-mask: var(--ico) center/contain no-repeat; mask: var(--ico) center/contain no-repeat;
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E");
}
.rx-callout > * { margin: 0 !important; }
.rx-callout > * + * { margin-top: 8px !important; }
.rx-callout__title { display: block; margin-bottom: 2px; }
.rx-callout--warn { background: var(--warn-soft); border-color: color-mix(in srgb, var(--warn) 25%, transparent); }
.rx-callout--warn::before {
  background: var(--warn);
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20.5h20L12 3Z'/%3E%3Cpath d='M12 10v4.5M12 17.5v.01'/%3E%3C/svg%3E");
}
.rx-callout--danger { background: var(--danger-soft); border-color: color-mix(in srgb, var(--danger) 25%, transparent); }
.rx-callout--danger::before {
  background: var(--danger);
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20.5h20L12 3Z'/%3E%3Cpath d='M12 10v4.5M12 17.5v.01'/%3E%3C/svg%3E");
}
.rx-callout--tip { background: var(--ok-soft); border-color: color-mix(in srgb, var(--ok) 25%, transparent); }
.rx-callout--tip::before {
  background: var(--ok);
  --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E");
}

/* Bir bakışta kutucukları */
.rx-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 0 0 30px; }
.rx-fact {
  padding: 16px 18px; border-radius: var(--radius);
  background: var(--surface-2); border: 1px solid var(--border);
}
.rx-fact__value { display: block; font: 700 22px/1.2 var(--font-display); letter-spacing: -.01em; color: var(--text); }
.rx-fact__label { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.45; color: var(--text-3); }

/* Hızlı erişim ızgarası (pencere düğmeleri) */
.rx-jump { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; margin: 18px 0 8px; padding: 0; list-style: none; }
.rx-jump li { margin: 0; }
.rx-jump a {
  display: flex; align-items: center; gap: 11px; height: 100%;
  padding: 9px 12px; border-radius: 11px;
  font-size: 14.5px; line-height: 1.3; color: var(--text); text-decoration: none;
  background: var(--surface); border: 1px solid var(--border);
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.rx-jump a:hover { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.rx-jump .rx-tile { width: 34px; height: 34px; border-radius: 9px; }
.rx-jump .rx-tile img { width: 22px; height: 22px; }

/* Özellik (düğme) bölümleri */
.rx-feature {
  margin: 18px 0; padding: 22px 24px 6px;
  border: 1px solid var(--border); border-radius: var(--radius);
  background: var(--surface);
  scroll-margin-top: calc(var(--header-h) + 16px);
}
.rx-feature__head { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.rx-feature__head h3 { margin: 0; }
.rx-flash { animation: rx-flash 2.2s ease-out; }
@keyframes rx-flash {
  0%, 30% { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-ring); }
  100% { box-shadow: 0 0 0 4px transparent; }
}

/* Tanım listesi */
.rx-dl { margin: 14px 0 22px; border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; }
.rx-dl > div { display: grid; grid-template-columns: minmax(150px, 34%) minmax(0, 1fr); gap: 16px; padding: 11px 16px; }
.rx-dl > div + div { border-top: 1px solid var(--border); }
.rx-dl > div:nth-child(even) { background: var(--bg-soft); }
.rx-dl dt { font-weight: 650; display: flex; align-items: flex-start; gap: 10px; }
.rx-dl dd { margin: 0; color: var(--text-2); }
.rx-dl dt img { width: 22px; height: 22px; flex-shrink: 0; padding: 2px; border-radius: 6px; background: var(--icon-tile); }

/* Simge açıklamaları */
.rx-legend { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 20px; padding: 0; list-style: none; }
.rx-legend li {
  display: flex; align-items: center; gap: 9px; margin: 0;
  padding: 6px 12px 6px 7px; border-radius: 999px;
  font-size: 14px; background: var(--surface-2); border: 1px solid var(--border);
}
.rx-legend img { width: 22px; height: 22px; padding: 2px; border-radius: 50%; background: #fff; }


/* Sekmeler */
.rx-tabs { margin: 18px 0 8px; }
.rx-tabs__list {
  display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;
  padding: 4px; margin-bottom: 18px;
  background: var(--surface-2); border-radius: 12px; border: 1px solid var(--border);
}
.rx-tabs__list::-webkit-scrollbar { display: none; }
.rx-tabs__tab {
  flex-shrink: 0; padding: 7px 14px; border-radius: 9px;
  font: 600 14px/1.3 var(--font); color: var(--text-2);
  background: transparent; border: 0; cursor: pointer; white-space: nowrap;
}
.rx-tabs__tab:hover { color: var(--text); }
.rx-tabs__tab[aria-selected="true"] { background: var(--surface); color: var(--text); box-shadow: var(--shadow-sm), 0 0 0 1px var(--border); }
.rx-tabs__panel > h4:first-child { margin-top: 0; }
.rx-tabs.is-ready .rx-tabs__panel[hidden] { display: none; }

/* Açılır bölüm */
.rx-details {
  margin: 18px 0; border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--surface);
}
.rx-details > summary {
  display: flex; align-items: center; gap: 10px;
  padding: 13px 16px; cursor: pointer; list-style: none;
  font-weight: 650;
}
.rx-details > summary::-webkit-details-marker { display: none; }
.rx-details > summary::before {
  content: ""; width: 8px; height: 8px; flex-shrink: 0; margin: 0 4px 0 2px;
  border-right: 2px solid var(--text-3); border-bottom: 2px solid var(--text-3);
  transform: rotate(-45deg); transition: transform .2s;
}
.rx-details[open] > summary::before { transform: rotate(45deg); }
.rx-details > summary:hover { background: var(--bg-soft); border-radius: var(--radius-sm); }
.rx-details__body { padding: 2px 18px 6px 42px; color: var(--text-2); }

/* Kart ızgarası */
.rx-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin: 16px 0 10px; padding: 0; list-style: none; }
.rx-cards--compact { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.rx-cards > li { margin: 0; }
.rx-card {
  display: flex; gap: 14px; height: 100%;
  padding: 16px; border-radius: var(--radius);
  color: var(--text); text-decoration: none;
  background: var(--surface); border: 1px solid var(--border);
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
a.rx-card:hover { color: var(--text); border-color: var(--border-strong); box-shadow: var(--shadow-md); transform: translateY(-1px); }
.rx-card__title { display: block; font-weight: 650; font-size: 15.5px; line-height: 1.35; }
.rx-card__desc { display: block; margin-top: 4px; font-size: 14px; line-height: 1.5; color: var(--text-3); }
.rx-cards--compact .rx-card { align-items: center; padding: 11px 13px; gap: 12px; }
.rx-cards--compact .rx-tile { width: 36px; height: 36px; border-radius: 10px; }
.rx-cards--compact .rx-tile img { width: 22px; height: 22px; }

/* Etiket / çip */
.rx-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 4px; padding: 0; list-style: none; }
.rx-chips li { margin: 0; }
.rx-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 10px; border-radius: 999px;
  font-size: 12.5px; font-weight: 600; line-height: 1.5;
  color: var(--text-2); background: var(--surface-2); border: 1px solid var(--border);
}
.rx-chip--accent { color: var(--accent-text); background: var(--accent-soft); border-color: transparent; }


.rx-dialog {
  padding: 0; border: 0; background: transparent; color: var(--text);
  max-width: none; max-height: none; width: 100%; height: 100%;
}
.rx-dialog::backdrop { background: rgba(10, 12, 16, .5); backdrop-filter: blur(3px); }
.rx-dialog[open] { display: flex; align-items: flex-start; justify-content: center; }

/* ---------- Görsel büyütme ---------- */

.rx-lightbox[open] { align-items: center; flex-direction: column; justify-content: center; }
.rx-lightbox::backdrop { background: rgba(8, 9, 12, .86); }
.rx-lightbox__fig { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: calc(100vw - 140px); }
.rx-lightbox__img {
  display: block; max-width: 100%; max-height: calc(100vh - 140px);
  border-radius: 8px; background: #fff; box-shadow: var(--shadow-lg);
  image-rendering: auto;
}
.rx-lightbox__cap { color: #e6e7ea; font-size: 14.5px; text-align: center; max-width: 60em; }
.rx-lightbox__count { color: #9aa0aa; font-size: 13px; margin-left: 8px; }
.rx-lightbox__btn {
  position: fixed; display: grid; place-items: center;
  width: 46px; height: 46px; border-radius: 50%;
  color: #fff; background: rgba(255, 255, 255, .12); border: 0; cursor: pointer;
}
.rx-lightbox__btn:hover { background: rgba(255, 255, 255, .22); }
.rx-lightbox__close { top: 18px; right: 18px; }
.rx-lightbox__prev { left: 20px; top: 50%; translate: 0 -50%; }
.rx-lightbox__next { right: 20px; top: 50%; translate: 0 -50%; }


/* Veri tablosu (kısayollar, karşılaştırmalar vb.) */
.rx-table-wrap { overflow-x: auto; margin: 16px 0 24px; border: 1px solid var(--border); border-radius: var(--radius-sm); }
.rx-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.55; }
.rx-table th {
  padding: 10px 14px; text-align: left; vertical-align: bottom;
  font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--text-3); background: var(--surface-2); border-bottom: 1px solid var(--border);
}
.rx-table td { padding: 10px 14px; vertical-align: top; color: var(--text-2); border-top: 1px solid var(--border); }
.rx-table tbody tr:first-child td { border-top: 0; }
.rx-table tbody tr:hover td { background: var(--bg-soft); }
.rx-table td:first-child { color: var(--text); }
.rx-table img { vertical-align: middle; }

/* Kişi kartları (Hazırlayanlar, Teşekkür) */
.rx-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; margin: 12px 0 28px; padding: 0; list-style: none; }
.rx-people li { margin: 0; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); }
.rx-people strong { display: block; font-weight: 650; color: var(--text); }
.rx-people span { display: block; margin-top: 2px; font-size: 13.5px; line-height: 1.45; color: var(--text-3); }

/* Çok sütunlu uzun liste */
.rx-doc .rx-columns { columns: 2 280px; column-gap: 36px; }
.rx-columns li { break-inside: avoid; }

/* Uzun URL'ler dar ekranda taşmasın */
.rx-doc { overflow-wrap: break-word; }
.rx-doc a { overflow-wrap: anywhere; }


/* ==========================================================================
   Siteye özel yerleşim
   ========================================================================== */

.rx-wrap { width: 100%; max-width: var(--wrap-w); margin: 0 auto; padding: 0 24px; }

/* Logo: açık ve koyu temada farklı dosya */
.rx-only-dark { display: none !important; }
:root[data-theme="dark"] .rx-only-light { display: none !important; }
:root[data-theme="dark"] .rx-only-dark { display: block !important; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .rx-only-light { display: none !important; }
  :root:not([data-theme="light"]) .rx-only-dark { display: block !important; }
}

/* ---------- Düğmeler ---------- */

.rx-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 42px; padding: 0 18px; border-radius: 11px;
  font: 600 15px/1 var(--font); text-decoration: none; white-space: nowrap;
  border: 1px solid transparent; cursor: pointer;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.rx-btn--primary { background: var(--rx-red); color: #fff; }
.rx-btn--primary:hover { background: var(--rx-red-strong); color: #fff; box-shadow: 0 6px 18px var(--accent-ring); }
.rx-btn--ghost { background: var(--surface); color: var(--text); border-color: var(--border-strong); }
.rx-btn--ghost:hover { color: var(--text); border-color: var(--text-3); }
.rx-btn--lg { height: 50px; padding: 0 24px; font-size: 16px; border-radius: 13px; }

.rx-icon-btn {
  display: inline-grid; place-items: center;
  width: 40px; height: 40px; padding: 0;
  color: var(--text-2); background: transparent;
  border: 1px solid transparent; border-radius: 10px; cursor: pointer;
  transition: background .15s, color .15s;
}
.rx-icon-btn:hover { background: var(--surface-2); color: var(--text); }

/* ---------- Duyuru şeridi ---------- */

.rx-announce { background: var(--text); color: var(--bg); font-size: 14.5px; }
.rx-announce p { max-width: var(--wrap-w); margin: 0 auto; padding: 9px 24px; text-align: center; }
.rx-announce a { color: inherit; font-weight: 650; display: inline-flex; align-items: center; gap: 4px; }

/* ---------- Üst bar ve menü ---------- */

.rx-top {
  position: sticky; top: 0; z-index: 40;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: saturate(1.6) blur(14px);
  -webkit-backdrop-filter: saturate(1.6) blur(14px);
  border-bottom: 1px solid var(--border);
}
.rx-top__inner { position: relative; display: flex; align-items: center; gap: 28px; height: var(--header-h); }
.rx-brand { display: flex; align-items: center; flex-shrink: 0; }
.rx-brand__logo { display: block; height: 40px; width: auto; }

.rx-nav { flex: 1; min-width: 0; }
.rx-nav__list { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.rx-nav__item { position: relative; display: flex; align-items: center; }
.rx-nav__item.is-mega { position: static; }
.rx-nav__link {
  display: block; padding: 8px 10px; border-radius: 9px;
  font-size: 15px; font-weight: 600; color: var(--text-2); text-decoration: none; white-space: nowrap;
}
.has-sub > .rx-nav__link { padding-right: 2px; }
.rx-nav__link:hover, .rx-nav__item.is-open > .rx-nav__link { color: var(--text); }
.rx-nav__item.is-active > .rx-nav__link { color: var(--accent-text); }
.rx-nav__toggle {
  display: grid; place-items: center; width: 24px; height: 32px; padding: 0; margin-right: 4px;
  color: var(--text-3); background: none; border: 0; border-radius: 7px; cursor: pointer;
}
.rx-nav__toggle svg { transition: transform .2s; }
.rx-nav__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.rx-nav__toggle:hover { color: var(--text); background: var(--surface-2); }
.rx-nav__extra { display: none; }

.rx-sub {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;
  min-width: 270px; padding: 8px;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  opacity: 0; visibility: hidden; transform: translateY(-4px);
  transition: opacity .15s, transform .15s, visibility 0s .15s;
}
.rx-sub::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.rx-nav__item.is-open > .rx-sub { opacity: 1; visibility: visible; transform: none; transition: opacity .15s, transform .15s; }
.rx-sub ul { list-style: none; margin: 0; padding: 0; }
.rx-sub li a {
  display: block; padding: 7px 12px; border-radius: 8px;
  font-size: 14.5px; line-height: 1.4; color: var(--text-2); text-decoration: none;
}
.rx-sub li a:hover { background: var(--surface-2); color: var(--text); }
.rx-sub a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-text); font-weight: 600; }
.rx-sub--mega {
  left: 24px; right: 24px; top: calc(100% - 4px);
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px 10px; padding: 18px;
}
.rx-sub__title {
  display: block; padding: 6px 12px 8px;
  font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--text-3); text-decoration: none;
}
a.rx-sub__title:hover { color: var(--accent-text); }
.rx-sub__all {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 6px;
  margin: 6px 0 0; padding: 12px 12px 4px; border-top: 1px solid var(--border);
  font-size: 14.5px; font-weight: 650; color: var(--accent-text); text-decoration: none;
}

.rx-top__actions { margin-left: auto; display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.rx-top__link {
  padding: 8px 10px; border-radius: 9px;
  font-size: 15px; font-weight: 600; color: var(--text-2); text-decoration: none; white-space: nowrap;
}
.rx-top__link:hover { color: var(--text); background: var(--surface-2); }
.rx-top__cta { height: 38px; padding: 0 15px; }
.rx-menu-btn { display: none; }

@media (hover: hover) and (min-width: 1121px) {
  .rx-nav__item.has-sub:hover > .rx-sub { opacity: 1; visibility: visible; transform: none; transition: opacity .15s, transform .15s; }
  .rx-nav__item.has-sub:hover > .rx-nav__link { color: var(--text); }
}

/* ---------- Sayfa başlığı ---------- */

.rx-pagehead {
  padding: 34px 0 30px;
  background:
    radial-gradient(70% 160% at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 60%),
    var(--bg-soft);
  border-bottom: 1px solid var(--border);
}
.rx-pagehead .rx-crumbs { margin-bottom: 10px; }
.rx-pagehead h1 {
  margin: 0; max-width: 24em;
  font: 700 clamp(28px, 3.4vw, 40px)/1.15 var(--font-display); letter-spacing: -.02em;
}
.rx-pagehead .rx-lead { margin: 12px 0 0; max-width: 42em; }
.rx-crumbs li[aria-current] { color: var(--text-2); }

/* ---------- İçerik yerleşimi ---------- */

.rx-body { padding-top: 40px; padding-bottom: 88px; }
.rx-body.has-side { display: grid; grid-template-columns: var(--side-w) minmax(0, 1fr); gap: 56px; align-items: start; }
.rx-body:not(.has-side) .rx-doc { margin: 0 auto; }
.rx-doc { width: 100%; max-width: var(--content-w); }
.rx-doc > :first-child { margin-top: 0; }
.rx-doc h2 { margin-top: 48px; }
.rx-doc blockquote { margin: 20px 0; padding: 2px 0 2px 18px; border-left: 3px solid var(--border-strong); color: var(--text-2); }
.rx-updated { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--border); font-size: 13.5px; color: var(--text-3); }

.rx-side { position: sticky; top: calc(var(--header-h) + 28px); font-size: 14.5px; }
.rx-side__title {
  margin: 0 0 8px; padding: 0 12px;
  font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3);
}
.rx-side ul { list-style: none; margin: 0; padding: 0; }
.rx-side a {
  display: block; padding: 7px 12px; border-radius: 9px;
  line-height: 1.4; color: var(--text-2); text-decoration: none;
}
.rx-side a:hover { background: var(--surface-2); color: var(--text); }
.rx-side a[aria-current="page"] { background: var(--accent-soft); color: var(--accent-text); font-weight: 600; }

/* Galeri: yan yana birden çok görsel */
.rx-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 22px 0 26px; }
.rx-gallery .rx-shot { margin: 0; }
.rx-shot__frame img { max-width: 100%; height: auto; }
.rx-cards .rx-card > span { min-width: 0; }

/* ---------- Fiyat kartları ---------- */

.rx-prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 20px 0 28px; }
.rx-price {
  position: relative; display: flex; flex-direction: column;
  padding: 24px 22px 22px; border-radius: 18px;
  background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-sm);
}
.rx-price.is-featured { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft), var(--shadow-md); }
.rx-price__badge {
  position: absolute; top: -12px; left: 22px; padding: 3px 10px; border-radius: 999px;
  font-size: 12px; font-weight: 700; background: var(--rx-red); color: #fff;
}
.rx-doc .rx-price h3 { margin: 0 0 12px; font-size: 18px; }
.rx-doc .rx-price p { margin: 0; }
.rx-price__amount { font: 700 34px/1.1 var(--font-display); letter-spacing: -.02em; color: var(--text); }
.rx-price__amount span { font-variant-numeric: tabular-nums; }
.rx-doc .rx-price .rx-price__net { margin-top: 6px; font-size: 13.5px; color: var(--text-3); }
.rx-doc .rx-price .rx-price__desc { margin: 16px 0 20px; padding-top: 16px; border-top: 1px solid var(--border); font-size: 14.5px; line-height: 1.6; color: var(--text-2); }
.rx-price .rx-btn { margin-top: auto; }

/* ---------- Banka hesapları ---------- */

.rx-doc .rx-bank-owner { margin: 0 0 12px; font-weight: 650; }
.rx-banks { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin: 0 0 22px; }
.rx-bank { padding: 16px 18px; border-radius: var(--radius); background: var(--surface-2); border: 1px solid var(--border); }
.rx-doc .rx-bank h4 { margin: 0 0 4px; }
.rx-doc .rx-bank p { margin: 0 0 12px; font-size: 14.5px; color: var(--text-2); }
.rx-iban { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rx-iban code { font: 600 14px/1.4 var(--mono); letter-spacing: .02em; color: var(--text); }
.rx-copy {
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px;
  font: 600 13px/1 var(--font); color: var(--text-2);
  background: var(--surface); border: 1px solid var(--border-strong); border-radius: 8px; cursor: pointer;
}
.rx-copy:hover { color: var(--text); border-color: var(--text-3); }
.rx-copy.is-done { color: var(--ok); border-color: var(--ok); }

/* ---------- İletişim bilgileri ---------- */

.rx-contact { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 8px 0 32px; padding: 0; list-style: none; }
.rx-doc .rx-contact li { display: flex; gap: 14px; margin: 0; padding: 16px 18px; border-radius: var(--radius); background: var(--surface-2); border: 1px solid var(--border); line-height: 1.55; }
.rx-contact small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); }
.rx-contact a { font-weight: 650; text-decoration: none; overflow-wrap: normal; }
.rx-contact li:last-child { grid-column: 1 / -1; }
.rx-contact__icon { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 11px; background: var(--accent-soft); color: var(--accent-text); }

/* ---------- Form ---------- */

.rx-form { margin: 8px 0 24px; padding: 24px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-sm); }
.rx-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.rx-field { margin-bottom: 16px; }
.rx-field label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 650; }
.rx-field input, .rx-field textarea {
  display: block; width: 100%; padding: 10px 13px;
  font: inherit; font-size: 15.5px; color: var(--text);
  background: var(--bg); border: 1px solid var(--border-strong); border-radius: 10px;
  transition: border-color .15s, box-shadow .15s;
}
.rx-field textarea { resize: vertical; min-height: 140px; }
.rx-field input::placeholder { color: var(--text-3); }
.rx-field input:focus, .rx-field textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-ring); }
.rx-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.rx-doc .rx-form__note { margin: 0 0 16px; font-size: 13.5px; color: var(--text-3); }
.rx-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.rx-doc .rx-form__status { margin: 0; font-size: 14.5px; font-weight: 600; }
.rx-form__status.is-ok { color: var(--ok); }
.rx-form__status.is-error { color: var(--danger); }
.rx-form.is-sending button[type="submit"] { opacity: .6; pointer-events: none; }

/* ---------- Video (tıklayınca yüklenir) ---------- */

.rx-video { margin: 0; }
.rx-video__play, .rx-video iframe {
  position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0;
  border: 0; border-radius: var(--radius); overflow: hidden; background: #000; box-shadow: var(--shadow-md);
}
.rx-video__play { cursor: pointer; }
.rx-video__play img { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: opacity .2s; }
.rx-video__play:hover img { opacity: 1; }
.rx-video__play span {
  position: absolute; left: 50%; top: 50%; translate: -50% -50%;
  display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%;
  background: var(--rx-red); color: #fff; box-shadow: 0 8px 30px rgba(0, 0, 0, .4);
}
.rx-video__note { margin: 8px 0 0; font-size: 13px; color: var(--text-3); }

/* ---------- Ana sayfa ---------- */

.rx-home-hero {
  position: relative; overflow: hidden;
  padding: 72px 0 88px;
  background:
    radial-gradient(60% 120% at 100% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 60%),
    var(--bg-soft);
  border-bottom: 1px solid var(--border);
}
.rx-home-hero::after {
  content: ""; position: absolute; left: -40px; bottom: -70px;
  width: 220px; height: 320px;
  background: url("logo-rx.svg") center / contain no-repeat;
  opacity: .05; pointer-events: none; transform: rotate(-8deg);
}
.rx-home-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.rx-eyebrow {
  display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 4px 12px 4px 5px;
  border-radius: 999px; background: var(--surface); border: 1px solid var(--border);
  font-size: 13.5px; font-weight: 600; color: var(--text-2); text-decoration: none;
}
.rx-eyebrow b { padding: 2px 9px; border-radius: 999px; background: var(--rx-red); color: #fff; font-size: 12px; }
a.rx-eyebrow:hover { border-color: var(--accent); color: var(--text); }
.rx-home-hero h1 { margin: 0 0 18px; font: 700 clamp(34px, 4.6vw, 54px)/1.08 var(--font-display); letter-spacing: -.025em; }
.rx-home-hero h1 em { font-style: normal; color: var(--accent-text); }
.rx-home-hero .rx-lead { margin: 0 0 28px; max-width: 34em; font-size: 18.5px; }
.rx-home-hero__cta { display: flex; flex-wrap: wrap; gap: 10px; }
.rx-home-hero__shot {
  margin: 0; border-radius: 16px; overflow: hidden;
  background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-lg);
}
.rx-window-bar { display: flex; gap: 6px; padding: 10px 12px; background: var(--surface-2); border-bottom: 1px solid var(--border); }
.rx-window-bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--border-strong); }
.rx-home-hero__shot img { display: block; width: 100%; height: auto; }

.rx-home-section { padding: 72px 0; }
.rx-home-section--soft { background: var(--bg-soft); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.rx-home-section h2 { margin: 0 0 10px; font: 700 clamp(25px, 2.8vw, 32px)/1.2 var(--font-display); letter-spacing: -.015em; }
.rx-home-section__lead { margin: 0 0 30px; max-width: 46em; font-size: 17px; color: var(--text-2); }

.rx-quick { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: -44px 0 0; padding: 0; list-style: none; }
.rx-quick li { margin: 0; }
.rx-quick a {
  display: flex; flex-direction: column; gap: 6px; height: 100%;
  padding: 20px; border-radius: 16px; text-decoration: none; color: var(--text);
  background: var(--surface); border: 1px solid var(--border); box-shadow: var(--shadow-md);
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.rx-quick a:hover { color: var(--text); border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.rx-quick__icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 6px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-text); }
.rx-quick strong { font-size: 16.5px; font-weight: 650; }
.rx-quick span:last-child { font-size: 14.5px; line-height: 1.5; color: var(--text-3); }

.rx-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.rx-features li { margin: 0; }
.rx-feature-card {
  display: flex; flex-direction: column; height: 100%;
  padding: 22px; border-radius: 16px; background: var(--surface); border: 1px solid var(--border);
  color: var(--text); text-decoration: none; transition: border-color .15s, box-shadow .15s;
}
a.rx-feature-card:hover { color: var(--text); border-color: var(--border-strong); box-shadow: var(--shadow-md); }
.rx-feature-card h3 { margin: 0 0 8px; font: 650 18px/1.35 var(--font-display); }
.rx-feature-card p { margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: var(--text-2); }
.rx-more { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 650; color: var(--accent-text); }

.rx-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.rx-intro p { margin: 0 0 16px; color: var(--text-2); font-size: 16.5px; }

.rx-mobile { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 40px; align-items: center; padding: 34px 36px; border-radius: 22px; background: var(--surface-2); border: 1px solid var(--border); }
.rx-mobile p { margin: 0; color: var(--text-2); }
.rx-stores { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }

.rx-cta-band {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px;
  margin-top: 40px; padding: 36px 40px; border-radius: 22px; color: #fff;
  background: linear-gradient(120deg, #a11d23 0%, #c1272d 55%, #d9434a 100%);
}
.rx-cta-band h2 { margin: 0 0 6px; color: #fff; }
.rx-cta-band p { margin: 0; color: rgba(255, 255, 255, .9); }
.rx-btn--light { background: #fff; color: #a11d23; }
.rx-btn--light:hover { background: #fff3f3; color: #a11d23; }
.rx-btn--outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .55); }
.rx-btn--outline:hover { border-color: #fff; color: #fff; }
.rx-cta-band__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- Alt bilgi ---------- */

.rx-foot { background: var(--bg-soft); border-top: 1px solid var(--border); font-size: 14.5px; color: var(--text-3); }
.rx-foot__inner { display: grid; grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: 32px; padding-top: 48px; padding-bottom: 36px; }
.rx-foot__brand img { height: 46px; width: auto; margin-bottom: 16px; }
.rx-foot__brand p { margin: 0 0 12px; line-height: 1.6; }
.rx-foot a { color: var(--text-2); text-decoration: none; }
.rx-foot a:hover { color: var(--accent-text); }
.rx-foot__title { margin: 4px 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--text); }
.rx-foot__title--gap { margin-top: 22px; }
.rx-foot ul { list-style: none; margin: 0; padding: 0; }
.rx-foot li { margin: 0 0 8px; line-height: 1.45; }
.rx-foot__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 18px; padding-bottom: 24px; border-top: 1px solid var(--border); font-size: 13px; }
.rx-foot__bottom p { margin: 0; }

/* ---------- Duyarlı ---------- */

@media (max-width: 1240px) {
  .rx-top__link { display: none; }
}

@media (max-width: 1120px) {
  .rx-menu-btn { display: inline-grid; }
  /* backdrop-filter, sabit konumlu menüyü üst barın içine hapsettiği için mobilde kapalı */
  .rx-top { background: var(--bg); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .rx-nav {
    position: fixed; z-index: 39; inset: var(--header-h) 0 0 0;
    overflow-y: auto; overscroll-behavior: contain;
    padding: 12px 16px 32px; background: var(--bg);
    visibility: hidden; opacity: 0; transform: translateY(-8px);
    transition: opacity .18s, transform .18s, visibility 0s .18s;
  }
  .rx-nav.is-open { visibility: visible; opacity: 1; transform: none; transition: opacity .18s, transform .18s; }
  .rx-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
  .rx-nav__item { flex-wrap: wrap; border-bottom: 1px solid var(--border); }
  .rx-nav__link { flex: 1; padding: 14px 6px; font-size: 16.5px; }
  .rx-nav__toggle { width: 44px; height: 44px; margin: 0; }
  .rx-sub, .rx-sub--mega {
    position: static; display: none; width: 100%; min-width: 0;
    padding: 0 0 12px; margin: 0; border: 0; box-shadow: none; background: none;
    opacity: 1; visibility: visible; transform: none; transition: none;
  }
  .rx-nav__item.is-open > .rx-sub { display: block; }
  .rx-sub__group + .rx-sub__group { margin-top: 8px; }
  .rx-sub li a { padding: 9px 12px; font-size: 15.5px; }
  .rx-sub__all { padding-left: 12px; }
  .rx-nav__extra { display: flex; flex-direction: column; gap: 10px; padding: 20px 0 0; }
  .rx-nav__extra .rx-btn { height: 48px; }
  .rx-nav__phone { text-align: center; padding: 8px; font-weight: 650; text-decoration: none; }
  body.is-menu-open { overflow: hidden; }
}

@media (max-width: 960px) {
  .rx-body.has-side { grid-template-columns: 1fr; gap: 0; }
  .rx-side { display: none; }
  .rx-home-hero__grid, .rx-intro, .rx-mobile { grid-template-columns: 1fr; gap: 32px; }
  .rx-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rx-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rx-foot__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rx-foot__brand { grid-column: 1 / -1; }
  .rx-stores { justify-content: flex-start; }
}

@media (max-width: 640px) {
  :root { --header-h: 60px; }
  .rx-wrap { padding: 0 16px; }
  .rx-top__inner { gap: 12px; }
  .rx-brand__logo { height: 34px; }
  .rx-top__cta { display: none; }
  .rx-pagehead { padding: 24px 0 22px; }
  .rx-body { padding-top: 28px; padding-bottom: 64px; }
  .rx-form { padding: 18px 16px; }
  .rx-form__grid { grid-template-columns: 1fr; }
  .rx-home-hero { padding: 44px 0 72px; }
  .rx-home-hero .rx-lead { font-size: 17px; }
  .rx-quick, .rx-features { grid-template-columns: 1fr; }
  .rx-quick { margin-top: -40px; }
  .rx-home-section { padding: 52px 0; }
  .rx-mobile, .rx-cta-band { padding: 26px 20px; border-radius: 18px; }
  .rx-foot__inner { grid-template-columns: 1fr; gap: 24px; }
  .rx-lightbox__fig { max-width: calc(100vw - 24px); }
  .rx-lightbox__prev, .rx-lightbox__next { top: auto; bottom: 18px; translate: none; }
}

/* ---------- Yazdırma ---------- */

@media print {
  body { background: #fff; color: #000; font-size: 11pt; }
  .rx-top, .rx-announce, .rx-side, .rx-foot, .rx-skip, .rx-form, .rx-video { display: none !important; }
  .rx-pagehead { background: none; border: 0; padding: 0 0 12px; }
  .rx-body.has-side { display: block; }
  .rx-shot__frame { box-shadow: none; }
  a { color: inherit; }
}

/* Tescil işareti (®): metinde küçük üst simge */
.rx-reg { font-size: .55em; vertical-align: super; line-height: 0; margin-left: .04em; font-weight: inherit; }

/* Etkileşme düzeyi simgeleri (beyaz simge, renkli zemin) */
.rx-swatch { display: inline-block; padding: 4px 8px; border-radius: 6px; line-height: 0; }
.rx-swatch img { display: block; }
.rx-swatch--3 { background: #ed5154; }
.rx-swatch--2 { background: #f78e55; }
.rx-swatch--1 { background: #65acc8; }
.rx-table img:not(.rx-inline) { max-width: 120px; height: auto; margin-right: 10px; border-radius: 6px; }