.mmg-prm {
  --prm-bg: #141c2b;
  --prm-text: #f0f3f9;
  --prm-muted: #b7c3d6;
  --prm-line: #48556b;
  --prm-input: #1b2536;
  --prm-accent-1: #2a4cb4;
  --prm-accent-2: #8a54ff;
  --prm-accent-3: #26b8d4;
  box-sizing: border-box;
  color: var(--prm-text);
  background:
    radial-gradient(700px 340px at 10% 0%, rgba(42, 76, 180, 0.2), transparent 60%),
    radial-gradient(620px 320px at 95% 100%, rgba(138, 84, 255, 0.16), transparent 58%),
    radial-gradient(460px 220px at 80% 22%, rgba(38, 184, 212, 0.14), transparent 55%),
    var(--prm-bg);
  font: 16px/1.6 Inter, system-ui, sans-serif;
  border: 1px solid var(--prm-line);
  border-radius: 24px;
  padding: clamp(18px, 3vw, 36px);
  margin: 28px auto;
  width: min(1480px, calc(100% - 32px));
  text-align: left;
  overflow-wrap: anywhere;
}

html.theme-light .mmg-prm {
  --prm-bg: #fff;
  --prm-text: #19283c;
  --prm-muted: #4a5b70;
  --prm-line: #bcc6d4;
  --prm-input: #f1f4f8;
}

.mmg-prm * { box-sizing: border-box; }
.mmg-prm h1, .mmg-prm h2, .mmg-prm h3 { color: var(--prm-text); margin: 0 0 12px; line-height: 1.3; }
.mmg-prm p { color: var(--prm-muted); margin: 12px 0; }
.mmg-prm a { color: inherit; text-underline-offset: 3px; }

.mmg-prm-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.mmg-prm-heading h2 { font-size: 28px; }

.mmg-prm-controls,
.mmg-prm-actions { display: flex; gap: 14px; flex-wrap: wrap; align-items: end; margin: 18px 0; }

.mmg-prm label { display: grid; gap: 6px; color: var(--prm-text); }

.mmg-prm button,
.mmg-prm .mmg-prm-link {
  min-height: 44px;
  border: 1px solid color-mix(in oklab, var(--prm-line) 70%, transparent);
  border-radius: 10px;
  padding: 10px 16px;
  background: var(--prm-input);
  color: var(--prm-text);
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  white-space: normal;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.mmg-prm button:hover,
.mmg-prm .mmg-prm-link:hover {
  transform: translateY(-2px);
  border-color: color-mix(in oklab, var(--prm-accent-3) 45%, var(--prm-line));
  box-shadow: 0 12px 24px rgba(38, 184, 212, 0.14);
}

.mmg-prm button:disabled { cursor: not-allowed; opacity: .72; }
.mmg-prm :focus-visible { outline: 3px solid #568cea; outline-offset: 3px; }

.mmg-prm input,
.mmg-prm select,
.mmg-prm textarea {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--prm-line);
  border-radius: 10px;
  background: var(--prm-input);
  color: var(--prm-text);
  font: inherit;
}

.mmg-prm-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.mmg-prm-card {
  position: relative;
  border: 1px solid var(--prm-line);
  border-top: 5px solid var(--plan-color);
  border-radius: 16px;
  padding: 22px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  overflow: clip;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--plan-color) 20%, transparent), transparent 42%),
    color-mix(in oklab, var(--prm-bg) 92%, var(--plan-color) 8%);
  backdrop-filter: blur(2px);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  box-shadow: 0 10px 28px rgba(5, 16, 32, 0.14);
  cursor: pointer;
}

.mmg-prm-card:focus-visible {
  outline: 3px solid color-mix(in oklab, var(--plan-color) 72%, white);
  outline-offset: 4px;
}

