#markam-planner { --mp-ink:#090916; --mp-yellow:#ffd62c; --mp-violet:#7457ff; --mp-page:light-dark(#f3f1ec,#14111e); --mp-panel:light-dark(#ffffff,#201b2c); --mp-text:light-dark(#12141c,#f4f0ff); --mp-muted:light-dark(#656875,#b7afc7); --mp-line:light-dark(#dedbd6,#3c344b); --mp-soft:light-dark(#f5f2ff,#2b2340); --mp-radius:18px; font-family:Inter,sans-serif; color:var(--mp-text); background:var(--mp-page); font-size:14px; line-height:1.5; width:100%; min-width:0; }
#markam-planner * { box-sizing:border-box; }
#markam-planner [hidden] { display:none!important; }
#markam-planner button, #markam-planner input, #markam-planner select, #markam-planner textarea { font:inherit; }
#markam-planner button { cursor:pointer; }
#markam-planner button:disabled { cursor:default; opacity:.4; }
#markam-planner button:focus-visible, #markam-planner input:focus-visible, #markam-planner select:focus-visible, #markam-planner summary:focus-visible, #markam-planner textarea:focus-visible { outline:3px solid var(--mp-violet); outline-offset:4px; }
#markam-planner h1, #markam-planner h2, #markam-planner h3, #markam-planner p { margin:0; }
#markam-planner button { border:0; }
#markam-planner .mp-shell { max-width:1200px; margin:0 auto; padding:0 32px; }
#markam-planner .mp-top { background:#120c1d; color:#fff; border-bottom:1px solid #392d49; }
#markam-planner .mp-nav { min-height:74px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
#markam-planner .mp-brand { color:#fff; font-family:Manrope,sans-serif; font-size:24px; font-weight:800; letter-spacing:-1.2px; background:transparent; padding:10px 0; }
#markam-planner .mp-brand span { color:var(--mp-yellow); }
#markam-planner .mp-navlinks { display:flex; align-items:center; gap:8px; }
#markam-planner .mp-navlinks button { background:transparent; color:#ddd5ed; padding:12px 14px; min-height:44px; font-size:12px; font-weight:600; border-radius:8px; }
#markam-planner .mp-navlinks button[aria-current="page"] { color:var(--mp-yellow); background:#2b2236; }
#markam-planner .mp-hero { background:#120c1d; color:#fff; padding:36px 0 40px; }
#markam-planner .mp-eyebrow { font-size:11px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; color:var(--mp-violet); display:block; margin-bottom:10px; }
#markam-planner .mp-hero .mp-eyebrow { color:var(--mp-yellow); }
#markam-planner h1 { font-family:Manrope,sans-serif; font-size:clamp(30px,4.1vw,48px); font-weight:800; letter-spacing:-1.8px; line-height:1.12; max-width:850px; }
#markam-planner .mp-hero p { font-size:14px; color:#c5bdcf; max-width:655px; margin-top:14px; line-height:1.7; }
#markam-planner .mp-hero .mp-trust { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:22px; font-size:12px; color:#e1daeb; }
#markam-planner .mp-trust span { display:flex; align-items:center; gap:6px; }
#markam-planner .mp-icon { display:inline-flex; vertical-align:middle; width:16px; height:16px; }
#markam-planner .mp-workspace { padding-top:30px; padding-bottom:34px; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:26px; align-items:start; }
#markam-planner .mp-main { min-width:0; }
#markam-planner .mp-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:14px; }
#markam-planner h2 { font-family:Manrope,sans-serif; font-size:21px; font-weight:800; letter-spacing:-.65px; }
#markam-planner .mp-quiet { color:var(--mp-muted); font-size:12px; }
#markam-planner .mp-plans { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#markam-planner .mp-plan { position:relative; display:flex; flex-direction:column; text-align:left; background:var(--mp-panel); color:var(--mp-text); border:1px solid var(--mp-line); border-radius:var(--mp-radius); padding:19px; min-width:0; transition:border-color .15s,box-shadow .15s; }
#markam-planner .mp-plan[aria-pressed="true"] { border:2px solid var(--mp-violet); padding:18px; box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-violet) 9%,transparent); }
#markam-planner .mp-plan-top { display:flex; align-items:center; justify-content:space-between; width:100%; gap:10px; margin-bottom:9px; }
#markam-planner .mp-plan-label { font-size:10px; font-weight:700; letter-spacing:1.3px; color:var(--mp-muted); }
#markam-planner .mp-radio { flex:0 0 18px; width:18px; height:18px; border:1.5px solid var(--mp-line); border-radius:50%; display:inline-grid; place-items:center; }
#markam-planner .mp-plan[aria-pressed="true"] .mp-radio { border:5px solid var(--mp-violet); }
#markam-planner .mp-plan-title { font-family:Manrope,sans-serif; font-size:19px; font-weight:800; line-height:1.2; letter-spacing:-.5px; }
#markam-planner .mp-plan-sub { display:block; color:var(--mp-muted); font-size:12px; margin:8px 0 16px; min-height:36px; }
#markam-planner .mp-plan-price { display:block; font-family:Manrope,sans-serif; font-size:27px; font-weight:800; letter-spacing:-1px; margin-top:auto; font-variant-numeric:tabular-nums; }
#markam-planner .mp-plan-price small { font-family:Inter,sans-serif; color:var(--mp-muted); font-size:11px; font-weight:500; letter-spacing:0; }
#markam-planner .mp-plan-price .mp-regular-price { display:inline; margin-right:8px; color:var(--mp-muted); font-size:12px; font-weight:500; letter-spacing:0; white-space:nowrap; text-decoration-thickness:1px; }
#markam-planner .mp-plan-features { display:flex; flex-direction:column; gap:6px; font-size:11px; margin-top:14px; padding-top:12px; border-top:1px solid var(--mp-line); width:100%; min-height:82px; }
#markam-planner .mp-plan-features > span { display:flex; align-items:center; gap:6px; }
#markam-planner .mp-section { margin-top:24px; }
#markam-planner .mp-mobile-budget { display:none; }
#markam-planner .mp-services { background:var(--mp-panel); border:1px solid var(--mp-line); border-radius:var(--mp-radius); padding:0 20px; }
#markam-planner .mp-service { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:11px; padding:18px 0; align-items:center; border-bottom:1px solid var(--mp-line); }
#markam-planner .mp-service:last-child { border:0; }
#markam-planner .mp-service-icon { align-self:start; background:var(--mp-soft); color:var(--mp-violet); border-radius:10px; width:34px; height:34px; display:grid; place-items:center; }
#markam-planner .mp-service-icon .mp-icon { width:18px; height:18px; }
#markam-planner .mp-service-title { font-size:13px; font-weight:600; display:block; }
#markam-planner .mp-service-copy { font-size:11px; color:var(--mp-muted); margin-top:4px; display:block; line-height:1.6; }
#markam-planner .mp-unit { font-size:10px; color:var(--mp-muted); text-align:center; margin-top:4px; }
#markam-planner .mp-stepper { display:grid; grid-template-columns:44px 40px 44px; height:46px; border:1px solid var(--mp-line); border-radius:10px; overflow:hidden; background:var(--mp-panel); }
#markam-planner .mp-stepper button { font-size:20px; background:transparent; color:var(--mp-text); min-height:44px; }
#markam-planner .mp-stepper input { border:0; border-radius:0; width:40px; min-width:0; text-align:center; font-size:16px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--mp-text); background:transparent; appearance:textfield; padding:0; }
#markam-planner input::-webkit-outer-spin-button, #markam-planner input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
#markam-planner .mp-more { grid-column:2 / -1; min-width:0; margin-top:1px; }
#markam-planner .mp-overlap { background:var(--mp-soft); border-radius:10px; padding:12px; }
#markam-planner .mp-overlap label { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:11px; }
#markam-planner .mp-overlap select { padding:9px 10px; border:1px solid var(--mp-line); border-radius:8px; color:var(--mp-text); background:var(--mp-panel); min-height:44px; width:72px; }
#markam-planner .mp-overlap p { margin-top:6px; font-size:10px; color:var(--mp-muted); }
#markam-planner .mp-custom summary { min-height:44px; cursor:pointer; font-size:11px; color:var(--mp-violet); font-weight:600; display:flex; align-items:center; gap:5px; }
#markam-planner .mp-custom summary::-webkit-details-marker { display:none; }
#markam-planner .mp-variants { display:flex; flex-wrap:wrap; gap:10px; padding:5px 0; }
#markam-planner .mp-variant { flex:1; min-width:100px; }
#markam-planner .mp-variant .mp-stepper { grid-template-columns:44px minmax(40px,1fr) 44px; }
#markam-planner .mp-variant .mp-stepper input { width:100%; }
#markam-planner .mp-included-quantity { min-height:46px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--mp-line); border-radius:10px; background:var(--mp-panel); }
#markam-planner .mp-included-quantity input { width:62px; min-width:0; border:0; background:transparent; color:var(--mp-text); text-align:center; font-family:inherit; font-size:16px; font-weight:600; appearance:textfield; }
#markam-planner .mp-included-quantity span { font-size:11px; color:var(--mp-muted); }
#markam-planner .mp-distribution-help { margin:0 0 14px; }
#markam-planner .mp-variant label { display:block; font-size:11px; margin-bottom:6px; }
#markam-planner .mp-context-note { background:var(--mp-soft); color:var(--mp-text); font-size:11px; padding:12px 14px; border-radius:10px; margin-top:12px; }
#markam-planner .mp-context-note button { color:var(--mp-violet); font-size:11px; font-weight:700; padding:9px 0 0; display:block; background:transparent; }
#markam-planner .mp-estimate { position:sticky; top:18px; background:var(--mp-panel); border:1px solid var(--mp-line); border-radius:var(--mp-radius); overflow:hidden; }
#markam-planner .mp-estimate-top { background:#20172f; color:#fff; padding:23px 22px; }
#markam-planner .mp-brand-field { margin-bottom:20px; }
#markam-planner .mp-brand-field label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
#markam-planner .mp-brand-field input { display:block; width:100%; min-width:0; min-height:46px; border:1px solid #ffffff30; border-radius:10px; padding:11px 12px; background:#ffffff08; color:inherit; font-size:16px; }
#markam-planner .mp-brand-field input::placeholder { color:#cfc5df; }
#markam-planner .mp-brand-heading { margin:0 0 18px; font-family:Manrope,sans-serif; font-size:22px; font-weight:800; line-height:1.35; letter-spacing:-.4px; overflow-wrap:anywhere; }
#markam-planner .mp-proposal-date { margin:0 0 18px; color:#cfc5df; font-size:12px; }
#markam-planner .mp-brand-heading:not([hidden]):has(+ .mp-proposal-date:not([hidden])) { margin-bottom:7px; }
#markam-planner .mp-estimate-top .mp-eyebrow { color:var(--mp-yellow); font-size:10px; margin-bottom:12px; }
#markam-planner .mp-total { font-family:Manrope,sans-serif; font-size:15px; font-weight:700; letter-spacing:-.2px; font-variant-numeric:tabular-nums; line-height:1.15; }
#markam-planner .mp-estimate-top .mp-tax { color:#cfc5df; font-size:11px; margin-top:9px; }
#markam-planner .mp-estimate-body { padding:19px 22px 22px; }
#markam-planner .mp-budget-split { display:grid; grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr); align-items:center; gap:7px; margin:18px 0 10px; }
#markam-planner .mp-budget-split>div:first-child { grid-column:1; grid-row:1; }
#markam-planner .mp-budget-split>div:last-child { grid-column:3; grid-row:1; }
#markam-planner .mp-budget-split dt { color:#cfc5df; font-size:11px; margin-bottom:7px; }
#markam-planner .mp-budget-split dd { margin:0; }
#markam-planner .mp-budget-split output { display:block; font-family:Manrope,sans-serif; font-size:22px; font-weight:800; letter-spacing:-.6px; font-variant-numeric:tabular-nums; line-height:1.3; white-space:nowrap; }
#markam-planner .mp-budget-split output[data-long=true] { font-size:16px; }
#markam-planner .mp-budget-split output small { font-size:11px; font-weight:600; letter-spacing:0; }
#markam-planner .mp-budget-split::before { content:"+"; grid-column:2; grid-row:1; color:#a69bb9; font-size:19px; padding-top:20px; text-align:center; }
#markam-planner .mp-budget-period { color:#cfc5df; font-size:10px; line-height:1.6; margin:0 0 8px; }
#markam-planner .mp-budget-period strong { font-weight:600; color:#fff; }
#markam-planner .mp-budget-year { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding-top:13px; margin-top:13px; border-top:1px solid #ffffff20; }
#markam-planner .mp-budget-year>span { font-size:11px; color:#cfc5df; }
#markam-planner .mp-chosen { padding:16px 0; }
#markam-planner .mp-chosen-title { font-size:11px; font-weight:600; display:flex; justify-content:space-between; gap:8px; margin-bottom:9px; }
#markam-planner .mp-chosen ul { list-style:none; padding:0; margin:0; }
#markam-planner .mp-chosen li { display:flex; gap:8px; justify-content:space-between; padding:4px 0; font-size:11px; color:var(--mp-muted); }
#markam-planner .mp-chosen li strong { color:var(--mp-text); font-size:12px; white-space:nowrap; font-weight:500; }
#markam-planner .mp-chosen li{display:block;padding:0}
#markam-planner .mp-edit-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:9px 7px;border-radius:8px;text-align:left;background:transparent;color:var(--mp-text);font-size:12px;font-weight:500}
#markam-planner .mp-edit-selection:hover,#markam-planner .mp-edit-selection:focus-visible{background:var(--mp-soft);color:var(--mp-text)}
#markam-planner .mp-selection-value{display:flex;align-items:center;gap:7px;flex:none}
#markam-planner .mp-edit-arrow{color:var(--mp-violet);font-size:15px}
#markam-planner .mp-chosen-title small{display:block;font-size:10px;font-weight:400;color:var(--mp-muted);margin-top:3px}
#markam-planner .mp-main .mp-edit-focus{outline:2px solid var(--mp-violet);outline-offset:3px}
#markam-planner .mp-included { color:light-dark(#21654a,#8ee6ba); background:light-dark(#eef8f2,#203b30); padding:10px 12px; font-size:11px; border-radius:9px; margin-bottom:14px; }
#markam-planner .mp-action { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; width:100%; border-radius:10px; font-size:12px; font-weight:700; background:var(--mp-yellow); color:#15111c; padding:12px; }
#markam-planner .mp-action:hover { filter:brightness(.97); }
#markam-planner .mp-secondary { border:1px solid var(--mp-line); color:var(--mp-text); background:transparent; margin-top:9px; font-weight:600; }
#markam-planner .mp-linkbutton { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; background:transparent; color:var(--mp-muted); padding:13px 4px; min-height:44px; font-size:11px; }
#markam-planner .mp-smallprint { text-align:center; font-size:10px; color:var(--mp-muted); line-height:1.7; }
#markam-planner .mp-renew { font-size:11px; color:var(--mp-muted); border-top:1px solid var(--mp-line); margin-top:15px; padding-top:13px; }
#markam-planner .mp-feedback { font-size:11px; margin-top:10px; color:var(--mp-violet); }
#markam-planner .mp-contact { margin-top:17px; padding-top:17px; border-top:1px solid var(--mp-line); }
#markam-planner .mp-contact h3 { font-size:14px; margin-bottom:10px; }
#markam-planner .mp-contact label { display:block; font-size:11px; color:var(--mp-muted); }
#markam-planner .mp-contact textarea { width:100%; min-height:200px; resize:vertical; border:1px solid var(--mp-line); border-radius:10px; background:var(--mp-page); color:var(--mp-text); font-size:11px; line-height:1.65; padding:11px; margin-top:7px; }
#markam-planner .mp-contact input { width:100%; border:1px solid var(--mp-line); border-radius:8px; padding:12px; background:var(--mp-page); color:var(--mp-text); font-size:11px; }
#markam-planner .mp-foot { border-top:1px solid var(--mp-line); padding:22px 0; color:var(--mp-muted); font-size:11px; }
#markam-planner .mp-foot .mp-shell { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#markam-planner .mp-home { padding:40px 0; }
#markam-planner .mp-home .mp-intro { margin-bottom:24px; max-width:720px; }
#markam-planner .mp-home .mp-intro p { margin-top:10px; color:var(--mp-muted); }
#markam-planner .mp-home .mp-plans { max-width:760px; }
#markam-planner .mp-home .mp-plan { cursor:default; padding:24px; }
#markam-planner .mp-home .mp-plan .mp-action { margin-top:22px; }
#markam-planner .mp-home-services { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:23px; }
#markam-planner .mp-home-services article { padding:21px; background:var(--mp-panel); border:1px solid var(--mp-line); border-radius:var(--mp-radius); }
#markam-planner .mp-home-services h3 { font-family:Manrope,sans-serif; font-size:15px; font-weight:800; margin:12px 0 7px; }
#markam-planner .mp-home-services p { color:var(--mp-muted); font-size:12px; }
#markam-planner .mp-banner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:25px; margin-top:30px; background:#20172f; color:#fff; border-radius:var(--mp-radius); padding:28px; }
#markam-planner .mp-banner h3 { font-family:Manrope,sans-serif; font-size:23px; letter-spacing:-.6px; font-weight:800; }
#markam-planner .mp-banner p { color:#c5bdcf; margin-top:8px; font-size:12px; }
#markam-planner .mp-banner .mp-action { width:auto; padding:14px 20px; }
#markam-planner .mp-plan-label, #markam-planner .mp-unit, #markam-planner .mp-smallprint, #markam-planner .mp-overlap p, #markam-planner .mp-estimate-top .mp-eyebrow { font-size:11px; }
@media(max-width:920px){ #markam-planner .mp-shell{padding:0 24px} #markam-planner .mp-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding-top:25px;padding-bottom:28px} #markam-planner .mp-plan{padding:15px} #markam-planner .mp-plan[aria-pressed="true"]{padding:14px} #markam-planner .mp-services{padding:0 15px} #markam-planner .mp-service{grid-template-columns:minmax(0,1fr) auto} #markam-planner .mp-service-icon{display:none} #markam-planner .mp-more{grid-column:1/-1} #markam-planner .mp-plan-price{font-size:24px} }
@media(max-width:720px){ #markam-planner .mp-workspace{display:flex;flex-direction:column} #markam-planner .mp-main,#markam-planner .mp-estimate{width:100%} #markam-planner .mp-estimate{position:static} #markam-planner .mp-estimate-top{display:block} #markam-planner .mp-estimate-top .mp-eyebrow{margin-bottom:0} #markam-planner .mp-total{font-size:15px} #markam-planner .mp-tax{width:100%} #markam-planner .mp-home-services{grid-template-columns:1fr 1fr} #markam-planner .mp-navlinks button{padding:12px 8px} #markam-planner .mp-navlinks button:first-child{display:none} #markam-planner .mp-hero{padding:29px 0} #markam-planner h1{font-size:34px} }
@media(max-width:430px){ #markam-planner .mp-shell{padding-left:17px;padding-right:17px} #markam-planner .mp-workspace{padding-top:23px;padding-bottom:26px} #markam-planner .mp-nav{gap:8px;min-height:64px} #markam-planner .mp-brand{font-size:21px} #markam-planner .mp-navlinks button{font-size:10px;padding:10px 8px} #markam-planner .mp-plan-title{font-size:17px} #markam-planner .mp-plan-price{font-size:25px} #markam-planner .mp-plan-price small{display:block;margin-top:4px} #markam-planner .mp-plan-sub{font-size:11px;min-height:51px} #markam-planner .mp-plan-features{font-size:10px} #markam-planner .mp-plan{padding:14px} #markam-planner .mp-plan[aria-pressed="true"]{padding:13px} #markam-planner .mp-section-heading .mp-quiet{max-width:94px;text-align:right;font-size:10px} #markam-planner h2{font-size:19px} #markam-planner .mp-service{gap:12px} #markam-planner .mp-home-services{grid-template-columns:1fr} #markam-planner .mp-home .mp-plans{grid-template-columns:1fr} #markam-planner .mp-home .mp-plan-sub{min-height:0} #markam-planner .mp-variants{gap:14px} #markam-planner .mp-banner{padding:23px} }
@media(max-width:720px){ #markam-planner .mp-mobile-budget{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:4;padding:12px 15px;margin-top:17px;background:var(--mp-panel);border:1px solid var(--mp-line);border-radius:12px;box-shadow:0 4px 16px #0909160d} #markam-planner .mp-mobile-budget small{display:block;font-size:11px;color:var(--mp-muted)} #markam-planner .mp-mobile-budget output{font-size:23px;font-family:Manrope,sans-serif;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.6px} #markam-planner .mp-mobile-budget button{background:var(--mp-yellow);color:#15111c;border-radius:8px;padding:10px 14px;min-height:44px;font-size:12px;font-weight:700} }
@media(max-width:430px){ #markam-planner .mp-plan-features,#markam-planner .mp-section-heading .mp-quiet,#markam-planner .mp-navlinks button{font-size:11px} #markam-planner .mp-plan-features{min-height:102px} #markam-planner .mp-variant{min-width:130px} }
@media(max-width:360px){ #markam-planner .mp-plan-features{min-height:125px} }
@media(prefers-reduced-motion:reduce){ #markam-planner *{transition:none!important;scroll-behavior:auto!important} }

/* Üç yıllık paket; mevcut tema kabuğuyla ortak sayfa. */
#markam-planner { color-scheme:light; }
#markam-planner .mp-hero {padding-top:68px;padding-bottom:48px;}
#markam-planner .mp-plans {grid-template-columns:repeat(3,minmax(0,1fr));}
#markam-planner .mp-plan-title {font-size:18px;}
#markam-planner .mp-plan-sub {min-height:72px;}
#markam-planner .mp-plan-price {font-size:26px;}
#markam-planner .mp-plan-price small {display:block;}
#markam-planner .mp-estimate {top:98px;}
#markam-planner a.mp-action {text-decoration:none;display:flex;justify-content:center;}
#markam-planner .mp-mobile-budget {top:76px;}
@media(max-width:1050px) and (min-width:721px){#markam-planner .mp-workspace{grid-template-columns:1fr;}#markam-planner .mp-estimate{position:static;}}
@media(max-width:720px){#markam-planner .mp-plans{grid-template-columns:1fr;}#markam-planner .mp-plan-sub{min-height:0;margin-bottom:10px;}#markam-planner .mp-plan-features{min-height:0;}#markam-planner .mp-plan-price small{display:inline;}#markam-planner .mp-plan{padding:20px;}#markam-planner .mp-plan[aria-pressed="true"]{padding:19px;}#markam-planner .mp-hero{padding-top:40px;}}

#markam-planner .mp-hero{padding-top:140px;}
#markam-planner .mp-plan-features{min-height:112px;}
body:has(#markam-planner) .mobile-dock{display:none;}
@media(max-width:720px){#markam-planner .mp-hero{padding-top:112px;}#markam-planner .mp-plan-features{min-height:0;}#markam-planner .mp-estimate{scroll-margin-top:90px;}}

#markam-planner .mp-plan-features{min-height:190px;font-size:12px;line-height:1.65}
#markam-planner .mp-plan-features > span{align-items:flex-start}
#markam-planner .mp-plan-features .mp-icon{flex-shrink:0;margin-top:3px}
#markam-planner .mp-service-group+ .mp-service-group{margin-top:26px}
#markam-planner .mp-service-group h3{font-size:16px;line-height:1.4;margin:0 0 12px;font-weight:750}
#markam-planner .mp-unit-price{display:block;margin-top:8px;font-size:13px;color:var(--mp-text);font-variant-numeric:tabular-nums}
#markam-planner .mp-unit-price span{font-weight:400;color:var(--mp-muted);font-size:11px}
#markam-planner .mp-variant-price{display:block;margin:4px 0 10px;font-size:12px;font-weight:650;color:var(--mp-violet)}
@media(max-width:720px){#markam-planner .mp-plan-features{min-height:0}#markam-planner .mp-service-copy{font-size:12px}}
#markam-planner .mp-setup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#markam-planner .mp-setup{display:flex;flex-direction:column;gap:12px;text-align:left;border:1px solid var(--mp-line);border-radius:var(--mp-radius);padding:20px;background:var(--mp-panel);color:var(--mp-text)}
#markam-planner .mp-setup[aria-pressed="true"]{border:2px solid var(--mp-violet);padding:19px;box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-violet) 9%,transparent)}
#markam-planner .mp-setup>strong{font-size:20px;margin-top:auto}#markam-planner .mp-setup small{font-size:11px;font-weight:400;color:var(--mp-muted)}
#markam-planner .mp-setup-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin-top:auto}
#markam-planner .mp-setup-price strong{font-size:24px;letter-spacing:-.5px}
#markam-planner .mp-setup-price s{font-size:14px;color:var(--mp-muted);font-weight:400}
#markam-planner .mp-design-badges{display:flex;flex-wrap:wrap;gap:8px}
#markam-planner .mp-design-badges:empty{display:none}
#markam-planner .mp-design-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:7px;font-size:11px;font-weight:650;line-height:1.5;background:color-mix(in srgb,var(--mp-violet) 10%,transparent);color:var(--mp-violet)}
#markam-planner .mp-design-badge-installation{background:#eaf5e9;color:#30632e}
#markam-planner .mp-design-badge .mp-icon{width:14px;height:14px;flex:none}
#markam-planner .mp-design-note{font-size:11px;line-height:1.7;color:var(--mp-muted)}
#markam-planner .mp-offer{display:block;padding:12px;border-radius:10px;font-size:12px;line-height:1.7;background:#eaf5e9;color:#30632e}
#markam-planner .mp-recurring-card{border:1px solid var(--mp-line);border-radius:var(--mp-radius);padding:20px;background:var(--mp-panel)}
#markam-planner .mp-recurring-card+ .mp-recurring-card{margin-top:12px}
#markam-planner .mp-recurring-card>label{display:flex;align-items:flex-start;gap:12px;font-size:14px;cursor:pointer}
#markam-planner input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;accent-color:var(--mp-violet)}
#markam-planner .mp-recurring-billing{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:18px;font-size:14px}
#markam-planner .mp-recurring-billing select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--mp-line);border-radius:8px;background:var(--mp-panel);color:var(--mp-text);min-width:0}
#markam-planner .mp-service-select{display:flex;align-items:center;justify-content:center;gap:8px;min-width:88px;min-height:44px;cursor:pointer;font-size:12px}
#markam-planner .mp-chosen li small{display:block;font-size:10px;font-weight:400;color:var(--mp-muted);margin-top:4px}
@media(max-width:720px){#markam-planner .mp-setup-options{grid-template-columns:1fr}#markam-planner .mp-recurring-billing{flex-wrap:wrap;gap:12px}}
#markam-planner .mp-plan-price{margin-top:0}
#markam-planner .mp-plan-features{flex:1}
#markam-planner .mp-main{counter-reset:planner-step}
#markam-planner .mp-main .mp-section-heading h2::before{counter-increment:planner-step;content:counter(planner-step);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#e8e2fb;color:#57409c;font-size:13px;vertical-align:middle;letter-spacing:0}
#markam-planner .mp-installation-included{margin:0;padding:20px}

#markam-planner [hidden]{display:none!important}#markam-planner .mp-step-help{font-size:14px;color:#686471;line-height:1.8;margin:0 0 18px}.mp-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mp-area{font:inherit;text-align:left;display:flex;flex-direction:column;gap:12px;border:1px solid #ddd8e5;background:white;border-radius:14px;padding:18px;cursor:pointer;color:#21182c;min-width:0}.mp-area-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:15px}.mp-area>span:last-child{font-size:12px;line-height:1.7;color:#6e6578}.mp-area[aria-pressed=true]{border-color:#8b65ca;box-shadow:inset 0 0 0 1px #8b65ca;background:#f5f0fc}.mp-area[aria-pressed=true] .mp-radio{border:5px solid #8b65ca}#markam-planner .mp-start-hint{border:1px dashed #d5cadd;border-radius:16px;padding:28px;line-height:1.8;color:#796c85;font-size:14px;margin-top:24px}.mp-extra-group+ .mp-extra-group{margin-top:24px}.mp-extra-group h3{font-size:16px;margin:0 0 14px}.mp-recurring-card .mp-plan-features{margin-top:16px;display:grid;gap:8px;font-size:12px;color:#6b6076}.mp-recurring-card .mp-plan-features .mp-icon{width:15px;height:15px}.mp-package-cost{display:block;margin:16px 0 0 32px;font-size:18px}.mp-package-cost small{font-size:12px;font-weight:400;color:#74657e}.mp-bundled{display:block;color:#45724d;font-size:12px;line-height:1.6;margin-top:8px}
@media(max-width:700px){.mp-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-area{padding:15px}.mp-area:last-child:nth-child(odd){grid-column:span 2}.mp-area>span:last-child{font-size:11px}}

#markam-planner .mp-area[aria-pressed=true] .mp-radio{border:5px solid #8b65ca}
#markam-planner .mp-plans[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}#markam-planner .mp-plans[data-columns="1"]{grid-template-columns:1fr}
#markam-planner .mp-plans .mp-plan-title{min-height:44px}#markam-planner .mp-recurring-card .mp-plan-features{min-height:0;font-size:12px}
@media(max-width:720px){#markam-planner .mp-plans[data-columns]{grid-template-columns:1fr}#markam-planner .mp-plans .mp-plan-title{min-height:0}}
#markam-planner .mp-service-switch{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;cursor:pointer;justify-self:end;min-height:44px}
#markam-planner .mp-service-switch input{appearance:none;position:relative;width:42px;height:25px;border-radius:20px;border:1px solid #c8c0d3;background:#ded9e6;cursor:pointer;flex:none;margin:0}
#markam-planner .mp-service-switch input:before{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}
#markam-planner .mp-service-switch input:checked{background:var(--mp-violet);border-color:var(--mp-violet)}
#markam-planner .mp-service-switch input:checked:before{transform:translateX(17px)}
#markam-planner .mp-compatibility{grid-column:2/-1;font-size:12px;line-height:1.7;margin:0;color:#695d78;padding:10px 12px;background:#f6f3fa;border-radius:9px}
#markam-planner .mp-compatibility[data-unavailable=true]{background:#fff5df;color:#73531a}
#markam-planner .mp-service-controls{grid-column:2/-1;justify-self:end}
#markam-planner .mp-custom-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:10px}
#markam-planner .mp-custom-heading label{display:block;font-weight:650;margin-bottom:4px}
#markam-planner .mp-custom-heading .mp-stepper{flex-shrink:0}
#markam-planner .mp-custom-allowance{font-size:12px;line-height:1.6;color:var(--mp-violet);margin:0 0 14px}
@media(max-width:430px){#markam-planner .mp-custom-heading{flex-wrap:wrap}#markam-planner .mp-custom-heading .mp-stepper{margin-left:auto}}
#markam-planner .mp-upgrade-dialog{color:var(--mp-ink);background:#fff;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--mp-line);border-radius:22px;padding:28px;box-shadow:0 24px 100px #0004}
#markam-planner .mp-upgrade-dialog::backdrop{background:#120c1da8;backdrop-filter:blur(4px)}
#markam-planner .mp-upgrade-dialog h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:0 0 14px}
#markam-planner .mp-upgrade-dialog p{font-size:13px;line-height:1.8;color:#6b6177}
#markam-planner .mp-upgrade-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--mp-line);padding:17px;border-radius:12px;margin:12px 0;cursor:pointer}
#markam-planner .mp-upgrade-option:has(input:checked){background:#f5f0fd;border-color:var(--mp-violet)}
#markam-planner .mp-upgrade-option input{margin:4px 0 0;accent-color:var(--mp-violet);width:18px;height:18px;flex:none}
#markam-planner .mp-upgrade-option span{display:block;font-size:13px;line-height:1.7}#markam-planner .mp-upgrade-option small{display:block;color:#376b35;font-size:12px;line-height:1.6}
#markam-planner .mp-dialog-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:22px}
@media(max-width:720px){#markam-planner .mp-compatibility,#markam-planner .mp-service-controls{grid-column:1/-1}#markam-planner .mp-dialog-actions{grid-template-columns:1fr}#markam-planner .mp-upgrade-dialog{padding:22px}#markam-planner .mp-service-switch{flex-direction:column;gap:4px}}

/* Aynı CMS formunun adım adım ve toplu görünümleri. */
#markam-planner .mp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}
#markam-planner .mp-toolbar>div:first-child{min-width:0}
#markam-planner .mp-heading-brand{overflow-wrap:anywhere}
#markam-planner .mp-heading-caption{margin-inline-start:.3em;font-size:.62em;font-weight:500;letter-spacing:-.02em;line-height:1.35}
#markam-planner .mp-hero{scroll-margin-top:76px}
#markam-planner .mp-view-control{display:flex;flex:none;gap:4px;padding:4px;border:1px solid #51445f;border-radius:12px;background:#21192c}
#markam-planner .mp-view-control button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border-radius:8px;background:transparent;color:#d9d1e5;font-size:12px;font-weight:650}
#markam-planner .mp-view-control button[aria-pressed=true]{background:var(--mp-yellow);color:#17101f}
#markam-planner .mp-wizard-progress,#markam-planner .mp-wizard-footer{display:none}
#markam-planner[data-view=wizard]{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:76px}
#markam-planner[data-view=wizard] .mp-shell{width:100%;max-width:1440px;padding-left:40px;padding-right:40px}
#markam-planner[data-view=wizard] .mp-hero{flex:none;padding:14px 0 12px;background:var(--mp-page);color:var(--mp-text)}
#markam-planner[data-view=wizard] .mp-hero .mp-eyebrow{color:var(--mp-muted);font-size:10px;margin-bottom:6px}
#markam-planner[data-view=wizard] h1{font-size:28px;letter-spacing:-1px}
#markam-planner[data-view=wizard] #mp-lead{font-size:13px;max-width:none;color:var(--mp-muted);margin-top:10px}
#markam-planner[data-view=wizard] .mp-trust{display:none}
#markam-planner[data-view=wizard] .mp-view-control{border-color:var(--mp-line);background:var(--mp-panel)}
#markam-planner[data-view=wizard] .mp-view-control button{color:var(--mp-muted)}
#markam-planner[data-view=wizard] .mp-view-control button[aria-pressed=true]{color:#17101f}
#markam-planner[data-view=wizard] .mp-wizard-progress{display:block;flex:none;background:var(--mp-page);z-index:2}
#markam-planner .mp-wizard-progress ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;border-bottom:1px solid var(--mp-line)}
#markam-planner .mp-wizard-progress li{flex:1;min-width:0}
#markam-planner .mp-wizard-progress button{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;background:transparent;color:var(--mp-muted);padding:10px 8px;border-bottom:3px solid transparent;font-size:12px;font-weight:600;text-align:left}
#markam-planner .mp-wizard-progress button[aria-current]{color:var(--mp-text);border-bottom-color:var(--mp-violet)}
#markam-planner .mp-step-number{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--mp-line);border-radius:50%;font-size:12px}
#markam-planner [aria-current] .mp-step-number{border-color:var(--mp-violet);background:var(--mp-violet);color:white}
#markam-planner #mp-wizard-status{margin-top:18px;font-size:11px;color:var(--mp-muted);scroll-margin-top:96px}
#markam-planner[data-view=wizard] .mp-workspace{flex:1;min-height:0;overflow:hidden;padding-top:18px;padding-bottom:18px;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:32px}
#markam-planner[data-view=wizard] .mp-main{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px 8px 10px 4px}
#markam-planner[data-view=wizard] :is(.mp-main,.mp-estimate,.mp-workspace){scrollbar-width:thin;scrollbar-color:var(--mp-violet) var(--mp-page)}
#markam-planner[data-view=wizard] .mp-step-inactive{display:none!important}
#markam-planner[data-view=wizard] .mp-section{margin-top:0}
#markam-planner[data-view=wizard] #mp-setup-section .mp-section+.mp-section,#markam-planner[data-view=wizard] #mp-recurring-section:not([hidden])~#mp-services-section{margin-top:26px}
#markam-planner[data-view=wizard] .mp-main .mp-section-heading h2::before{display:none}
#markam-planner[data-view=wizard] #mp-start-hint{display:none}
#markam-planner[data-view=wizard] .mp-area{min-height:152px;justify-content:space-between;padding:22px}
#markam-planner[data-view=wizard] .mp-mobile-budget{display:none}
#markam-planner[data-view=wizard]:not([data-step=summary]) :is(#mp-quote,#mp-whatsapp,#mp-share,#mp-budget-note,#mp-renew,#mp-contact,#mp-share-panel){display:none}
#markam-planner[data-view=wizard][data-step=summary] .mp-main{display:none}
#markam-planner[data-view=wizard][data-step=summary] .mp-workspace{display:block;max-width:860px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#markam-planner[data-view=wizard][data-step=summary] .mp-estimate{max-height:none;overflow:visible}
#markam-planner[data-view=wizard][data-step=summary] .mp-estimate-top{border-radius:var(--mp-radius) var(--mp-radius) 0 0}
#markam-planner[data-view=wizard] .mp-estimate{position:static;align-self:start;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#markam-planner[data-view=wizard] .mp-wizard-footer{display:block;position:relative;flex:none;z-index:6;border-top:1px solid var(--mp-line);background:var(--mp-panel);padding:14px 0}
#markam-planner .mp-wizard-footer-inner{display:flex;align-items:center;gap:24px}
#markam-planner .mp-wizard-back{min-height:44px;padding:10px 16px;border-radius:10px;background:var(--mp-soft);color:var(--mp-text);font-weight:600}
#markam-planner .mp-wizard-budget{display:flex;flex-direction:column;text-align:left;gap:2px;background:transparent;color:var(--mp-text);min-height:44px}
#markam-planner .mp-wizard-budget small{color:var(--mp-muted);font-size:10px}
#markam-planner .mp-wizard-budget strong{font:800 21px Manrope,sans-serif;letter-spacing:-.6px}
#markam-planner .mp-wizard-forward{margin-left:auto;display:flex;align-items:center;gap:20px}
#markam-planner #mp-wizard-next-help{font-size:12px;color:var(--mp-muted)}
#markam-planner #mp-wizard-next{min-width:166px;margin:0}
body:has(#markam-planner[data-view=wizard]) .site-footer{display:none}
html:has(#markam-planner[data-view=wizard]),body:has(#markam-planner[data-view=wizard]){overflow:hidden}
body:has(#markam-planner[data-view=wizard]) .desktop-whatsapp{bottom:100px}
@media(max-width:1050px){
 #markam-planner[data-view=wizard] .mp-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:20px}
 #markam-planner[data-view=wizard] .mp-shell{padding-left:24px;padding-right:24px}
 #markam-planner[data-view=wizard] .mp-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
 #markam-planner[data-view=wizard][data-step=package] .mp-workspace{grid-template-columns:1fr}
 #markam-planner[data-view=wizard][data-step=package] .mp-estimate{display:none}
}
@media(max-width:720px){
 #markam-planner .mp-toolbar{align-items:flex-start;flex-direction:column;gap:20px}
 #markam-planner[data-view=wizard]{padding-top:68px}
 #markam-planner[data-view=wizard] .mp-shell{padding-left:18px;padding-right:18px}
 #markam-planner[data-view=wizard] .mp-hero{padding:10px 0}
 #markam-planner[data-view=wizard] .mp-toolbar{gap:12px;flex-direction:row;align-items:center}
 #markam-planner[data-view=wizard] h1{font-size:23px}
 #markam-planner[data-view=wizard] .mp-view-control button>span{display:none}
 #markam-planner[data-view=wizard] .mp-view-control{align-self:center}
 #markam-planner[data-view=wizard] .mp-view-control button{min-height:44px;padding:8px 12px}
 #markam-planner[data-view=wizard] #mp-lead{display:none}
 #markam-planner[data-shared=true][data-view=overview] .mp-estimate{order:-1}
 #markam-planner .mp-wizard-progress ol{gap:0}
 #markam-planner .mp-wizard-progress button{justify-content:center;padding:8px 4px;min-height:50px}
 #markam-planner .mp-wizard-progress button>span:last-child{display:none}
 #markam-planner #mp-wizard-status{margin-top:12px;scroll-margin-top:85px}
 #markam-planner[data-view=wizard] .mp-workspace{display:block;padding-top:18px;padding-bottom:24px}
 #markam-planner[data-view=wizard] .mp-main{height:100%}
 #markam-planner[data-view=wizard]:not([data-step=summary]) .mp-estimate{display:none}
 #markam-planner[data-view=wizard] .mp-area{padding:16px;min-height:157px}
 #markam-planner[data-view=wizard] .mp-section-heading{align-items:flex-start}
 #markam-planner[data-view=wizard] .mp-section-heading .mp-quiet{display:none}
 #markam-planner .mp-wizard-footer-inner{gap:10px}
 #markam-planner .mp-wizard-back{padding:10px;flex:none;font-size:12px}
 #markam-planner .mp-wizard-budget strong{font-size:18px;white-space:nowrap}
 #markam-planner .mp-wizard-budget small{font-size:9px;max-width:110px}
 #markam-planner #mp-wizard-next-help{display:none}
 #markam-planner #mp-wizard-next{min-width:0;padding:12px 14px;font-size:12px;white-space:nowrap}
 #markam-planner[data-view=wizard] .mp-wizard-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-height:700px){
 #markam-planner[data-view=wizard] .mp-hero{padding-top:10px;padding-bottom:10px}
 #markam-planner[data-view=wizard] .mp-hero .mp-eyebrow,#markam-planner[data-view=wizard] #mp-lead{display:none}
 #markam-planner[data-view=wizard] #mp-wizard-status{margin-top:5px}
 #markam-planner[data-view=wizard] .mp-workspace{padding-top:10px;padding-bottom:10px}
 #markam-planner[data-view=wizard] .mp-wizard-footer{padding-top:8px;padding-bottom:8px}
}
@media(max-height:500px){
 #markam-planner[data-view=wizard] .mp-hero{padding-top:4px;padding-bottom:4px}
 #markam-planner[data-view=wizard] h1{font-size:20px}
 #markam-planner[data-view=wizard] #mp-wizard-status{display:none}
 #markam-planner[data-view=wizard] .mp-wizard-progress button{min-height:44px;padding-top:4px;padding-bottom:4px}
 #markam-planner[data-view=wizard] .mp-workspace{padding-top:6px;padding-bottom:6px}
}

#markam-planner .mp-feature-badge { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--mp-violet); white-space:nowrap; }
/* Öneriler seçili hizmetlerden sonra, aynı kategori seçimini açar. */
#markam-planner #mp-recommendations{display:grid;gap:12px}
#markam-planner .mp-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px;background:var(--mp-panel);border:1px solid var(--mp-line);border-radius:var(--mp-radius)}
#markam-planner .mp-recommendation h3{margin:0;font-size:15px;line-height:1.5}
#markam-planner .mp-recommendation .mp-service-copy{margin:6px 0 0}
@media(max-width:720px){#markam-planner .mp-recommendation{padding:18px;gap:14px}#markam-planner .mp-recommendation .mp-service-switch{max-width:85px;text-align:center}}
#markam-planner .mp-contact-actions{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--mp-line)}

/* Seçim bağlantısı aynı yerde kopyalanır; bildirim sayfa yüksekliğini değiştirmez. */
#markam-planner .mp-share-wrap { position:relative; }
#markam-planner .mp-share-notice { position:absolute; z-index:8; inset:auto 0 calc(100% + 8px); padding:12px 14px; border:1px solid var(--mp-violet); border-radius:10px; background:var(--mp-panel); color:var(--mp-text); box-shadow:0 8px 24px #0003; font-size:12px; line-height:1.6; }
#markam-planner .mp-share-notice p { margin:0; }
#markam-planner .mp-share-notice::after { content:""; position:absolute; bottom:-5px; left:50%; width:8px; height:8px; background:var(--mp-panel); border-right:1px solid var(--mp-violet); border-bottom:1px solid var(--mp-violet); transform:rotate(45deg); }
#markam-planner .mp-share-notice input { width:100%; min-width:0; margin-top:8px; padding:9px; border:1px solid var(--mp-line); border-radius:6px; background:var(--mp-page); color:var(--mp-text); font-size:12px; }

#markam-planner .mp-plan-price .mp-price-foot { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:4px; }
#markam-planner .mp-price-foot small { display:inline; margin:0; }
#markam-planner .mp-campaign-badge { display:inline-block; padding:3px 7px; border-radius:5px; background:var(--mp-yellow); color:#251c04; font-size:10px; font-weight:700; line-height:1.3; letter-spacing:0; white-space:nowrap; }