/* =========================================================
   İş Güvenliği teması — CANLI MAĞAZA EKLERİ (live.css)
   1) Temaya eklenen parçalar: mağaza adıyla logo, üye menüsü,
      yorum formu, panel görselli banner ve pop-up
   2) Ortak sayfalar (sepet, ödeme, hesap, SSS, sözleşmeler ...):
      sitenin kendi bileşenleri temanın renk, yazı ve düğme diline
      uyarlanır. Kapsam: body.isg-shared
   ========================================================= */

/* ---------- Logo: panel logosu ya da mağaza adı ---------- */
.logo__img { height: 54px; width: auto; max-width: 240px; object-fit: contain; }
.site-header.is-condensed .logo__img { height: 44px; }
.site-footer .logo__img { height: 60px; }
/* Logo işlenemezse (başka alan adı vb.) koyu zeminde beyaz siluet olarak görünür */
.site-footer .logo__img:not(.is-tuned) { filter: brightness(0) invert(1); }
.logo__word { display: inline-flex; align-items: center; gap: 8px; line-height: 1; }
.logo__shield { height: 46px; width: auto; overflow: visible; }
.logo__word b {
  font-size: 30px; font-weight: 900; font-stretch: 78%; letter-spacing: -.01em;
  text-transform: uppercase; color: var(--logo-ink);
}
.logo--light .logo__word b { color: var(--white); }
.site-header.is-condensed .logo__shield { height: 38px; }
.site-header.is-condensed .logo__word b { font-size: 26px; }
@media (max-width: 760px) {
  .logo__img { height: 40px; }
  .logo__shield { height: 34px; }
  .logo__word b { font-size: 22px; }
}