.mmg-prm-card[data-plan=bireysel] { --plan-color: #36a568; }
.mmg-prm-card[data-plan=isletme] { --plan-color: #488be4; }
.mmg-prm-card[data-plan=profesyonel] { --plan-color: #cfa42e; }
.mmg-prm-card[data-plan=kurumsal] { --plan-color: #de535a; }

.mmg-prm-card[data-plan=kurumsal] {
  border-top-width: 6px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--plan-color) 24%, transparent), transparent 44%),
    color-mix(in oklab, var(--prm-bg) 90%, var(--plan-color) 10%);
}

html.theme-light .mmg-prm-card {
  border-color: color-mix(in oklab, var(--plan-color) 26%, #d9e0e8);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--plan-color) 16%, transparent), transparent 46%),
    linear-gradient(180deg, #fff 0%, color-mix(in oklab, #fff 95%, var(--plan-color) 5%) 100%);
  box-shadow: 0 12px 30px rgba(31, 49, 73, 0.10);
}

.mmg-prm-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in oklab, var(--plan-color) 40%, var(--prm-line));
  box-shadow: 0 18px 36px color-mix(in oklab, var(--plan-color) 18%, rgba(5, 16, 32, .18));
}

.mmg-prm-title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.mmg-prm-grid .mmg-prm-card[data-plan=kurumsal] { position: relative; }

.mmg-prm-tier-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-family: IBM Plex Mono, monospace;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid color-mix(in oklab, var(--plan-color) 55%, transparent);
  background: var(--plan-color);
}

.mmg-prm-tier-label::before { content: "✦"; font-size: 12px; line-height: 1; }

.mmg-prm-feature-list {
  margin: 10px 0 4px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.mmg-prm-feature-item {
  position: relative;
  margin: 0;
  padding: 7px 2px;
  border-radius: 8px;
  border: 0;
  border-bottom: 1px solid color-mix(in oklab, var(--prm-line) 52%, transparent);
  background: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
}

.mmg-prm-feature-item::before {
  content: var(--feature-icon, '"•"');
  font-size: 12px;
  font-weight: 700;
}

.mmg-prm-feature-item[data-state='open'] { color: var(--prm-text); }
.mmg-prm-feature-item[data-state='locked'] { color: var(--prm-muted); opacity: .72; }

.mmg-prm-premium-badge {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-size: 13px;
  color: #fff;
  background: var(--plan-color);
  border: 1px solid var(--plan-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}

.mmg-prm-premium-badge {
  animation: prmBadgePulse 2.6s ease-in-out infinite;
}

.mmg-prm-card h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  line-height: 1.35;
  font-size: 21px;
  max-width: calc(100% - 8px);
}

.mmg-prm-price-row{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;min-width:0;text-align:right;white-space:nowrap;font-family:Inter,Arial,sans-serif}
.mmg-prm-price-row>.mmg-prm-price{min-width:0;text-align:right}
.mmg-prm-price-row>small{flex:none;white-space:nowrap;font-family:inherit;font-size:12px;font-weight:500;line-height:1.35}
.mmg-prm-price { font-size: clamp(23px, 2.3vw, 32px); font-weight: 750; line-height: 1.35; }
.mmg-prm-yearly-price { min-height: 28px; margin-top: 5px; color: var(--prm-muted); font-size: 12px; font-weight: 700; }
.mmg-prm-card small { color: var(--prm-muted); }
.mmg-prm-card p { font-size: 14px; flex: none; min-height: 58px; }

.mmg-prm-store-launchers {
  display: grid;
  gap: 9px;
  margin-top: 2px;
}

.mmg-prm-store-launcher {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
  padding: 9px 12px;
  font-size: 14px;
  background: color-mix(in oklab, var(--prm-input) 70%, var(--plan-color, #000) 30%);
}

.mmg-prm-store-icon {
  font-size: 17px;
  width: 20px;
  text-align: center;
}

.mmg-prm-note {
  padding: 14px 16px;
  border-left: 4px solid #c6a15b;
  background: var(--prm-input);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.mmg-prm-note::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--prm-accent-1) 12%, transparent) 35%, transparent 100%);
  opacity: .45;
}

