/* Mezar Süsleme Plus — ön yüz */
.msp{--msp-ana:#1f4d38;--msp-vurgu:#c8992f;--msp-zemin:#f6f2ea;--msp-soil:#2b1d17;--msp-radius:18px;
	font-family:inherit;color:#1e2a24;background:var(--msp-zemin);padding:28px 18px 18px;border-radius:24px;box-sizing:border-box;max-width:1200px;margin:0 auto;position:relative}
.msp *,.msp *::before,.msp *::after{box-sizing:border-box}
.msp button{font-family:inherit;cursor:pointer}
.msp [hidden]{display:none!important}

/* Başlık */
.msp-head{text-align:center;max-width:720px;margin:0 auto 22px}
.msp-kicker{display:inline-block;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:6px 16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--msp-ana);margin-bottom:12px}
.msp-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(28px,4vw,42px);margin:0 0 8px;color:var(--msp-ana)}
.msp-lead{margin:0 auto 14px;color:#5f6b65;font-size:16px;line-height:1.55}
.msp-hints{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.msp-hint{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:8px 16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#2f3a35}
.msp-season{margin-top:14px;font-size:13px;color:#4c5a53;background:#fff;border:1px dashed rgba(0,0,0,.15);border-radius:12px;padding:10px 14px;line-height:1.5;text-align:left}
.msp-season strong{color:var(--msp-ana)}

/* Gövde */
.msp-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,440px);gap:22px;align-items:start}
@media (max-width:900px){.msp-body{grid-template-columns:1fr}}

/* Sahne */
.msp-stage{background:#fff;border-radius:var(--msp-radius);box-shadow:0 10px 40px rgba(0,0,0,.06);padding:18px 18px 22px;position:sticky;top:20px}
@media (max-width:900px){.msp-stage{position:static}}
.msp-stage-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.msp-tool{position:relative}
.msp-tool-btn{width:46px;height:46px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.msp-palette-pop{position:absolute;top:52px;left:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:8px;display:none;gap:8px;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.msp-palette-pop.open{display:flex}
.msp-palette-pop button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.msp-palette-pop button.active{box-shadow:0 0 0 2px var(--msp-vurgu)}
.msp-select{height:46px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:0 16px;font-size:14px;color:#1e2a24;box-shadow:0 2px 8px rgba(0,0,0,.06)}

/* Mezar */
.msp-grave{--m1:#f4f2ee;--m2:#dcd8d0;--m3:#c5c0b6;--mtext:#4a4a4a;--mline:#8a8a8a;
	display:flex;flex-direction:column;align-items:center;padding:10px 0 0;
	background:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.07),transparent 65%)}
.msp-marble-bej{--m1:#e8dcc4;--m2:#d3c3a4;--m3:#bda98a;--mtext:#4b3f2f;--mline:#8b7b62}
.msp-marble-gri{--m1:#b5b5b5;--m2:#9a9a9a;--m3:#7d7d7d;--mtext:#222;--mline:#555}
.msp-marble-siyah{--m1:#3a3a3a;--m2:#2a2a2a;--m3:#1a1a1a;--mtext:#e6e6e6;--mline:#aaa}
.msp-marble{background:
	radial-gradient(ellipse 60% 20% at 30% 20%,rgba(255,255,255,.35),transparent 60%),
	repeating-linear-gradient(115deg,transparent 0 22px,rgba(0,0,0,.035) 22px 24px,transparent 24px 47px),
	repeating-linear-gradient(-30deg,transparent 0 35px,rgba(0,0,0,.03) 35px 36px),
	linear-gradient(180deg,var(--m1),var(--m2))}
.msp-headstone{width:min(300px,68%);min-height:150px;position:relative;z-index:2;padding:22px 16px 18px;text-align:center;
	border-radius:60% 60% 4px 4px / 40% 40% 4px 4px;
	box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 -6px 0 rgba(0,0,0,.08);
	background:
	radial-gradient(ellipse 60% 20% at 30% 20%,rgba(255,255,255,.35),transparent 60%),
	repeating-linear-gradient(115deg,transparent 0 22px,rgba(0,0,0,.035) 22px 24px,transparent 24px 47px),
	repeating-linear-gradient(-30deg,transparent 0 35px,rgba(0,0,0,.03) 35px 36px),
	linear-gradient(180deg,var(--m1),var(--m2));cursor:text}
.msp-hs-ornament{color:var(--mline);opacity:.6;font-size:14px;letter-spacing:.3em;margin-bottom:8px}
.msp-hs-ornament::before,.msp-hs-ornament::after{content:"———";opacity:.5}
.msp-hs-name{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(14px,2.2vw,20px);color:var(--mtext);outline:none;min-height:1.4em;word-break:break-word}
.msp-hs-name:empty::before,.msp-hs-date:empty::before{content:attr(data-placeholder);opacity:.55}
.msp-hs-line{width:56px;height:1px;background:var(--mline);margin:10px auto;opacity:.6}
.msp-hs-date{font-size:13px;letter-spacing:.2em;color:var(--mtext);outline:none;opacity:.85}
.msp-base{width:100%;margin-top:-8px;position:relative;z-index:1;padding:26px 8% 14px;
	background:linear-gradient(180deg,var(--m2),var(--m3));border-radius:8px 8px 14px 14px;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.msp-base::before{content:"";position:absolute;left:4%;right:4%;top:6px;height:14px;background:linear-gradient(180deg,var(--m1),var(--m2));border-radius:6px 6px 0 0;box-shadow:0 3px 6px rgba(0,0,0,.15)}
.msp-frame{position:relative;padding:5%;border-radius:6px;
	background:
	repeating-linear-gradient(115deg,transparent 0 22px,rgba(0,0,0,.035) 22px 24px,transparent 24px 47px),
	linear-gradient(180deg,var(--m1),var(--m2));box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.msp-frame.has-cerceve .msp-soil{outline:6px solid var(--m2);outline-offset:-2px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),0 0 0 8px var(--m1)}
.msp-stone-ring{position:absolute;inset:5%;border-radius:4px;display:none;
	background:
	radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 2px,transparent 3px),
	radial-gradient(circle at 60% 70%,rgba(255,255,255,.4) 0 2px,transparent 3px),
	radial-gradient(circle at 80% 20%,rgba(0,0,0,.12) 0 2px,transparent 3px),
	radial-gradient(circle at 35% 85%,rgba(0,0,0,.1) 0 2px,transparent 3px),
	var(--stone,#dedede);background-size:23px 19px,29px 31px,17px 23px,31px 27px,auto;box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.msp-frame.is-tas .msp-stone-ring{display:block}
.msp-soil{position:relative;margin:0 auto;background:
	radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0 1px,transparent 2px),
	radial-gradient(circle at 70% 60%,rgba(255,255,255,.06) 0 1px,transparent 2px),
	radial-gradient(circle at 40% 80%,rgba(0,0,0,.35) 0 1px,transparent 2px),
	var(--msp-soil);background-size:7px 9px,11px 13px,9px 7px,auto;
	box-shadow:inset 0 6px 14px rgba(0,0,0,.6);border-radius:3px;overflow:hidden}
.msp-grid{display:grid;width:100%;height:100%;gap:1px;padding:2px;position:relative}
.msp-cell{position:relative;border:1px dashed rgba(255,255,255,.18);border-radius:2px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:12px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s;min-width:0;min-height:0}
.msp-cell::before{content:"+"}
.msp-cell:hover{border-color:var(--msp-vurgu);background:rgba(200,153,47,.15)}
.msp-cell.filled{border-style:solid;border-color:rgba(0,0,0,.25);
	background:radial-gradient(circle at 50% 45%,var(--c) 0 32%,color-mix(in srgb,var(--c) 70%,#000) 33% 44%,transparent 46%),
	radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 40%),#1f1611}
.msp-cell.filled::before{content:"";position:absolute;inset:18%;border-radius:50%;background:
	radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 40%,#fff) 0 18%,transparent 20%),
	conic-gradient(from 0deg,var(--c) 0 45deg,color-mix(in srgb,var(--c) 75%,#000) 45deg 60deg,var(--c) 60deg 105deg,color-mix(in srgb,var(--c) 75%,#000) 105deg 120deg,var(--c) 120deg 165deg,color-mix(in srgb,var(--c) 75%,#000) 165deg 180deg,var(--c) 180deg 225deg,color-mix(in srgb,var(--c) 75%,#000) 225deg 240deg,var(--c) 240deg 285deg,color-mix(in srgb,var(--c) 75%,#000) 285deg 300deg,var(--c) 300deg 345deg,color-mix(in srgb,var(--c) 75%,#000) 345deg 360deg);
	box-shadow:0 2px 3px rgba(0,0,0,.5)}
.msp-cell.filled.pot{border-color:rgba(255,255,255,.35);background:radial-gradient(circle at 50% 52%,#b8683f 0 40%,#7a4223 41% 46%,transparent 48%),#1f1611}
.msp-cell.filled.pot::before{inset:14%;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.6);background:
	radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 45%,#fff) 0 9%,transparent 11%),
	radial-gradient(circle at 30% 34%,var(--c) 0 16%,transparent 18%),
	radial-gradient(circle at 70% 34%,var(--c) 0 16%,transparent 18%),
	radial-gradient(circle at 30% 68%,var(--c) 0 16%,transparent 18%),
	radial-gradient(circle at 70% 68%,var(--c) 0 16%,transparent 18%),
	radial-gradient(circle at 50% 50%,var(--c) 0 20%,transparent 22%),
	radial-gradient(circle at 50% 50%,#3f7a3a 0 44%,transparent 46%)}
.msp-cell.filled.bush{background:#1f1611}
.msp-cell.filled.bush::before{inset:6%;border-radius:45% 55% 50% 50%/55% 45% 55% 45%;box-shadow:0 4px 8px rgba(0,0,0,.6);background:
	radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--c) 60%,#fff) 0 12%,transparent 14%),
	radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--c) 80%,#fff) 0 8%,transparent 10%),
	radial-gradient(circle at 65% 60%,color-mix(in srgb,var(--c) 70%,#000) 0 22%,transparent 24%),var(--c)}
.msp-cell.filled:hover{filter:brightness(1.15)}
.msp-cell.filled:hover::after{content:"×";position:absolute;right:1px;top:-1px;font-size:10px;color:#fff;background:rgba(0,0,0,.55);border-radius:50%;width:12px;height:12px;line-height:12px;text-align:center}
.msp-cell.blocked{cursor:not-allowed;opacity:.6}
.msp-grid.dense .msp-cell{font-size:8px}
.msp-grid.dense .msp-cell.filled:hover::after{display:none}
.msp-stage-info{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:12px}
.msp-stage-info span{background:var(--msp-zemin);border-radius:999px;padding:6px 12px;color:#3c4a43}
.msp-stage-info strong{color:var(--msp-ana)}
.msp-stage-info .warn{background:#fff3cd;color:#7a5b00}
.msp-stage-info .ok{background:#d9efe3;color:#0f5132}

/* Yan panel */
.msp-side{display:flex;flex-direction:column;gap:14px}
.msp-card{background:#fff;border-radius:var(--msp-radius);padding:18px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.msp-card-title{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--msp-ana);display:flex;align-items:center;gap:10px;letter-spacing:.02em}
.msp-card-title span{width:26px;height:26px;border-radius:50%;background:var(--msp-ana);color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.msp-label{display:block;font-size:12px;font-weight:600;color:#5f6b65;margin:12px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.msp-seg{display:flex;background:var(--msp-zemin);border-radius:12px;padding:4px;gap:4px}
.msp-seg button{flex:1;border:0;background:transparent;border-radius:9px;padding:10px 8px;font-size:13px;font-weight:600;color:#4c5a53;transition:all .15s}
.msp-seg button.active{background:var(--msp-ana);color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.msp-levels{display:grid;gap:8px;margin-top:12px}
.msp-level{display:flex;align-items:center;gap:12px;border:1.5px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 12px;background:#fff;text-align:left;transition:all .15s}
.msp-level.active{border-color:var(--msp-ana);background:#f0f6f2;box-shadow:0 0 0 3px rgba(31,77,56,.08)}
.msp-level b{display:block;font-size:14px;color:#1e2a24}
.msp-level small{display:block;font-size:12px;color:#5f6b65}
.msp-level .msp-count{margin-left:auto;background:var(--msp-vurgu);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap}
.msp-chips{display:flex;flex-wrap:wrap;gap:8px}
.msp-chip{border:1.5px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;display:inline-flex;align-items:center;gap:8px;color:#1e2a24;transition:all .15s}
.msp-chip i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.msp-chip small{color:#5f6b65}
.msp-chip.active{border-color:var(--msp-ana);background:#f0f6f2;font-weight:600}
.msp-cm-row{display:flex;align-items:center;gap:12px}
.msp-input{width:110px;height:42px;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;padding:0 12px;font-size:15px;background:#fff}
.msp-cm-out{font-weight:700;color:var(--msp-ana)}
.msp-note{font-size:12.5px;line-height:1.55;color:#5f6b65;margin:10px 0 0}
.msp-note-warn{background:#fff8e6;border-left:3px solid var(--msp-vurgu);padding:8px 10px;border-radius:0 8px 8px 0;color:#6b5314}
.msp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.msp-tab{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;color:#4c5a53}
.msp-tab.active{background:var(--msp-ana);color:#fff;border-color:var(--msp-ana)}
.msp-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:340px;overflow:auto;padding:2px}
.msp-product{border:1.5px solid rgba(0,0,0,.1);border-radius:12px;padding:10px;background:#fff;text-align:left;display:flex;flex-direction:column;gap:6px;transition:all .15s;position:relative}
.msp-product.active{border-color:var(--msp-ana);background:#f0f6f2;box-shadow:0 0 0 3px rgba(31,77,56,.1)}
.msp-product .msp-p-vis{width:100%;aspect-ratio:1.4;border-radius:8px;background:var(--c);position:relative;overflow:hidden;
	background-image:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c) 50%,#fff) 0 14%,transparent 16%),
	radial-gradient(circle at 25% 35%,color-mix(in srgb,var(--c) 55%,#fff) 0 8%,transparent 10%),
	radial-gradient(circle at 75% 65%,color-mix(in srgb,var(--c) 55%,#fff) 0 8%,transparent 10%),
	linear-gradient(160deg,color-mix(in srgb,var(--c) 85%,#fff),color-mix(in srgb,var(--c) 70%,#000))}
.msp-product .msp-p-vis img{width:100%;height:100%;object-fit:cover;display:block}
.msp-product b{font-size:13px;color:#1e2a24;line-height:1.25}
.msp-product small{font-size:12px;color:var(--msp-ana);font-weight:600}
.msp-product .msp-p-tag{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;border-radius:999px;padding:2px 7px}
.msp-empty{grid-column:1/-1;font-size:13px;color:#5f6b65;padding:10px}
.msp-actions{display:flex;gap:8px;margin-top:12px}
.msp-btn{border:0;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:700;letter-spacing:.02em;transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.msp-btn-ghost{flex:1;background:var(--msp-zemin);color:var(--msp-ana);border:1.5px solid rgba(0,0,0,.08)}
.msp-btn-ghost:hover{background:#ece6da}
.msp-btn-primary{background:var(--msp-ana);color:#fff;width:100%;padding:16px 20px;font-size:15px;box-shadow:0 8px 20px rgba(31,77,56,.25)}
.msp-btn-primary:hover{filter:brightness(1.1)}
.msp-btn-primary:disabled{opacity:.6;cursor:wait}
.msp-btn-wa{background:#25d366;color:#fff;width:100%;padding:14px}

/* Özet */
.msp-summary{margin-top:22px;background:var(--msp-ana);color:#fff;border-radius:var(--msp-radius);padding:22px;box-shadow:0 14px 40px rgba(31,77,56,.25)}
.msp-summary-title{margin:0 0 12px;font-family:Georgia,serif;font-weight:400;font-size:22px}
.msp-summary-body{font-size:14px;line-height:1.6;color:rgba(255,255,255,.9)}
.msp-summary-body .empty{opacity:.8;font-style:italic}
.msp-summary-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.18)}
.msp-summary-row span:last-child{white-space:nowrap;font-weight:600}
.msp-summary-total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.3)}
.msp-summary-total span{font-size:12px;letter-spacing:.15em;text-transform:uppercase;opacity:.85}
.msp-summary-total strong{font-size:30px;font-family:Georgia,serif;font-weight:400;color:#fff}
.msp-summary-warn{background:rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;font-size:13px;margin:8px 0 12px}
.msp-summary .msp-btn-primary{background:var(--msp-vurgu);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.2);margin-top:8px}

/* Modal */
.msp-modal{position:fixed;inset:0;background:rgba(15,25,20,.6);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.msp-modal-box{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:92vh;overflow:auto;padding:26px;position:relative;color:#1e2a24}
.msp-modal-box h3{margin:0 0 14px;font-family:Georgia,serif;font-weight:400;font-size:24px;color:var(--msp-ana)}
.msp-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--msp-zemin);font-size:22px;line-height:1}
.msp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.msp-form-grid{grid-template-columns:1fr}}
.msp-form-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#5f6b65}
.msp-form-grid .msp-full{grid-column:1/-1}
.msp-form-grid input,.msp-form-grid textarea{border:1.5px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:#1e2a24}
.msp-form-grid input:focus,.msp-form-grid textarea:focus{outline:none;border-color:var(--msp-ana)}
.msp-form-total{margin:14px 0;font-size:15px}
.msp-form-total strong{color:var(--msp-ana);font-size:20px}
.msp-form-msg{background:#f8d7da;color:#842029;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 12px}
.msp-success{text-align:center;padding:10px 0}
.msp-success-icon{width:64px;height:64px;border-radius:50%;background:#d9efe3;color:var(--msp-ana);font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.msp-success p{font-size:15px;line-height:1.5;margin:0 0 16px}

.msp-credit{text-align:center;font-size:11px;color:#8a938e;margin:16px 0 0}
.msp-credit a{color:inherit;text-decoration:none}
@media (max-width:480px){.msp-summary-total{flex-direction:column;gap:2px}.msp-summary-total strong{font-size:26px}}

/* ---- v1.1.0: 60+ kullanıcı için okunabilirlik, mobil sıralama, rehber ---- */
.msp{font-size:16px}
.msp-note{font-size:14px;color:#3f4a45}
.msp-note-big{font-size:15px;line-height:1.6;color:#2c3733;margin:0 0 12px;background:var(--msp-zemin);border-radius:10px;padding:10px 12px}
.msp-seg button{font-size:15px;padding:13px 8px}
.msp-level b{font-size:16px}.msp-level small{font-size:13px}
.msp-product b{font-size:14px}
.msp-chip{font-size:14px;padding:10px 14px}
.msp-btn-ghost{font-size:15px;padding:14px 16px}
.msp-cell{font-size:14px;font-weight:700;color:rgba(255,255,255,.6)}
.msp-hint{font-size:13px;text-transform:none;letter-spacing:.02em}

/* Mobil: 1 numaralı kart mezar aracının üstüne */
@media (max-width:900px){
	.msp-side{display:contents}
	.msp-card{order:9}
	.msp-card.msp-card-tasarim{order:1}
	.msp-card.msp-card-mezar{order:2}
	.msp-card.msp-card-cicek{order:3}
	.msp-card.msp-card-toprak{order:4}
	.msp-stage{order:5}
}

/* Toprak üstü ipucu */
.msp-soil-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3;padding:10px}
.msp-soil-hint span{background:rgba(255,255,255,.94);color:var(--msp-ana);font-size:14px;font-weight:700;line-height:1.4;text-align:center;border-radius:14px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:mspBob 1.6s ease-in-out infinite}

/* Rehber baloncuğu */
.msp-guide{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:99990;width:min(560px,calc(100% - 20px))}
.msp-guide-box{position:relative;background:#fff;border:3px solid var(--msp-vurgu);border-radius:20px;padding:16px 18px 14px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.msp-guide-box::after{content:"";position:absolute;left:50%;bottom:-14px;margin-left:-11px;border:11px solid transparent;border-top-color:var(--msp-vurgu);border-bottom:0}
.msp-guide-box.bump{animation:mspBump .5s ease-out}
.msp-guide-icon{display:inline-block;font-size:26px;vertical-align:middle;margin-right:8px;animation:mspBob 1.4s ease-in-out infinite}
.msp-guide-step{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--msp-vurgu);margin-bottom:6px}
.msp-guide-text{font-size:17px;line-height:1.55;color:#1e2a24}
.msp-guide-actions{display:flex;gap:8px;margin-top:12px}
.msp-guide-actions .msp-btn{padding:12px 14px;font-size:15px;width:auto;flex:1;box-shadow:none}
.msp-guide-close{position:absolute;top:-14px;right:-8px;width:34px;height:34px;border-radius:50%;border:2px solid var(--msp-vurgu);background:#fff;font-size:22px;line-height:1;color:#333}
.msp-guide-open{position:fixed;right:16px;bottom:16px;z-index:99990;border:2px solid var(--msp-vurgu);background:#fff;color:var(--msp-ana);border-radius:999px;padding:12px 18px;font-size:15px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.msp.msp-guide-on{padding-bottom:210px}
.msp-guide-target{position:relative;box-shadow:0 0 0 4px var(--msp-vurgu),0 0 0 10px rgba(200,153,47,.25)!important;border-radius:14px;animation:mspRing 1.4s ease-in-out infinite;scroll-margin:120px}
#msp-grid.msp-guide-target{box-shadow:none!important;animation:none}
.msp-guide-flash{animation:mspFlash 1s ease-out 2!important}
@keyframes mspBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mspBump{0%{transform:scale(.92)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes mspRing{0%,100%{box-shadow:0 0 0 4px var(--msp-vurgu),0 0 0 10px rgba(200,153,47,.25)}50%{box-shadow:0 0 0 5px var(--msp-vurgu),0 0 0 18px rgba(200,153,47,.05)}}
@keyframes mspFlash{0%{background-color:rgba(200,153,47,.35)}100%{background-color:transparent}}
.msp-yardim-m-sol .msp-guide-open{right:auto;left:16px}
@media (max-width:600px){.msp-guide{bottom:8px}.msp-guide-text{font-size:16px}.msp-guide-open{bottom:90px}
	.msp-yardim-mob-sol .msp-guide-open{right:auto;left:16px}.msp-yardim-mob-sag .msp-guide-open{left:auto;right:16px}}

/* v1.1.2: ürün seçmeden toprağa dokunma */
.msp-cell.pending{border:2px solid var(--msp-vurgu);background:rgba(200,153,47,.3);animation:mspRing 1.2s ease-in-out infinite}
.msp-products.msp-attention{outline:3px solid var(--msp-vurgu);outline-offset:4px;border-radius:12px;animation:mspRing 1.2s ease-in-out infinite}
.msp-card{scroll-margin-top:90px}

/* v1.2.0: çiçek grubu açılır seçici (vefaapp tarzı) */
.msp-picker{position:relative;margin:12px 0}
.msp-picker-btn{width:100%;display:flex;align-items:center;gap:12px;background:var(--msp-ana);color:#fff;border:0;border-radius:16px;padding:12px 14px;text-align:left;box-shadow:0 8px 20px rgba(31,77,56,.25)}
.msp-picker-ikon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}
.msp-picker-text{flex:1;min-width:0;display:flex;flex-direction:column}
.msp-picker-text small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.msp-picker-text b{font-size:16px;line-height:1.3}
.msp-picker-caret{font-size:22px;line-height:1;transition:transform .2s;flex:none}
.msp-picker-btn.open .msp-picker-caret{transform:rotate(180deg)}
.msp-picker-pop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:8px;display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow:auto}
.msp-picker-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:14px;padding:12px;text-align:left;color:#1e2a24}
.msp-picker-item:hover{background:var(--msp-zemin)}
.msp-picker-item.active{background:#f0f6f2}
.msp-picker-item-ikon{width:40px;height:40px;border-radius:50%;border:2px solid rgba(31,77,56,.25);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;background:#fff}
.msp-picker-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.msp-picker-item-text b{font-size:15px;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.msp-picker-item-text b em{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--msp-vurgu);background:rgba(200,153,47,.15);border-radius:999px;padding:2px 8px;white-space:nowrap}
.msp-picker-item-text small{font-size:13px;color:#5f6b65;line-height:1.4}
.msp-picker-item-check{color:var(--msp-ana);font-weight:700;font-size:18px;width:20px;text-align:center;flex:none}

/* v1.2.2: kutulara gerçek çiçek fotoğrafı */
.msp-cell.filled.photo{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.35) 0 46%,transparent 48%),#1f1611}
.msp-cell.filled.photo{container-type:size}
.msp-cell.filled.photo::before{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(84cqw,84cqh);height:min(84cqw,84cqh);max-width:none;border-radius:50%;background:var(--img) center/cover no-repeat;box-shadow:0 0 0 1.5px rgba(255,255,255,.45),0 2px 4px rgba(0,0,0,.6)}
.msp-cell.filled.photo.pot{background:radial-gradient(circle at 50% 52%,#b8683f 0 46%,#7a4223 47% 50%,transparent 52%),#1f1611}
.msp-cell.filled.photo.pot::before{width:min(80cqw,80cqh);height:min(80cqw,80cqh);border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.5),0 4px 8px rgba(0,0,0,.6)}
.msp-cell.filled.photo.bush{background:#1f1611}
.msp-cell.filled.photo.bush::before{width:min(92cqw,92cqh);height:min(92cqw,92cqh);border-radius:45% 55% 50% 50%/55% 45% 55% 45%;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 4px 8px rgba(0,0,0,.6)}
.msp-cell.filled.photo:hover::before{filter:brightness(1.1)}
.msp-grid.dense .msp-cell.filled.photo::before{width:min(94cqw,94cqh);height:min(94cqw,94cqh)}

/* v1.3.0: mezar boyu listesi, renk seçimi, ⓘ bilgi, yardım kapalı */
.msp-mezar-list .msp-level{padding:12px 14px}
.msp-product{cursor:pointer}
.msp-p-info{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;border:0;background:#25d366;color:#fff;font:italic 700 15px Georgia,serif;box-shadow:0 2px 6px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:2}
.msp-p-info:hover{filter:brightness(1.08)}
.msp-p-renk{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--msp-ana);border-radius:999px;padding:3px 8px;margin-top:2px;line-height:1.2}
.msp-p-renk-soft{background:rgba(200,153,47,.18);color:#6b5314}
.msp-renk-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
@media (max-width:480px){.msp-renk-list{grid-template-columns:1fr}}
.msp-renk-item{border:2px solid rgba(0,0,0,.12);background:#fff;border-radius:14px;padding:16px 14px;font-size:16px;font-weight:700;color:#1e2a24;text-align:left;transition:all .15s}
.msp-renk-item:hover{border-color:var(--msp-ana);background:#f0f6f2}
.msp-renk-item.active{border-color:var(--msp-ana);background:#f0f6f2;box-shadow:0 0 0 3px rgba(31,77,56,.12)}
.msp-bilgi-body{font-size:16px;line-height:1.6;color:#2c3733;margin-bottom:14px}
.msp-bilgi-body ul{margin:6px 0 10px 20px;padding:0}
.msp-bilgi-body li{margin:4px 0}
.msp-modal-bilgi .msp-modal-box,.msp-modal-renk .msp-modal-box{max-width:520px}
.msp.msp-yardim-kapali .msp-guide,.msp.msp-yardim-kapali .msp-guide-open,.msp.msp-yardim-kapali .msp-soil-hint{display:none!important}
.msp.msp-yardim-kapali{padding-bottom:18px}

/* v1.4.0 */
.msp-stage .msp-card-title{margin-bottom:14px}
.msp-stage-tools{flex-direction:column;align-items:stretch;gap:10px}
.msp-tool-group{display:flex;flex-direction:column;gap:6px}
.msp-tool-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5f6b65}
.msp-palette-row{display:flex;flex-wrap:wrap;gap:8px}
.msp-palette-row button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:#1e2a24}
.msp-palette-row button i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:inline-block}
.msp-palette-row button.active{border-color:var(--msp-ana);background:#f0f6f2;box-shadow:0 0 0 3px rgba(31,77,56,.1)}
.msp-palette-row button small{font-weight:600;color:var(--msp-ana)}
.msp-marble-kirmizi{--m1:#a33a3a;--m2:#8e2a2a;--m3:#6f1f1f;--mtext:#fff3f3;--mline:#e8b4b4}
.msp-marble-siyah .msp-hs-ornament{opacity:.8}
/* Baştaşı tipleri */
.msp-bt-ikon{width:18px;height:20px;display:inline-block;background:#8a8a8a;border-radius:9px 9px 2px 2px}
.msp-bt-ikon.msp-bt-sutun{border-radius:2px;width:12px;height:22px}
.msp-bt-ikon.msp-bt-sapka{border-radius:2px;position:relative;width:16px;height:16px;margin-top:4px}
.msp-bt-ikon.msp-bt-sapka::before{content:"";position:absolute;left:-4px;right:-4px;top:-6px;height:6px;background:#8a8a8a;border-radius:2px 2px 0 0}
.msp-hs-cap{display:none}
.msp-grave.msp-bt-sutun .msp-headstone{width:min(200px,46%);min-height:200px;border-radius:10px 10px 4px 4px;padding-top:34px}
.msp-grave.msp-bt-sutun .msp-hs-name{font-size:clamp(12px,1.8vw,17px)}
.msp-grave.msp-bt-sapka .msp-headstone{border-radius:4px;padding-top:30px;overflow:visible}
.msp-grave.msp-bt-sapka .msp-hs-cap{display:block;position:absolute;left:-6%;right:-6%;top:-14px;height:18px;border-radius:4px;background:linear-gradient(180deg,var(--m1),var(--m2));box-shadow:0 4px 8px rgba(0,0,0,.2)}
/* Parlatma kartı */
.msp-card-parlatma{margin-top:22px}
.msp-card-parlatma .msp-note-warn{margin-top:12px}
.msp-seg-small button{font-size:13px;padding:10px 6px}
.msp-summary-ind span:last-child{color:#ffd88a}
.msp-form-total small{display:block;font-size:12px;color:var(--msp-ana);font-weight:600;margin-top:4px}
.msp-success-note{text-align:left;margin-bottom:14px}
#msp-ilce,#msp-bolge{border:1.5px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:#1e2a24}

/* Renk önizleme (renk modalı + ⓘ bilgi) */
.msp-renk-preview,.msp-bilgi-preview{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 12px}
.msp-renk-pv{position:relative;width:132px;height:132px;border-radius:50%;background:#e9e2d4;border:7px solid var(--leaf,#2e7d32);box-shadow:0 6px 18px rgba(0,0,0,.18);overflow:hidden;transition:border-color .3s}
.msp-renk-pv .msp-renk-pv-img{position:absolute;inset:0;background:var(--img,none) center/cover;transition:filter .3s}
.msp-renk-pv::after{content:"";position:absolute;inset:0;background:var(--petal,#c8992f);mix-blend-mode:color;opacity:.9;transition:background .3s,opacity .3s}
.msp-renk-pv.light .msp-renk-pv-img{filter:saturate(.08) brightness(1.22) contrast(1.05)}
.msp-renk-pv.light::after{opacity:.15}
.msp-renk-pv-ad{font-weight:700;font-size:15px;color:var(--msp-ana)}
.msp-renk-sw{display:inline-block;width:26px;height:26px;border-radius:50%;background:var(--petal,#ccc);border:5px solid var(--leaf,#2e7d32);vertical-align:middle;margin-right:10px;box-shadow:0 1px 3px rgba(0,0,0,.25);box-sizing:border-box}
.msp-renk-list-bilgi{margin-bottom:10px}
.msp-renk-list-bilgi .msp-renk-item{padding:10px 12px;font-size:15px}

/* Toprak: birden fazla çeşit, her biri için ayrı miktar */
.msp-toprak-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;margin-top:8px}
.msp-toprak-ad{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;min-width:150px}
.msp-toprak-ad i{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.msp-toprak-row .msp-cm-row{margin:0}
.msp-toprak-row .msp-input{width:90px}
.msp-toprak-rows>p.msp-note{margin-top:10px}
/* Ekilen fidede seçilen renk */
.msp-cell.filled.photo.tint::before{background:linear-gradient(var(--petal),var(--petal)),var(--img) center/cover no-repeat;background-blend-mode:color,normal;box-shadow:0 0 0 1.5px var(--leaf,#2e7d32),0 2px 4px rgba(0,0,0,.6)}
.msp-cell.filled.photo.tint.light::before{background:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),var(--img) center/cover no-repeat;background-blend-mode:normal,normal;filter:saturate(.1) brightness(1.2)}
/* Kayan bilgi mesajı */
.msp-toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);max-width:min(92vw,520px);background:#1e2a24;color:#fff;font-size:15px;line-height:1.45;padding:12px 40px 12px 16px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:99999}
.msp-toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.msp-toast.ok{background:#1f4d38}
.msp-toast.warn{background:#7a4a00}
/* Sipariş öncesi hatırlatma */
.msp-onay-item{background:#fff8e6;border-left:4px solid var(--msp-vurgu);padding:10px 12px;border-radius:8px;margin-bottom:8px;font-size:15px;line-height:1.5}
.msp-onay-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.msp-onay-btns .msp-btn{flex:1 1 180px}

/* ===== Adım adım görünüm (sihirbaz) ===== */
.msp-wizard .msp-hints,.msp-wizard .msp-guide,.msp-wizard .msp-guide-open{display:none!important}
.msp-wizard .msp-head{margin-bottom:12px}
.msp-steps{list-style:none;margin:0 auto 16px;padding:0;display:flex;justify-content:center;gap:4px;max-width:760px;overflow-x:auto;scrollbar-width:none}
.msp-steps::-webkit-scrollbar{display:none}
.msp-step-dot{flex:1 1 0;min-width:52px;position:relative}
.msp-step-dot button{width:100%;background:none;border:0;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b756f;font-size:12px;line-height:1.1}
.msp-step-dot i{font-style:normal;width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.18);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#4c5a53;transition:all .2s}
.msp-step-dot.done i{background:var(--msp-ana);border-color:var(--msp-ana);color:#fff}
.msp-step-dot.done i::before{content:"✓"}
.msp-step-dot.done i{font-size:0}.msp-step-dot.done i::before{font-size:16px}
.msp-step-dot.active i{background:var(--msp-vurgu);border-color:var(--msp-vurgu);color:#fff;transform:scale(1.15);box-shadow:0 0 0 4px rgba(200,153,47,.25)}
.msp-step-dot.active button{color:var(--msp-ana);font-weight:700}
.msp-step-dot:not(:last-child)::after{content:"";position:absolute;top:20px;left:calc(50% + 19px);width:calc(100% - 38px);height:2px;background:rgba(0,0,0,.12)}
.msp-step-dot.done:not(:last-child)::after{background:var(--msp-ana)}
/* Sağ sütunda yalnızca aktif adımın kartı */
.msp-wizard .msp-side{display:flex;flex-direction:column;gap:14px}
.msp-wizard .msp-side>.msp-card,.msp-wizard .msp-side>.msp-summary{display:none}
.msp-wizard.msp-step-1 .msp-card-tasarim,.msp-wizard.msp-step-2 .msp-card-mezar,.msp-wizard.msp-step-3 .msp-card-cicek,.msp-wizard.msp-step-4 .msp-card-toprak,.msp-wizard.msp-step-5 .msp-card-mezartasi,.msp-wizard.msp-step-6 .msp-card-parlatma{display:block}
.msp-wizard.msp-step-7 .msp-summary{display:block;margin-top:0}
.msp-wizard .msp-card-parlatma{max-width:none;margin:0}
.msp-wizard .msp-card .msp-card-title{font-size:22px}
.msp-wizard .msp-stage-actions{display:flex;gap:10px;margin-top:12px}
.msp-wizard .msp-stage-actions .msp-btn{flex:1;padding:12px;font-size:15px}
.msp-wizard .msp-actions{display:none}
/* Mezar taşı adımı dışında mermer/baştaşı araçları ve başlık gizli (sade ekran) */
.msp-wizard .msp-stage>.msp-card-title{display:none}
.msp-wizard:not(.msp-step-5) .msp-stage-tools{display:none}
/* Alt gezinme çubuğu */
.msp-wizard{display:flex;flex-direction:column;min-height:calc(100vh - 20px)}
.msp-wizard>.msp-body{flex:1 0 auto}
.msp-wnav{position:sticky;bottom:0;z-index:50;margin:18px -18px -18px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-top:1px solid rgba(0,0,0,.08);border-radius:0 0 24px 24px;display:flex;align-items:center;gap:10px}
.msp-wnav .msp-btn{width:auto;flex:0 0 auto;padding:14px 18px;font-size:16px;box-shadow:none}
.msp-wnav #msp-wnext{flex:1 1 auto;max-width:320px;margin-left:auto}
.msp-wnav #msp-wnext:disabled{opacity:.45;cursor:not-allowed}
.msp-wnav-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.msp-wnav-hint{font-size:14px;color:#3f4a45;line-height:1.3}
.msp-wnav-total{font-size:13px;color:#6b756f}.msp-wnav-total b{color:var(--msp-ana);font-size:15px}
@media (max-width:900px){
	.msp-wizard .msp-side{display:contents}
	.msp-wizard .msp-stage{order:0;padding:12px 12px 14px}
	.msp-wizard .msp-card,.msp-wizard .msp-summary{order:1}
	/* Çiçek ve mezar taşı adımı dışında mezar görseli küçük */
	.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-grave{max-width:132px;margin:0 auto}
	.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-headstone{min-height:80px;padding:10px 8px 8px}
	.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-hs-name,.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-hs-date,.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-hs-line,.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-hs-ornament{display:none}
	.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-stage-info{display:none}
	.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-cell::before{display:none}
	.msp-wnav{margin:14px -18px -18px;flex-wrap:wrap}
	.msp-wnav-mid{order:-1;flex:1 1 100%;text-align:center;align-items:center}
	.msp-wnav .msp-btn{padding:13px 14px;font-size:15px}
	.msp-wnav #msp-wprev{flex:0 0 auto}
	.msp-wnav #msp-wnext{max-width:none}
	.msp-steps{gap:0}
	.msp-step-dot button span{font-size:10px}
}

.msp-wizard .msp-kicker,.msp-wizard .msp-lead{display:none}
.msp-wizard .msp-head{margin-bottom:8px}
.msp-wizard .msp-title{font-size:clamp(24px,3vw,32px);margin-bottom:4px}
.msp-wizard .msp-card-cicek .msp-season{margin:0 0 12px;font-size:13px}
body.msp-wizard-on .msp-toast{bottom:calc(120px + env(safe-area-inset-bottom,0px))}
@media (max-width:900px){.msp-wizard .msp-title{font-size:22px}}

/* Tema liste numaralarını bastır (ilerleme çubuğu) */
.msp .msp-steps,.msp .msp-steps li{list-style:none!important;margin-left:0;padding-left:0}
.msp .msp-steps li::marker{content:none}
.msp .msp-steps li::before{content:none}
.msp-wnav-link{background:var(--msp-vurgu);color:#fff;border:0;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;margin-left:6px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.msp-wnav-link:hover{filter:brightness(1.08)}

/* v1.5.3 */
.msp-wnav #msp-wnext.is-off{opacity:.55}
.msp-toast{left:auto;right:16px;transform:translateY(20px);max-width:min(88vw,420px);text-align:left}
.msp-toast.show{transform:translateY(0)}
body.msp-wizard-on .msp-toast{bottom:calc(150px + env(safe-area-inset-bottom,0px))}
@media (max-width:900px){body.msp-wizard-on .msp-toast{bottom:calc(175px + env(safe-area-inset-bottom,0px));right:12px;left:12px;max-width:none}}
.msp-hs-hint{position:absolute;left:50%;top:-14px;transform:translate(-50%,-100%);background:var(--msp-vurgu);color:#fff;font-size:14px;font-weight:700;line-height:1.3;padding:8px 12px;border-radius:12px;white-space:nowrap;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:6;animation:mspBob 1.4s ease-in-out infinite;pointer-events:none}
.msp-hs-hint::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-top-color:var(--msp-vurgu);border-bottom:0}
.msp-wizard.msp-step-5 .msp-stage{padding-top:44px}
.msp-summary-warn .msp-wnav-link{margin-left:4px}
@media (max-width:900px){.msp-wizard.msp-step-5 .msp-card-mezartasi{order:-1}}

.msp-toast-close{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px;line-height:28px;text-align:center;padding:0;cursor:pointer}
.msp-toast-close:hover{background:rgba(255,255,255,.32)}

/* v1.5.5: özet adımında sipariş düğmesi alt çubukta */
.msp-wizard .msp-summary #msp-order-btn{display:none}
.msp-wnav #msp-wnext.msp-wnext-order{background:var(--msp-vurgu);color:#fff}
@media (max-width:900px){.msp-wizard.msp-step-7 .msp-stage{padding:12px 12px 14px}}

@media (max-width:900px){.msp-wizard:not(.msp-step-3):not(.msp-step-5):not(.msp-step-7) .msp-stage-actions .msp-btn{padding:10px;font-size:14px}}

.msp-onay-act{margin-top:8px;text-align:right}
.msp-onay-act .msp-wnav-link{margin-left:0}

/* Renk seçeneğine özel fotoğraf: boyama yok */
.msp-renk-pv.real::after{display:none}
.msp-renk-pv.real .msp-renk-pv-img{filter:none}

.msp-renk-sw.img{width:44px;height:44px;border:2px solid #fff;background-size:cover;background-position:center;box-shadow:0 1px 4px rgba(0,0,0,.3)}

/* v1.6.4: alt çubuk sabit (sticky bazı temalarda kayıyordu) */
.msp-wnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1200px);margin:0;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px rgba(0,0,0,.12)}
.msp.msp-wizard,.msp.msp-wizard.msp-yardim-kapali{padding-bottom:130px;min-height:0}
@media (max-width:900px){.msp-wnav{margin:0;border-radius:14px 14px 0 0}.msp.msp-wizard,.msp.msp-wizard.msp-yardim-kapali{padding-bottom:160px}}

/* v1.7.2: mobilde çiçek grubu listesi alt çubuğun altında kalıyordu → sabit, kaydırılabilir panel */
@media (max-width:900px){
	.msp-picker-pop{position:fixed;left:10px;right:10px;top:auto;bottom:calc(170px + env(safe-area-inset-bottom,0px));max-height:calc(100vh - 230px);max-height:calc(100dvh - 230px);z-index:99991;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
	.msp:not(.msp-wizard) .msp-picker-pop{bottom:16px;max-height:calc(100vh - 80px)}
	.msp-picker-pop::before{content:'Çiçek grubu seçin';display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5f6b65;padding:6px 12px 2px}
	.msp-picker-item{padding:14px 12px}
}