/* ---------- Üye menüsü (başlık) ---------- */
.hdr-acct { position: relative; }
.hdr-acct > .hdr-act { border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
.hdr-avatar {
  width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 50%;
  background: var(--ink); color: var(--orange); font-size: 13px; font-weight: 800; font-stretch: 80%;
  letter-spacing: .02em; box-shadow: 0 0 0 2px var(--white), 0 0 0 3.5px var(--orange);
}
.hdr-avatar--lg { width: 46px; height: 46px; font-size: 16px; }
.hdr-acct__pop {
  position: absolute; right: 0; top: calc(100% + 10px); z-index: var(--z-mega);
  width: 290px; padding: var(--s4); background: var(--white); border: 1px solid var(--rule);
  border-radius: var(--r-md); box-shadow: var(--sh-3);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity var(--t-fast), transform var(--t-mid) var(--ease-out), visibility var(--t-fast);
}
.hdr-acct__pop::before {
  content: ""; position: absolute; top: -6px; right: 28px; width: 12px; height: 12px;
  background: var(--white); border-left: 1px solid var(--rule); border-top: 1px solid var(--rule); transform: rotate(45deg);
}
.hdr-acct.is-open .hdr-acct__pop { opacity: 1; visibility: visible; transform: none; }
.acct-menu__head { display: flex; align-items: center; gap: var(--s3); padding-bottom: var(--s3); margin-bottom: var(--s2); border-bottom: 1px solid var(--rule); }
.acct-menu__head > div { min-width: 0; display: grid; }
.acct-menu__head b { font-weight: 800; font-size: var(--fs-16); }
.acct-menu__head small { color: var(--slate); font-size: var(--fs-13); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acct-menu__list { display: grid; gap: 2px; }
.acct-menu__list a, .acct-menu__out button {
  display: flex; align-items: center; gap: var(--s3); width: 100%; min-height: 42px; padding: 0 var(--s3);
  border-radius: var(--r-sm); font-weight: 600; font-size: var(--fs-14); color: var(--ink); text-align: left;
  transition: background-color var(--t-fast), color var(--t-fast);
}
.acct-menu__list a .icon, .acct-menu__out .icon { color: var(--slate); transition: color var(--t-fast); }
.acct-menu__list a:hover, .acct-menu__list a:focus-visible { background: var(--orange-wash); color: var(--orange-deep); }
.acct-menu__list a:hover .icon { color: var(--orange); }
.acct-menu__list .count-pill {
  margin-left: auto; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; display: grid; place-items: center;
  background: var(--orange); color: var(--white); font-size: 11px; font-weight: 800;
}
.acct-menu__list .count-pill:not(.has), .acct-menu__list .count-pill[hidden] { display: none; }
.acct-menu__out { margin-top: var(--s2); padding-top: var(--s2); border-top: 1px solid var(--rule); }
.acct-menu__out button { background: none; border: 0; cursor: pointer; font: inherit; font-weight: 600; font-size: var(--fs-14); }
.acct-menu__out button:hover { background: #FCEDEB; color: var(--danger); }
.acct-menu__out button:hover .icon { color: var(--danger); }

/* ---------- Panel görselli banner ve pop-up ---------- */
/* Panelden yüklenen banner görseli: hangi boyutta olursa olsun alana sığar,
   ortalanır, kırpılmaz ve taşmaz (yatay, dikey, kare fark etmez) */
.bnr__art--img {
  position: relative; aspect-ratio: auto; align-self: stretch;
  width: 100%; min-width: 0; min-height: 170px; height: auto;
}
/* Görsel yerleşimi etkilemez (mutlak konum): banner yüksekliği yazıdan gelir,
   görsel bu alanın içinde ortalanır ve oranı korunarak küçülür */
.bnr__art--img img {
  position: absolute; inset: 0; margin: auto; display: block;
  width: auto; height: auto; max-width: 100%; max-height: 100%;
  object-fit: contain; border-radius: var(--r-md);
  /* Gölge görselin kendi şeklini izler (şeffaf PNG'de kutu gölgesi oluşmaz) */
  filter: drop-shadow(0 10px 18px rgb(0 0 0 / .22));
}
/* Fotoğraf eğilmez; üzerine gelince yalnızca hafifçe büyür */
.bnr:hover .bnr__art--img { transform: scale(1.03); }
@media (max-width: 520px) {
  .bnr__art--img { min-height: 110px; }
  .bnr__art--img img { border-radius: var(--r-sm); }
}
.promo__art--img { padding: 0; }
.promo__art--img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.promo__art .code-big { font-size: 46px; letter-spacing: .04em; font-family: var(--mono); font-stretch: 100%; }

/* ---------- Yorum formu ---------- */
.isg-form { display: grid; gap: var(--s3); padding: var(--s6); }
.isg-form form { display: grid; gap: var(--s3); }
.isg-form .fine { font-size: var(--fs-12); }
.isg-form .field--area textarea { min-height: 130px; resize: vertical; padding-top: 26px; }
.isg-form .field textarea + label { top: 17px; }
.isg-form .field textarea:focus + label, .isg-form .field textarea:not(:placeholder-shown) + label { transform: translateY(-10px) scale(.78); color: var(--orange-deep); }
.isg-stars { border: 0; padding: 0; margin: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; }
.isg-stars legend { width: 100%; font-weight: 700; font-size: var(--fs-14); margin-bottom: 6px; float: left; }
.isg-stars input { position: absolute; opacity: 0; pointer-events: none; }
.isg-stars label { cursor: pointer; color: #C9CED3; transition: color var(--t-fast), transform var(--t-fast); }
.isg-stars label .icon { width: 30px; height: 30px; fill: currentColor; stroke: currentColor; }
.isg-stars input:checked ~ label, .isg-stars label:hover, .isg-stars label:hover ~ label { color: var(--orange); }
.isg-stars input:focus-visible + label { outline: 2px solid var(--orange); outline-offset: 2px; border-radius: 4px; }

/* Sitenin eski bildirim kutusu bu temada kullanılmaz (bildirimler temanın kutusunda) */
#toast[hidden] { display: none !important; }

/* =========================================================
   2) ORTAK SAYFALAR — sitenin şablonları, temanın görünümüyle
   ========================================================= */
body.isg-shared {
  /* Sitenin bileşen değişkenleri → temanın renkleri */
  --bg: var(--paper);
  --surface: var(--white);
  --surface-2: var(--panel);
  --accent: var(--orange);
  --accent-tint: var(--orange-wash);
  --primary: var(--ink);
  --primary-dark: #000;
  --line: var(--rule);
  --ink-soft: var(--slate);
  --ink-faint: #8E979F;
  --heading-color: var(--ink);
  --body-color: var(--ink);
  --success: var(--ok);
  --font-heading: var(--font);
  --font-body: var(--font);
  --theme-radius: var(--r-sm);
  background: var(--paper);
}

/* Temanın genel sıfırlaması (p, başlık, liste boşlukları) içerikte geri alınır */
:where(#main-content) :is(p, h1, h2, h3, h4, h5, ul, ol, dl, dd, figure, blockquote) { margin-block: revert; }
:where(#main-content) :is(img, svg) { display: revert; }
:where(#main-content) :is(ul, ol) { padding-left: revert; }
.isg-page { min-height: 50vh; padding-bottom: var(--section); }
.isg-page #main-content { width: min(var(--container), 100% - 2 * var(--gutter)); margin-inline: auto; padding-top: var(--s8); }
.isg-page #main-content > .wrap, .isg-page #main-content .container, .isg-page #main-content .wrap { max-width: none; padding-inline: 0; }

/* Başlıklar: temanın dar ve ağır yazısı */
.isg-page h1, .isg-page .page-title { font-size: var(--fs-39); font-weight: 900; font-stretch: 78%; line-height: 1.02; letter-spacing: -.01em; color: var(--ink); }
.isg-page h2 { font-size: var(--fs-24); font-weight: 800; font-stretch: 85%; line-height: 1.15; color: var(--ink); }
.isg-page h3 { font-size: var(--fs-18); font-weight: 800; color: var(--ink); }
.isg-page a:not([class]) { color: var(--orange-deep); text-decoration: underline; text-underline-offset: 3px; }
.isg-page a:not([class]):hover { color: var(--ink); }

/* Kartlar ve kutular */
.isg-page :is(.account-card, .cart-card, .checkout-card, .order-card, .summary-card, .cms-card, .contact-card, .card) {
  background: var(--white); border: 1px solid var(--rule); border-radius: var(--r-md); box-shadow: var(--sh-1);
}

/* Düğmeler: turuncu birincil, koyu ikincil, köşesi kesik çelik plaka */
.isg-page :is(.btn-min, .btn-primary, .btn-dark, .auth-submit, button[type="submit"]:not([class*="icon"]):not(.link-btn)) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 48px; padding: 0 22px; border-radius: var(--r-sm); border: 1px solid var(--ink);
  background: var(--ink); color: var(--white); font: inherit; font-size: var(--fs-16); font-weight: 800; letter-spacing: .01em; text-transform: none;
  cursor: pointer; transition: background-color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-mid), transform var(--t-fast);
}
.isg-page :is(.btn-min, .btn-primary, .btn-dark, .auth-submit, button[type="submit"]:not([class*="icon"]):not(.link-btn)):hover { background: var(--orange); border-color: var(--orange); box-shadow: var(--glow-sm); }
.isg-page :is(.btn-min-accent, .btn-primary, .checkout-submit, .auth-submit) { background: var(--orange); border-color: var(--orange); color: var(--ink); }
.isg-page :is(.btn-min-accent, .btn-primary, .checkout-submit, .auth-submit):hover { background: var(--orange-hi); border-color: var(--orange-hi); }
.isg-page :is(.btn-min-outline, .btn-outline, .btn-ghost, .btn-min-ghost) { background: transparent; color: var(--ink); border-color: var(--rule); }
.isg-page :is(.btn-min-outline, .btn-outline, .btn-ghost, .btn-min-ghost):hover { background: var(--white); border-color: var(--ink); box-shadow: none; }
.isg-page :is(.btn-min, button):disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.isg-page :focus-visible { outline: none; box-shadow: var(--focus); }

/* Formlar: etiket üstte, alan tam genişlikte, 52px */
.isg-page .field { display: flex; flex-direction: column; gap: 6px; position: static; margin: 0 0 var(--s4); min-width: 0; }
.isg-page .field label, .isg-page .field-label {
  position: static; transform: none; pointer-events: auto; color: var(--ink);
  font-size: var(--fs-13); font-weight: 700; letter-spacing: .01em;
}
.isg-page :is(.field, .form-group) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea),
.isg-page :is(input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=search], select, textarea):not(.hdr-search input) {
  width: 100%; min-height: 52px; padding: 0 14px; box-sizing: border-box;
  border: 1px solid var(--rule); border-radius: var(--r-xs); background: var(--white); color: var(--ink);
  font: inherit; font-size: var(--fs-16); transition: border-color var(--t-fast), box-shadow var(--t-mid);
}
.isg-page textarea { min-height: 130px; padding: 12px 14px; resize: vertical; }
.isg-page select {
  appearance: none; -webkit-appearance: none; padding-right: 40px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315181C' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
}
.isg-page :is(input, select, textarea):focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 4px rgb(var(--orange-glow) / .16); }
.isg-page .field-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 var(--s4); }
.isg-page .field-hint { font-size: var(--fs-12); color: var(--slate); margin: 0; }
.isg-page .field-error { font-size: var(--fs-12); color: var(--danger); }
.isg-page input[type=checkbox], .isg-page input[type=radio] { accent-color: var(--orange); width: 18px; height: 18px; }

/* Hesap sayfaları */
.isg-page .account-layout { display: grid; grid-template-columns: 250px 1fr; gap: var(--s8); align-items: start; }
.isg-page .account-nav { background: var(--white); border: 1px solid var(--rule); border-radius: var(--r-md); padding: var(--s2); position: sticky; top: calc(var(--hdr-stick) + 16px); }
.isg-page .account-nav a, .isg-page .account-nav button {
  display: flex; align-items: center; min-height: 44px; padding: 0 var(--s3); border-radius: var(--r-sm);
  font-weight: 700; font-size: var(--fs-14); color: var(--ink); text-decoration: none; border: 0; background: none; width: 100%; box-shadow: none;
}
.isg-page .account-nav a:hover, .isg-page .account-nav a[aria-current], .isg-page .account-nav a.active { background: var(--orange-wash); color: var(--orange-deep); }
.isg-page .account-card { padding: var(--s6); margin-bottom: var(--s5); }
@media (max-width: 900px) { .isg-page .account-layout { grid-template-columns: 1fr; } .isg-page .account-nav { position: static; } }

/* Giriş / üye ol kartı */
.isg-page .auth-card { max-width: 480px; margin: 0 auto; background: var(--white); border: 1px solid var(--rule); border-radius: var(--r-lg); padding: var(--s8); box-shadow: var(--sh-2); }
.isg-page .auth-card .auth-submit, .isg-page .auth-card .google-btn { width: 100%; }

/* Tablolar (siparişler, sepet) */
.isg-page table { width: 100%; border-collapse: collapse; }
.isg-page :is(th, td) { padding: 12px 10px; border-bottom: 1px solid var(--rule); text-align: left; }
.isg-page th { font-size: var(--fs-12); text-transform: uppercase; letter-spacing: .06em; color: var(--slate); font-weight: 800; }

/* Rozet ve fiyatlar */
.isg-page .price-now, .isg-page .price, .isg-page .summary-total { font-weight: 900; font-stretch: 80%; font-variant-numeric: tabular-nums; }
.isg-page .badge-sale, .isg-page .discount-badge { background: var(--orange); color: var(--ink); font-weight: 800; }

/* Sayfa yolu */
.isg-page .breadcrumb, .isg-page .crumbs { font-size: var(--fs-13); color: var(--slate); }

/* SSS akordeon */
.isg-page :is(.faq-item, .accordion-item, details) { background: var(--white); border: 1px solid var(--rule); border-radius: var(--r-sm); margin-bottom: 8px; }
.isg-page details > summary { cursor: pointer; padding: 16px 18px; font-weight: 800; list-style: none; }
.isg-page details > summary::-webkit-details-marker { display: none; }
.isg-page details[open] > summary { color: var(--orange-deep); }
.isg-page details > :not(summary) { padding: 0 18px 16px; }

/* Sözleşme / içerik metinleri */
.isg-page :is(.cms-content, .legal-content, .prose) { max-width: 820px; line-height: 1.7; font-size: var(--fs-16); }

/* Sitenin alt bilgi stili (footer.site-footer) temanın koyu alt bilgisini ezmesin */
body.isg-shared footer.site-footer { background: var(--ink); color: var(--mist); border-top: 4px solid var(--orange); padding: 0; }

/* Sitenin kendi başlık / alt bilgi parçaları bu temada kullanılmaz */
body.isg-shared .back-to-top { display: none !important; }
/* Bootstrap'in kbd stili arama kutusundaki "/" kısayol rozetini koyulaştırmasın */
body.isg-shared .hdr-search__kbd { background: var(--white); color: var(--slate); box-shadow: none; font-size: 11px; }

/* ============================================================
   Ürün fotoğrafları: kutuya SIĞAR, kırpılmaz/taşmaz, ortalanır
   (dikey ya da yatay fotoğraf kare çerçevede büyütülmüş görünmesin).
   Kart, galeri, küçük resim, sepet ve hızlı bakışta aynı kural.
   ============================================================ */
/* Izgara satırı çerçeve yüksekliğine sabitlenir; yoksa height:100% "auto" olur ve dikey foto taşar */
.art:has(> img) { background: #fff; overflow: hidden; grid-template: 100% / 100%; }
.art > img {
  display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
  object-fit: contain; object-position: center;
}
.gallery__main .art > img, .gallery__track .art > img { padding: 5%; box-sizing: border-box; }
.p-card__media .art > img { padding: 6%; box-sizing: border-box; }

/* ============================================================
   Kayan marka şeridi: panelde yüklenen logolar (şeffaf PNG önerilir)
   Her logo aynı yükseklikte bir kutuya sığar; çok geniş logo
   en fazla belirli genişliğe kadar büyür. Telefonda küçülür.
   ============================================================ */
.brands__track a {
  height: clamp(68px, 9vw, 108px);
  padding: 0 clamp(18px, 3.4vw, 56px);
}
.brands__track a img {
  display: block;
  height: clamp(30px, 3.6vw, 48px);
  width: auto;
  max-width: clamp(96px, 15vw, 180px);
  max-height: none;
  object-fit: contain;
}
.brands__track .wordmark { font-size: clamp(15px, 1.9vw, var(--fs-24)); }
/* Dokunmatik ekranda üzerine gelme olmadığından logolar daha belirgin */
@media (hover: none) {
  .brands__track a { opacity: .85; }
}

/* Sepet çekmecesi: kampanya notu (ör. "İlk siparişe özel %10 — üye olun ya da giriş yapın") */
.cart-hint { margin: 2px 0 0; padding: 8px 10px; border-radius: var(--r-sm); background: rgb(240 128 31 / .1); color: var(--ink); font-size: 12.5px; line-height: 1.4; }

/* ---------- Ana sayfa: kampanya bannerları (Pazarlama › Kampanyalar › Kampanya Görseli) ---------- */
.camp-bnrs { display: grid; gap: var(--s4); margin-top: var(--s5); }
.camp-bnrs[hidden] { display: none; }
.camp-bnr {
  position: relative; display: block; overflow: hidden; border-radius: var(--r-lg); background: var(--ink);
  box-shadow: 0 18px 40px -26px rgb(0 0 0 / .55); transition: transform var(--t-mid) var(--ease-out), box-shadow var(--t-mid);
}
.camp-bnr img { display: block; width: 100%; height: auto; }
.camp-bnr::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, transparent 35%, rgb(255 255 255 / .12) 50%, transparent 65%);
  transform: translateX(-100%); transition: transform 900ms var(--ease-out);
}
.camp-bnr:hover { transform: translateY(-3px); box-shadow: 0 26px 50px -26px rgb(0 0 0 / .6), 0 0 0 2px rgb(var(--orange-glow) / .55); }
.camp-bnr:hover::after { transform: translateX(100%); }
.camp-bnr:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
@media (max-width: 600px) { .camp-bnrs { gap: var(--s3); margin-top: var(--s4); } .camp-bnr { border-radius: var(--r-md); } }
@media (prefers-reduced-motion: reduce) { .camp-bnr, .camp-bnr::after { transition: none; } }