.mmg-prm-status { white-space: pre-line; min-height: 26px; color: var(--prm-text) !important; }

.mmg-prm details {
  border-top: 1px solid var(--prm-line);
  margin-top: 24px;
  padding-top: 20px;
}

.mmg-prm summary { cursor: pointer; font-weight: 700; min-height: 44px; }

.mmg-prm form { display: grid; gap: 14px; }
.mmg-prm textarea { min-height: 110px; resize: vertical; }

.mmg-prm-ticket-list { display: grid; gap: 10px; margin: 18px 0; }
.mmg-prm-ticket-list button { text-align: left; justify-content: flex-start; }

.mmg-prm-messages {
  display: grid;
  gap: 12px;
  max-height: 440px;
  overflow: auto;
  padding: 8px;
}

.mmg-prm-message {
  background: var(--prm-input);
  border: 1px solid var(--prm-line);
  border-radius: 12px;
  padding: 12px;
  white-space: pre-wrap;
}

.mmg-prm-message strong { display: block; }
.mmg-prm [hidden] { display: none !important; }

body.mmg-module-open .mmg-prm-home, body.mmg-home-category-open .mmg-prm-home { display: none; }
.mmg-prm-home { max-width: 1500px; }
.mmg-prm-home .mmg-prm-grid { margin-top: 18px; }
.mmg-prm-step { padding: 18px 0; border-top: 1px solid var(--prm-line); }

.mmg-prm-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mmg-prm-checks label { display: flex; align-items: center; gap: 8px; }
.mmg-prm-checks input { width: 20px; min-height: 20px; }

.mmg-prm-support-note {
  margin-top: 8px;
  font-size: 12.5px;
  color: var(--prm-muted);
}

.mmg-prm-quotas { margin-top: 8px; list-style: none; padding: 0; display: grid; grid-template-rows: repeat(6, minmax(42px, auto)); gap: 8px; }
.mmg-prm-quotas li {
  margin: 0;
  padding: 8px 10px;
  border-radius: 9px;
  background: color-mix(in oklab, var(--plan-color) 8%, var(--prm-input));
  border: 1px solid color-mix(in oklab, var(--plan-color) 18%, var(--prm-line));
}
.mmg-prm-quotas .mmg-prm-seat-limit {
  border: 2px solid var(--plan-color);
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 800;
  white-space: nowrap;
  background: color-mix(in oklab, var(--plan-color) 18%, var(--prm-input));
}

.mmg-prm-benefits {
  margin-top: 18px;
  padding: 14px 16px;
  background: var(--prm-input);
  border: 1px solid var(--prm-line);
  border-radius: 12px;
}

.mmg-prm-benefits h3 { font-size: 18px; }

