/* DİKKAT: Bu dosya build'e girmez. Bu stiller şu section styles.css dosyasına kopyalanmıştır: src/components/ProductDetail. Değişiklikte senkron tut. */

/* ═══════════════════════════════════════════════════════════════════════════
   JerseyConfigurator — forma kişiselleştirme configurator'ı (kanonik kaynak).
   Amed dili: beyaz yüzey + ana yeşil seçim + ince çerçeveler; SaaS kart
   yığını YOK. Segmentler ve alanlar PDP option grubu ölçüsünde kompakttır.
   ═══════════════════════════════════════════════════════════════════════════ */

.cc_nugnohn9_Hiu7dFbbGQ .jcfg, .cc_nugnohn9_APfMi3FPHZ .jcfg {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin: var(--space-sm) 0;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg:focus, .cc_nugnohn9_APfMi3FPHZ .jcfg:focus {
  outline: none;
}

/* Bölüm başlığı — variant etiketlerinden bir kademe güçlü; hero değil. */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-title, .cc_nugnohn9_APfMi3FPHZ .jcfg-title {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 600;
  color: var(--color-text-primary);
}

/* ── Mod segmentleri: [Yok][Futbolcu][Kişiselleştir] — tek bitişik kontrol ── */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-modes, .cc_nugnohn9_APfMi3FPHZ .jcfg-modes {
  display: flex;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  overflow: hidden;
  background: var(--color-surface);
  /* Segment olculeri KONTEYNERE bagli (cqw): PDP sag kolonu 375'te daralinca
     ikon + "Kisisellestir" tek satirda kalir, masaustunde tam olcuye cikar. */
  container-type: inline-size;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode, .cc_nugnohn9_APfMi3FPHZ .jcfg-mode {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  /* IKON + ETIKET tek satir, optik merkez (homepage pill'leriyle ayni dil) */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, 1.9cqw, 8px);
  padding: 10px clamp(4px, 1.6cqw, 12px);
  background: transparent;
  border: 0;
  border-right: 1px solid var(--color-border);
  font-family: var(--font-label);
  font-size: clamp(13px, 3.5cqw, 14px);
  font-weight: 500;
  color: var(--color-text-primary);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  transition: background var(--motion-fast) var(--ease-standard),
    color var(--motion-fast) var(--ease-standard);
}

/* Simge: dekoratif, currentColor ile secili durumda beyaza doner. */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode-icon, .cc_nugnohn9_APfMi3FPHZ .jcfg-mode-icon {
  flex: 0 0 auto;
  width: clamp(16px, 4.3cqw, 18px);
  height: clamp(16px, 4.3cqw, 18px);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode-label, .cc_nugnohn9_APfMi3FPHZ .jcfg-mode-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode:last-child, .cc_nugnohn9_APfMi3FPHZ .jcfg-mode:last-child {
  border-right: 0;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode:hover:not(.is-selected), .cc_nugnohn9_APfMi3FPHZ .jcfg-mode:hover:not(.is-selected) {
  background: var(--color-accent-light);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode.is-selected, .cc_nugnohn9_APfMi3FPHZ .jcfg-mode.is-selected {
  background: var(--color-amed-green);
  color: #fff;
  font-weight: 600;
}

/* ── Alanlar ── */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-fields, .cc_nugnohn9_APfMi3FPHZ .jcfg-fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-field, .cc_nugnohn9_APfMi3FPHZ .jcfg-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-label, .cc_nugnohn9_APfMi3FPHZ .jcfg-label {
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 500;
  color: var(--color-text-primary);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-input-wrap, .cc_nugnohn9_APfMi3FPHZ .jcfg-input-wrap {
  position: relative;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-input, .cc_nugnohn9_APfMi3FPHZ .jcfg-input, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-select, .cc_nugnohn9_APfMi3FPHZ .jcfg-select {
  width: 100%;
  min-height: 44px;
  padding: 10px 14px;
  font-family: var(--font-body);
  font-size: var(--text-body);
  color: var(--color-text-primary);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  transition: border-color var(--motion-fast) var(--ease-standard);
}

/* Sayaç input içinde sağda — metinle çakışmasın */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-input, .cc_nugnohn9_APfMi3FPHZ .jcfg-input {
  padding-right: 64px;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-input:hover, .cc_nugnohn9_APfMi3FPHZ .jcfg-input:hover, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-select:hover, .cc_nugnohn9_APfMi3FPHZ .jcfg-select:hover {
  border-color: var(--color-amed-green);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-input:focus-visible, .cc_nugnohn9_APfMi3FPHZ .jcfg-input:focus-visible, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-select:focus-visible, .cc_nugnohn9_APfMi3FPHZ .jcfg-select:focus-visible {
  border-color: var(--color-amed-green);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-input.is-invalid, .cc_nugnohn9_APfMi3FPHZ .jcfg-input.is-invalid, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-select.is-invalid, .cc_nugnohn9_APfMi3FPHZ .jcfg-select.is-invalid {
  border-color: var(--color-error);
}

/* Karakter sayacı — gerçek kabul limitiyle birebir (maxLength). */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-counter, .cc_nugnohn9_APfMi3FPHZ .jcfg-counter {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-label);
  font-size: var(--text-label);
  color: var(--color-text-muted);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

/* ── Futbolcu: kısa kadro buton listesi (≤4), uzun kadro dropdown ── */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-players, .cc_nugnohn9_APfMi3FPHZ .jcfg-players {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-player, .cc_nugnohn9_APfMi3FPHZ .jcfg-player {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  min-height: 44px;
  padding: 10px 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 500;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: border-color var(--motion-fast) var(--ease-standard),
    background var(--motion-fast) var(--ease-standard),
    color var(--motion-fast) var(--ease-standard);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-player:hover:not(.is-selected), .cc_nugnohn9_APfMi3FPHZ .jcfg-player:hover:not(.is-selected) {
  border-color: var(--color-amed-green);
  background: var(--color-accent-light);
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-player.is-selected, .cc_nugnohn9_APfMi3FPHZ .jcfg-player.is-selected {
  background: var(--color-amed-green);
  border-color: var(--color-amed-green);
  color: #fff;
}

.cc_nugnohn9_Hiu7dFbbGQ .jcfg-player-number, .cc_nugnohn9_APfMi3FPHZ .jcfg-player-number {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

/* Eski BÜYÜK mobil "CANLI ÖNİZLEME" (.jcfg-preview-*) kaldırıldı — ana ürün
   viewer'ı (JerseyStageLayer, .pdp-personalized-*) PDP'nin ana önizlemesidir.
   Tek kolon PDP (<1024) KOMPAKT önizleme: İsim/Numara alanlarının hemen
   üstünde, aynı JerseyStageLayer'ın ikinci örneği; yalnız baskı bandını
   (≈%21–63) gösteren sabit yükseklikli pencere — CLS yok, sticky yok,
   etkileşimsiz. Kanvas genişliği pencere yüksekliğine bağlı (11/7) → kısa
   ekranda bant KIRPILMAZ, orantılı küçülür. */
.cc_nugnohn9_Hiu7dFbbGQ .jcfg-compact-preview, .cc_nugnohn9_APfMi3FPHZ .jcfg-compact-preview {
  display: none;
}

@media (max-width: 1023px) {
  .cc_nugnohn9_Hiu7dFbbGQ .jcfg-compact-preview, .cc_nugnohn9_APfMi3FPHZ .jcfg-compact-preview {
    --jcfg-cp-h: 140px;
    display: block;
    position: relative;
    height: var(--jcfg-cp-h);
    margin-bottom: var(--space-sm);
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-control);
    background: var(--color-surface);
    pointer-events: none;
  }

  .cc_nugnohn9_Hiu7dFbbGQ .jcfg-compact-preview-canvas, .cc_nugnohn9_APfMi3FPHZ .jcfg-compact-preview-canvas {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(var(--jcfg-cp-h) * 11 / 7);
    aspect-ratio: 2 / 3;
    transform: translate(-50%, -21%);
  }
}

/* Kısa ekran (≈667 ve altı yükseklik): klavye açıkken önizleme + İsim +
   Numara tek ekrana sığsın diye pencere ve alt boşluk küçülür. */
@media (max-width: 1023px) and (max-height: 740px) {
  .cc_nugnohn9_Hiu7dFbbGQ .jcfg-compact-preview, .cc_nugnohn9_APfMi3FPHZ .jcfg-compact-preview {
    --jcfg-cp-h: 100px;
    margin-bottom: var(--space-xs);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_Hiu7dFbbGQ .jcfg-mode, .cc_nugnohn9_APfMi3FPHZ .jcfg-mode, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-input, .cc_nugnohn9_APfMi3FPHZ .jcfg-input, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-select, .cc_nugnohn9_APfMi3FPHZ .jcfg-select, .cc_nugnohn9_Hiu7dFbbGQ .jcfg-player, .cc_nugnohn9_APfMi3FPHZ .jcfg-player {
    transition: none !important;
  }
}

/* DİKKAT: Bu dosya build'e girmez. Aşağıdaki blok şu section styles.css dosyalarına birebir kopyalanmıştır: src/components/ProductDetail, src/components/JerseyCustomizer. Değişiklikte senkron tut (tests/personalization-confirm.test.ts kontrol eder). */

/* === PersonalizationConfirmModal:start === */
.cc_nugnohn9_Hiu7dFbbGQ .pcm, .cc_nugnohn9_APfMi3FPHZ .pcm {
  position: fixed;
  inset: 0;
  z-index: var(--z-modal, 1000);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
    max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  animation: pcm-fade-in var(--motion-normal, 200ms) var(--ease-standard, ease) both;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-backdrop, .cc_nugnohn9_APfMi3FPHZ .pcm-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 23, 13, 0.52);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-panel, .cc_nugnohn9_APfMi3FPHZ .pcm-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
  max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  background: var(--color-surface);
  border-radius: var(--radius-control);
  box-shadow: 0 20px 48px rgba(7, 23, 13, 0.18);
  overflow: hidden;
  animation: pcm-panel-in var(--motion-slow, 320ms) var(--ease-emphasis, ease) both;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-close, .cc_nugnohn9_APfMi3FPHZ .pcm-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: color var(--motion-fast, 150ms) var(--ease-standard, ease),
    background-color var(--motion-fast, 150ms) var(--ease-standard, ease);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-close:hover:not(:disabled), .cc_nugnohn9_APfMi3FPHZ .pcm-close:hover:not(:disabled) {
  color: var(--color-text-primary);
  background: var(--color-surface-alt);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-close:disabled, .cc_nugnohn9_APfMi3FPHZ .pcm-close:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Önizleme: forma bütün ve orantılı (contain); mobilde kısa şerit. */
.cc_nugnohn9_Hiu7dFbbGQ .pcm-media, .cc_nugnohn9_APfMi3FPHZ .pcm-media {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(150px, 26dvh, 240px);
  padding: 12px;
  background: var(--color-surface-alt);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-media-canvas, .cc_nugnohn9_APfMi3FPHZ .pcm-media-canvas {
  position: relative;
  height: 100%;
  aspect-ratio: 2 / 3;
  max-width: 100%;
}

/* Ana sayfa önizleme sahnesi — JC'nin .jersey-preview-stage katmanını
   iç boşluksuz kullanır (baskı + görsel aynı çerçevede kalır). */
.cc_nugnohn9_Hiu7dFbbGQ .pcm-media-canvas .pcm-jc-stage, .cc_nugnohn9_APfMi3FPHZ .pcm-media-canvas .pcm-jc-stage {
  inset: 0;
  will-change: auto;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-content, .cc_nugnohn9_APfMi3FPHZ .pcm-content {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-accent, .cc_nugnohn9_APfMi3FPHZ .pcm-accent {
  display: inline-flex;
  gap: 4px;
  margin-bottom: 10px;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-accent-line, .cc_nugnohn9_APfMi3FPHZ .pcm-accent-line {
  display: block;
  width: 24px;
  height: 2px;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-accent-line--red, .cc_nugnohn9_APfMi3FPHZ .pcm-accent-line--red { background: var(--color-amed-red); }
.cc_nugnohn9_Hiu7dFbbGQ .pcm-accent-line--green, .cc_nugnohn9_APfMi3FPHZ .pcm-accent-line--green { background: var(--color-amed-green); }

.cc_nugnohn9_Hiu7dFbbGQ .pcm-title, .cc_nugnohn9_APfMi3FPHZ .pcm-title {
  margin: 0;
  padding-right: 36px;
  font-family: var(--font-display);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-product, .cc_nugnohn9_APfMi3FPHZ .pcm-product {
  margin: 6px 0 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: 1.4;
  color: var(--color-text-secondary);
  overflow-wrap: anywhere;
}

/* Mobilde 2×2 (uzun isim — ŞEVKETOĞLU — kelime ortasından kırılmaz);
   ≥768'de tek satır, isim kolonu daha geniş. */
.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary, .cc_nugnohn9_APfMi3FPHZ .pcm-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 16px 0 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-row, .cc_nugnohn9_APfMi3FPHZ .pcm-summary-row {
  min-width: 0;
  padding: 10px 8px 10px 0;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-row:nth-child(even), .cc_nugnohn9_APfMi3FPHZ .pcm-summary-row:nth-child(even) {
  padding-left: 10px;
  border-left: 1px solid var(--color-border);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-row:nth-child(n + 3), .cc_nugnohn9_APfMi3FPHZ .pcm-summary-row:nth-child(n + 3) {
  border-top: 1px solid var(--color-border);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-label, .cc_nugnohn9_APfMi3FPHZ .pcm-summary-label {
  margin: 0;
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-value, .cc_nugnohn9_APfMi3FPHZ .pcm-summary-value {
  margin: 4px 0 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-text-primary);
  overflow-wrap: break-word;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-row--price .pcm-summary-value, .cc_nugnohn9_APfMi3FPHZ .pcm-summary-row--price .pcm-summary-value {
  color: var(--color-accent-dark);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-warning, .cc_nugnohn9_APfMi3FPHZ .pcm-warning {
  margin-top: 16px;
  padding: 12px 14px;
  background: var(--color-surface-alt);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-warning-title, .cc_nugnohn9_APfMi3FPHZ .pcm-warning-title {
  margin: 0 0 6px;
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 600;
  line-height: 1.35;
  color: var(--color-text-primary);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-warning-text, .cc_nugnohn9_APfMi3FPHZ .pcm-warning-text {
  margin: 0;
  font-family: var(--font-body);
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-text-secondary);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-warning-text + .pcm-warning-text, .cc_nugnohn9_APfMi3FPHZ .pcm-warning-text + .pcm-warning-text {
  margin-top: 6px;
}

/* Butonlar içerikle kayar ama altta yapışık kalır — uzun metinde de
   her zaman erişilebilir. */
.cc_nugnohn9_Hiu7dFbbGQ .pcm-actions, .cc_nugnohn9_APfMi3FPHZ .pcm-actions {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: auto;
  padding: 16px 0 max(16px, env(safe-area-inset-bottom));
  background: var(--color-surface);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-warning + .pcm-actions, .cc_nugnohn9_APfMi3FPHZ .pcm-warning + .pcm-actions, .cc_nugnohn9_Hiu7dFbbGQ .pcm-summary + .pcm-actions, .cc_nugnohn9_APfMi3FPHZ .pcm-summary + .pcm-actions {
  margin-top: 16px;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn, .cc_nugnohn9_APfMi3FPHZ .pcm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 16px;
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  transition: background var(--motion-normal, 200ms) var(--ease-standard, ease),
    border-color var(--motion-normal, 200ms) var(--ease-standard, ease),
    color var(--motion-normal, 200ms) var(--ease-standard, ease),
    transform var(--motion-fast, 150ms) var(--ease-standard, ease);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn:active:not(:disabled), .cc_nugnohn9_APfMi3FPHZ .pcm-btn:active:not(:disabled) {
  transform: scale(var(--press-scale, 0.98));
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn--primary, .cc_nugnohn9_APfMi3FPHZ .pcm-btn--primary {
  background: var(--color-accent);
  color: #fff;
  border: 1px solid var(--color-accent);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn--primary:hover:not(:disabled), .cc_nugnohn9_APfMi3FPHZ .pcm-btn--primary:hover:not(:disabled) {
  background: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn--secondary, .cc_nugnohn9_APfMi3FPHZ .pcm-btn--secondary {
  background: var(--color-surface);
  color: var(--color-accent-dark);
  border: 1px solid var(--color-accent);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn--secondary:hover:not(:disabled), .cc_nugnohn9_APfMi3FPHZ .pcm-btn--secondary:hover:not(:disabled) {
  background: var(--color-accent-light);
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn:disabled, .cc_nugnohn9_APfMi3FPHZ .pcm-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-btn:focus-visible, .cc_nugnohn9_APfMi3FPHZ .pcm-btn:focus-visible, .cc_nugnohn9_Hiu7dFbbGQ .pcm-close:focus-visible, .cc_nugnohn9_APfMi3FPHZ .pcm-close:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.cc_nugnohn9_Hiu7dFbbGQ .pcm-spinner, .cc_nugnohn9_APfMi3FPHZ .pcm-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pcm-spin 0.8s linear infinite;
}

/* Çok dar ekran (320): butonlar alt alta. */
@media (max-width: 359px) {
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-actions, .cc_nugnohn9_APfMi3FPHZ .pcm-actions {
    grid-template-columns: 1fr;
  }
}

/* ≥768: iki kolon — solda forma, sağda bilgi (referans düzeni). */
@media (min-width: 768px) {
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-panel, .cc_nugnohn9_APfMi3FPHZ .pcm-panel {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    max-width: 880px;
    max-height: min(680px, calc(100dvh - 48px));
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-panel--no-preview, .cc_nugnohn9_APfMi3FPHZ .pcm-panel--no-preview {
    grid-template-columns: minmax(0, 1fr);
    max-width: 520px;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-media, .cc_nugnohn9_APfMi3FPHZ .pcm-media {
    height: auto;
    min-height: 0;
    padding: 28px;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-media-canvas, .cc_nugnohn9_APfMi3FPHZ .pcm-media-canvas {
    width: 100%;
    height: auto;
    max-height: 100%;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-content, .cc_nugnohn9_APfMi3FPHZ .pcm-content {
    padding: 32px 32px 0;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-summary, .cc_nugnohn9_APfMi3FPHZ .pcm-summary {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.7fr) minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-row:nth-child(n), .cc_nugnohn9_APfMi3FPHZ .pcm-summary-row:nth-child(n) {
    padding-left: 10px;
    border-top: 0;
    border-left: 1px solid var(--color-border);
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-summary-row:first-child, .cc_nugnohn9_APfMi3FPHZ .pcm-summary-row:first-child {
    padding-left: 0;
    border-left: 0;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-actions, .cc_nugnohn9_APfMi3FPHZ .pcm-actions {
    padding-bottom: 28px;
  }
}

@keyframes pcm-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pcm-panel-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

@keyframes pcm-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .cc_nugnohn9_Hiu7dFbbGQ .pcm, .cc_nugnohn9_APfMi3FPHZ .pcm, .cc_nugnohn9_Hiu7dFbbGQ .pcm-panel, .cc_nugnohn9_APfMi3FPHZ .pcm-panel {
    animation: none;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-btn, .cc_nugnohn9_APfMi3FPHZ .pcm-btn, .cc_nugnohn9_Hiu7dFbbGQ .pcm-close, .cc_nugnohn9_APfMi3FPHZ .pcm-close {
    transition: none;
  }
  .cc_nugnohn9_Hiu7dFbbGQ .pcm-spinner, .cc_nugnohn9_APfMi3FPHZ .pcm-spinner {
    animation-duration: 2.4s;
  }
}
/* === PersonalizationConfirmModal:end === */