/* ---------- Ana sayfa: çok satanlar (4 + 4) ---------- */
.top-sellers[hidden] { display: none; }
.top-sellers .p-grid { --cols: 4; }
@media (max-width: 1100px) { .top-sellers .p-grid { --cols: 3; } }
@media (max-width: 760px) { .top-sellers .p-grid { --cols: 2; } }

/* Üye ol: e-posta / telefon zaten kayıtlı uyarısı */
.isg-page .taken-note {
  display: flex; gap: 10px; align-items: flex-start;
  margin-top: var(--s2); padding: 10px 12px;
  border: 1px solid rgb(216 65 47 / .28); border-left: 3px solid var(--danger); border-radius: var(--r-sm);
  background: rgb(216 65 47 / .06); color: var(--ink); font-size: var(--fs-13); line-height: 1.5;
}
.isg-page .taken-note[hidden] { display: none; }
.isg-page .taken-note svg { width: 18px; height: 18px; flex: none; margin-top: 1px; fill: none; stroke: var(--danger); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.isg-page .taken-note b { display: block; font-weight: 800; color: var(--danger); }
.isg-page .taken-note span { color: var(--slate); }
.isg-page .taken-note a { color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 3px; }
.isg-page .taken-note a:hover { color: var(--orange-deep); }
.isg-page :is(input, select, textarea).input-validation-error { border-color: var(--danger); }
.isg-page :is(input, select, textarea).input-validation-error:focus { box-shadow: 0 0 0 4px rgb(216 65 47 / .14); }
.isg-page .field-error:empty { display: none; }
.isg-page .field-error:has(+ .taken-note:not([hidden])) { display: none; }

/* Hesabım: kayıtlı e-posta (görünür, değiştirilemez) */
.isg-page .locked-field { position: relative; }
.isg-page .locked-field input[type=email][readonly] { padding-right: 44px; background: var(--paper, #F4F4F2); color: var(--ink); cursor: default; }
.isg-page .locked-field input[type=email][readonly]:focus { border-color: var(--rule); box-shadow: none; }
.isg-page .locked-field svg { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; fill: none; stroke: var(--slate); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.isg-page .locked-tag { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--orange-wash); color: var(--orange-deep); font-size: 10.5px; font-weight: 800; letter-spacing: .02em; vertical-align: middle; }

/* Üyeye özel indirim (sepet, çekmece, ürün kartı/sayfası, Hesabım) */
.member-chip, .isg-page .member-chip {
  display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 800; white-space: nowrap; letter-spacing: .01em;
  color: var(--ink); background: var(--orange); box-shadow: none;
}
.p-card__badges .member-chip { font-size: 11px; padding: 4px 9px; }
.member-price-note {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 4px 0 var(--s4);
  padding: 10px 14px; border-radius: var(--r-sm); border: 1px dashed var(--orange);
  background: var(--orange-wash); font-size: var(--fs-14); color: var(--ink);
}
.member-price-note b { font-size: var(--fs-16); }
.member-price-note small { color: var(--slate); }
.cart-line .member-line { display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.cart-line .member-line s { color: var(--slate); font-size: var(--fs-12); }
.isg-page .member-offer-note { background: var(--orange-wash); color: var(--ink); box-shadow: inset 0 0 0 1px rgb(240 128 31 / .35); border-radius: var(--r-sm); }
.isg-page .member-offer-card { border-color: var(--orange) !important; background: linear-gradient(135deg, var(--orange-wash), var(--white) 60%) !important; }
.isg-page .member-offer-card__badge { background: var(--ink); color: var(--orange); box-shadow: var(--glow-sm, none); }
.cart-price .member-chip { margin: 0 0 0 4px; vertical-align: 1px; }
/* Seçim kartları: temanın genel "submit düğmesi" görünümünü almasın */
.isg-page .discount-choice button.dc-opt[type="submit"] {
  display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 12px; justify-content: stretch;
  min-height: 0; padding: 12px 14px; width: 100%; text-align: left;
  border: 1.5px solid var(--rule); border-radius: var(--r-sm); background: var(--white); color: var(--ink);
  font-size: var(--fs-14); font-weight: 500; box-shadow: none;
}
.isg-page .discount-choice button.dc-opt[type="submit"]:hover { background: var(--white); border-color: var(--slate); box-shadow: none; }
.isg-page .discount-choice button.dc-opt.is-on[type="submit"],
.isg-page .discount-choice button.dc-opt.is-on[type="submit"]:hover { border-color: var(--orange); background: var(--orange-wash); box-shadow: 0 0 0 3px rgb(240 128 31 / .16); }
.isg-page .dc-opt.is-on .dc-radio { border-color: var(--orange); }
.isg-page .dc-opt.is-on .dc-radio::after { background: var(--orange); }
.isg-page .dc-text b { font-weight: 800; }
.isg-page .dc-best { color: var(--ink); background: var(--orange); }

/* Başka sitelerden yapıştırılan açıklamalardaki beyaz arka planlar (gri zeminde şerit gibi görünüyordu).
   Panel artık kayıtta temizliyor; bu kural daha önce kaydedilmiş açıklamalar için. */
.prose [style*="background-color: rgb(255, 255, 255)" i],
.prose [style*="background-color:rgb(255,255,255)" i],
.prose [style*="background-color: #fff" i],
.prose [style*="background-color:#fff" i],
.prose [style*="background-color: white" i],
.prose [style*="background-color:white" i],
.prose [style*="background-color: rgba(255, 255, 255, 1)" i],
.prose [style*="background-color:rgba(255,255,255,1)" i],
.prose [style*="background-color: transparent" i] { background-color: transparent !important; }