.mmg-prm-benefits-list { margin: 10px 0 0 18px; padding: 0; }
.mmg-prm-benefits-list li { margin: 6px 0; line-height: 1.5; }
.mmg-prm-benefits-list li::marker { color: var(--teal, #3fb68a); }

@media (max-width: 1180px) {
  .mmg-prm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mmg-prm-quotas .mmg-prm-seat-limit { white-space: normal; }
}

@media (max-width: 540px) {
  .mmg-prm-grid { grid-template-columns: 1fr; }
  .mmg-prm-controls > * { flex: 1; min-width: 110px; }
  .mmg-prm { width: calc(100% - 20px); padding: 18px; border-radius: 16px; }
  .mmg-prm-card { padding: 18px; }
  .mmg-prm-checks { grid-template-columns: 1fr; }
  .mmg-prm-actions > * { width: 100%; }
}

@keyframes prmBadgePulse {
  0%, 100% { transform: scale(1); box-shadow: 0 4px 12px rgba(0, 0, 0, .12); }
  50% { transform: scale(1.05); box-shadow: 0 8px 18px rgba(0, 0, 0, .18); }
}

/* Shared comparison tracks keep every plan aligned without fixed text heights. */
.mmg-prm > label { max-width: 240px; margin-bottom: 20px; }
.mmg-prm .mmg-prm-grid { align-items: stretch; gap: 16px; }
.mmg-prm .mmg-prm-card { margin: 0; border-top-width: 4px; transform: none; }
.mmg-prm .mmg-prm-card:hover,
.mmg-prm .mmg-prm-card:focus-visible { transform: translateY(-4px); box-shadow: 0 10px 26px #10203926; border-color: var(--plan-color); }
.mmg-prm .mmg-prm-card:focus-visible { outline: 3px solid var(--plan-color); outline-offset: 3px; }
.mmg-prm-store-overlay, .mmg-prm-store-overlay * { box-sizing: border-box; }
.mmg-prm-store-overlay ul { padding-left: 20px; line-height: 1.6; }
.mmg-prm-store-overlay a:focus-visible { outline: 3px solid var(--brass,#C6A15B); outline-offset: 2px; }
.mmg-prm-store-overlay { z-index: 2147483647 !important; }
.mmg-prm-store-overlay > div { display: flex; flex-direction: column; overflow: hidden !important; }
.mmg-prm-store-overlay .mmg-prm-store-details { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.mmg-prm-store-overlay .mmg-prm-store-list,
.mmg-prm-store-overlay > div > h3,
.mmg-prm-store-overlay > div > button { flex-shrink: 0; }
.mmg-prm-store-overlay .mmg-prm-quotas,
.mmg-prm-store-overlay .mmg-prm-feature-list { display: block; grid-template-rows: none; min-height: 0; margin: 8px 0; padding: 0; list-style: none; }
.mmg-prm-store-overlay .mmg-prm-quotas li,
.mmg-prm-store-overlay .mmg-prm-feature-item { display: block; min-height: 0; height: auto; margin: 0; padding: 5px 0; font-size: 14px; line-height: 1.4; white-space: normal; }
.mmg-prm-store-overlay .mmg-prm-quotas .mmg-prm-seat-limit { font-size: 14px; white-space: normal; }
@media (prefers-reduced-motion: reduce) { .mmg-prm .mmg-prm-card { transition: none; } .mmg-prm .mmg-prm-card:hover, .mmg-prm .mmg-prm-card:focus-visible { transform: none; } }
.mmg-prm .mmg-prm-card > p { margin: 0; }
.mmg-prm .mmg-prm-quotas,
.mmg-prm .mmg-prm-feature-list { margin: 0; padding: 0; gap: 0; }
.mmg-prm .mmg-prm-quotas li,
.mmg-prm .mmg-prm-feature-item {
  display: flex; align-items: center; min-height: 44px;
  margin: 0; padding: 10px 0; border: 0;
  border-bottom: 1px solid var(--prm-line); border-radius: 0;
  background: transparent; white-space: normal; line-height: 1.45;
}
.mmg-prm .mmg-prm-quotas .mmg-prm-seat-limit { font-size: inherit; }
@supports (grid-template-rows: subgrid) {
  .mmg-prm .mmg-prm-grid { row-gap: 12px; }
  .mmg-prm .mmg-prm-card {
    display: grid; grid-row: span 16; grid-template-rows: subgrid;
    gap: 12px; padding: 20px 16px;
  }
  .mmg-prm .mmg-prm-card > :is(h3,p,.mmg-prm-yearly-price) { margin: 0; min-height: 0; }
  .mmg-prm .mmg-prm-quotas { display: grid; grid-row: span 4; grid-template-rows: subgrid; }
  .mmg-prm .mmg-prm-feature-list { display: grid; grid-row: span 5; grid-template-rows: subgrid; }
}
@media (max-width: 1180px) {
  .mmg-prm .mmg-prm-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
  .mmg-prm .mmg-prm-grid { grid-template-columns: minmax(0,1fr); }
}

.mmg-prm [data-trial-start],.mmg-prm [data-trial-select]{position:relative;display:block;min-height:38px;height:auto;white-space:normal;padding:8px 10px;border:1px solid var(--plan-color);border-radius:8px;color:var(--prm-text);background:var(--prm-bg);font:600 13px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.mmg-prm [data-trial-start]:disabled,.mmg-prm [data-trial-select]:disabled{opacity:.6;cursor:wait}
.mmg-prm .mmg-prm-trial-note{font:400 12px/1.45 Inter,Arial,sans-serif;min-height:0;overflow-wrap:anywhere;color:var(--prm-muted)}
.mmg-prm .mmg-prm-card[aria-pressed=true]{outline:2px solid var(--plan-color);outline-offset:2px}
.mmg-prm-trial-panel{margin:20px 0;padding:16px;border:1px solid var(--prm-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.mmg-prm-trial-panel p{margin:0}.mmg-prm [data-trial-start]{--plan-color:var(--brass,#c6a15b);min-width:200px;max-width:100%}
/* Scoped compact plan details and heading currency. */
.mmg-prm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mmg-prm-heading>.mmg-prm-currency{display:flex;align-items:center;gap:8px;margin-left:auto;align-self:flex-start;font:500 13px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.mmg-prm-currency select{width:auto;min-width:72px;max-width:100px;margin:0}
.mmg-prm-store-overlay>div{font:400 13px/1.45 Inter,Arial,sans-serif}
.mmg-prm-store-overlay p{font-size:13px!important;line-height:1.45!important;margin-bottom:8px!important}
.mmg-prm-store-overlay .mmg-prm-store-btn{font-size:13px;min-width:0;padding:8px 10px}
.mmg-prm-store-overlay .mmg-prm-store-btn svg{display:block;width:24px;height:24px;flex:0 0 24px}
.mmg-prm-store-overlay .mmg-prm-quotas li,.mmg-prm-store-overlay .mmg-prm-feature-item,.mmg-prm-store-overlay .mmg-prm-seat-limit{font-size:13px!important;line-height:1.4!important;padding:3px 0!important}
@media(max-width:480px){.mmg-prm-heading>div{width:100%}.mmg-prm-heading>.mmg-prm-currency{margin-left:auto}.mmg-prm-store-overlay{padding:10px}.mmg-prm-store-overlay>div{width:100%;max-height:calc(100dvh - 20px)}}

.mmg-prm .mmg-prm-currency select{height:32px;min-height:32px;padding:4px 10px;line-height:22px;border-radius:8px;box-sizing:border-box;vertical-align:middle}

/* 06.10: controls follow text height; comparison rows stay content-sized. */
.mmg-prm button,.mmg-prm .mmg-prm-link,.mmg-prm input:not([type=checkbox]):not([type=radio]),.mmg-prm select{min-height:0;height:auto;padding:2px 8px;line-height:1.4;box-sizing:border-box;align-self:start}
.mmg-prm .mmg-prm-currency select{height:auto;min-height:0;padding:2px 8px;font:inherit;line-height:22px;max-width:100px}
.mmg-prm [data-trial-start],.mmg-prm [data-trial-select]{min-height:0;height:auto;padding:2px 8px;line-height:1.4;width:100%;min-width:0;align-self:start}
.mmg-prm .mmg-prm-quotas li,.mmg-prm .mmg-prm-feature-item{min-height:0;padding:3px 0;align-self:start}
.mmg-prm .mmg-prm-trial-note{align-self:start;position:static;min-height:0;margin:0;padding:0}
.mmg-prm .mmg-prm-card{gap:8px;padding:14px 12px}

html body .mmg-prm .mmg-prm-currency select{height:28px!important;min-height:0!important;padding:2px 8px!important;line-height:22px!important;box-sizing:border-box!important}
html body .mmg-prm [data-trial-start],html body .mmg-prm [data-trial-select]{min-height:0!important;height:auto!important;padding:2px 8px!important;line-height:1.4!important}