/* MODERA 12.1 — Mağaza sayfası (herkese açık) + mağaza sahibi paylaşım araçları. Instagram düzeni: kapak, halkalı logo, sayılar, sekmeler, 3'lü ızgara. */
html body #mainApp > #shopPublic.screen.active{background:#fff!important;padding:0 0 110px!important;margin:0 auto!important;width:100%!important;max-width:680px!important;border-radius:0!important;box-shadow:none!important;border:0!important;color:#262626}
html body #mainApp #shopPublic>a.back{display:block!important;padding:12px 14px 8px!important;margin:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#262626!important;font-weight:700;font-size:15px;text-decoration:none}
html body #mainApp #shopPublic #shopProfile.msp{--a:var(--sp-a,#0095f6);--tx:#262626;--sub:#737373;--line:#dbdbdb;--soft:#efefef;color:var(--tx);background:transparent;padding:0;margin:0;font-family:inherit}
html body #mainApp #shopPublic #shopProfile.msp :is(h2,p,span,small,b,button,a,i,div,nav,article,header){font-family:inherit;box-sizing:border-box}
/* kapak + başlık */
#shopProfile.msp .msp-cover{height:150px;background:linear-gradient(135deg,#e6ebf1,#cfd7e2) center/cover no-repeat}
#shopProfile.msp .msp-head{display:flex;align-items:flex-end;gap:12px;padding:0 16px;margin-top:-44px;position:relative}
#shopProfile.msp .msp-avwrap{flex:none;line-height:0;position:relative}
#shopProfile.msp .msp-av{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:#f3f3f3;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;color:#555;font-size:36px;font-weight:800}
#shopProfile.msp .msp-av img{width:100%;height:100%;object-fit:cover;display:block}
#shopProfile.msp .msp-av i{font-style:normal;line-height:1}
#shopProfile.msp .mst-avring{padding:3px;box-shadow:0 0 0 3px #fff}
#shopProfile.msp .mst-avring .msp-av{box-shadow:none}
#shopProfile.msp .msp-stats{flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;text-align:center;padding-bottom:6px}
#shopProfile.msp .msp-stats :is(button,.msp-stat){background:none;border:0;padding:4px 2px;color:var(--tx);font:inherit;display:grid;gap:1px;min-width:0;text-align:center}
#shopProfile.msp .msp-stats button{cursor:pointer}
#shopProfile.msp .msp-stats b{font-size:17px;font-weight:800;line-height:1.2}
#shopProfile.msp .msp-stats span{font-size:12px;color:var(--sub);white-space:nowrap}
#shopProfile.msp .msp-name{display:flex;align-items:center;gap:6px;margin:10px 16px 0;font-size:19px;line-height:1.25;font-weight:800;color:var(--tx);overflow-wrap:anywhere}
#shopProfile.msp .msp-tick{display:inline-flex;flex:none;width:20px;height:20px;margin:0}
#shopProfile.msp .msp-tick svg{width:100%;height:100%}
#shopProfile.msp .msp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:3px 16px 0;color:var(--sub);font-size:13.5px}
#shopProfile.msp .msp-chip{background:#e8f4fd;color:#0b6fb8;border-radius:999px;padding:2px 9px;font-weight:700;font-size:12px}
#shopProfile.msp .msp-rate .shopRating{color:var(--sub);font-size:13px}
#shopProfile.msp .msp-rate .shopRating b{color:var(--tx)}
#shopProfile.msp .msp-rate .shopRating span[aria-hidden]{color:#f5a623}
#shopProfile.msp .msp-bio{margin:8px 16px 0;white-space:pre-wrap;line-height:1.45;font-size:14.5px;color:var(--tx);overflow-wrap:anywhere}
#shopProfile.msp .msp-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 16px 0;font-size:14px}
#shopProfile.msp .msp-links:empty{display:none}
#shopProfile.msp .msp-links a{color:#00376b;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
/* düğmeler */
#shopProfile.msp .msp-actions{display:flex;gap:8px;padding:12px 16px 4px}
#shopProfile.msp .msp-btn{flex:1;min-width:0;min-height:42px;border-radius:9px;border:0;background:var(--soft);color:var(--tx);font:inherit;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0 10px;box-shadow:none;text-decoration:none}
#shopProfile.msp .msp-btn.primary{background:var(--a);color:#fff}
#shopProfile.msp .msp-btn.icon{flex:none;width:44px;padding:0}
#shopProfile.msp .msp-btn:disabled{opacity:.6;cursor:default}
#shopProfile.msp .msp-btn:focus-visible,#shopProfile.msp .msp-tabs button:focus-visible,#shopProfile.msp .msp-open:focus-visible,#shopProfile.msp .msp-lcard:focus-visible,#shopProfile.msp .msp-stats button:focus-visible{outline:2px solid var(--a);outline-offset:2px}
/* öne çıkanlar */
#shopProfile.msp .msp-hlhost{padding:6px 0 0}
#shopProfile.msp .msp-hlhost:empty,#shopProfile.msp .msp-hlhost [hidden]{display:none}
/* sekmeler */
#shopProfile.msp .msp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:var(--modera-header-h,0px);z-index:5}
#shopProfile.msp .msp-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;margin:0;padding:0 6px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--sub);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
#shopProfile.msp .msp-tabs button svg{flex:none}
#shopProfile.msp .msp-tabs button[aria-selected="true"]{color:var(--tx);border-bottom-color:var(--tx)}
/* paylaşım ızgarası */
.msp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.msp-tile{position:relative;aspect-ratio:1;background:#efefef;overflow:hidden}
.msp-open{display:block;position:relative;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:none;cursor:pointer;color:inherit}
.msp-tile img,.msp-tile video{width:100%;height:100%;object-fit:cover;display:block}
.msp-play{position:absolute;top:8px;left:8px;color:#fff;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}
.msp-aud{position:absolute;left:6px;bottom:6px;font-style:normal;font-size:13px;line-height:1.2;background:rgba(0,0,0,.58);color:#fff;border-radius:999px;padding:2px 6px}
.msp-tmore{position:absolute;top:4px;right:4px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.52);color:#fff;display:grid;place-items:center;cursor:pointer}
.msp-tmore:focus-visible{outline:2px solid #fff;outline-offset:1px}
.msp-tile.is-text .msp-open{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg,#f7f7f7,#e9e9e9)}
.msp-ttext{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-align:left;font-size:12.5px;line-height:1.3;color:#262626;word-break:break-word}
/* ilan kartları */
.msp-lgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:12px 12px 0}
.msp-lcard{display:grid;align-content:start;gap:2px;margin:0;padding:0;border:0;background:#fff;text-align:left;font:inherit;color:#262626;cursor:pointer}
.msp-limg{display:block;aspect-ratio:4/3;border-radius:10px;background:#efefef;overflow:hidden}
.msp-limg img{width:100%;height:100%;object-fit:cover;display:block}
.msp-lcard b{font-size:16px;margin-top:6px}
.msp-lt{font-size:13.5px;line-height:1.3;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.msp-lcard small{color:#737373;font-size:12px}
/* yorumlar */
.msp-review{padding:14px 16px;border-bottom:1px solid #efefef}
.msp-review header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.msp-review header b{font-size:14.5px}
.msp-score{background:#fff6e0;color:#8a5a00;border-radius:999px;padding:2px 10px;font-weight:800;font-size:13px;white-space:nowrap}
.msp-score small{font-weight:600;opacity:.7;margin-left:1px}
.msp-review p{margin:6px 0 4px;line-height:1.45;font-size:14.5px;overflow-wrap:anywhere}
.msp-review>small{color:#737373}
.msp-reply{margin-top:8px;padding:10px 12px;border-radius:10px;background:#f5f7fa;border-left:3px solid var(--a,#0095f6)}
.msp-reply b{font-size:12.5px;color:#737373}
.msp-reply p{margin:3px 0 0}
/* boş durumlar */
.msp-empty,.msp-hidden{display:grid;justify-items:center;gap:8px;margin:24px 16px;text-align:center;color:#737373}
.msp-empty b{color:#262626;font-size:16px}
.msp-empty p,.msp-hidden p{margin:0;line-height:1.4}
.msp-empty .msp-btn{flex:none;padding:0 18px}
.msp-hidden{background:#fff8e6;border:1px solid #f1dca5;border-radius:12px;padding:12px 14px;color:#6d5300;margin:12px 12px 0}
.msp-hidden b{color:#4a3800}
.msp-hidden .msp-btn{flex:none;padding:0 16px;min-height:40px;border:0;border-radius:9px;background:var(--a,#0095f6);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.msp-note{padding:24px 16px;text-align:center;color:#737373;margin:0}
/* pencereler */
dialog.msp-dlg{border:0;padding:0;border-radius:16px;width:min(520px,94vw);max-height:92vh;background:#fff;color:#262626;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
dialog.msp-dlg::backdrop{background:rgba(0,0,0,.55)}
dialog.msp-dlg :is(h3,p,span,small,b,label,button,textarea,select,input,strong){font-family:inherit}
.msp-cform{display:grid;gap:12px;padding:16px;overflow:auto;max-height:90vh}
.msp-chead{display:flex;align-items:center;justify-content:space-between;font-size:17px}
.msp-ix{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#262626;display:grid;place-items:center;cursor:pointer;padding:0}
.msp-ix:hover{background:#efefef}
.msp-pick{display:block;position:relative;cursor:pointer}
.msp-pick input{position:absolute;opacity:0;width:1px;height:1px}
.msp-prev{display:grid;justify-items:center;align-content:center;gap:4px;min-height:170px;border:2px dashed #c7c7c7;border-radius:14px;background:#fafafa;color:#555;text-align:center;padding:14px;overflow:hidden}
.msp-prev b{color:#262626}
.msp-prev small{color:#737373}
.msp-prev img,.msp-prev video{max-width:100%;max-height:300px;border-radius:10px;display:block}
.msp-pick:focus-within .msp-prev{outline:2px solid #0095f6;outline-offset:2px}
.msp-lab{display:grid;gap:6px;font-weight:700;font-size:14px}
.msp-lab textarea,.msp-lab select{font:inherit;font-weight:400;font-size:16px;border:1px solid #dbdbdb;border-radius:10px;padding:10px 12px;background:#fafafa;color:#262626;width:100%;box-sizing:border-box}
.msp-hintline{margin:0;color:#737373;font-size:12.5px;line-height:1.35}
.msp-err{margin:0;color:#c62828;font-weight:600;font-size:14px}
.msp-err[hidden],.msp-lab[hidden]{display:none}
.msp-cact{display:flex;gap:10px;justify-content:flex-end}
.msp-dlg .msp-btn{flex:none;min-width:110px;min-height:42px;border-radius:9px;border:0;background:#efefef;color:#262626;font:inherit;font-weight:700;font-size:14px;cursor:pointer;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}
.msp-dlg .msp-btn.primary{background:#0095f6;color:#fff}
.msp-dlg .msp-btn:disabled{opacity:.6}
dialog.msp-sheet{width:min(440px,94vw);margin:auto auto 0}
@media(min-width:700px){dialog.msp-sheet{margin:auto}}
.msp-sbody{display:grid;gap:2px;padding:10px 10px 14px}
.msp-sbody h3{margin:6px 8px 8px;font-size:16px}
.msp-srow{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#262626;font:inherit;font-size:15px;text-align:left;cursor:pointer;width:100%}
.msp-srow:hover,.msp-srow.on{background:#f3f3f3}
.msp-srow b{flex:1;font-weight:600}
.msp-srow i{font-style:normal;color:#0095f6;font-weight:800}
.msp-srow.danger{color:#d32f2f}
.msp-srow>span{width:26px;text-align:center;font-size:18px}
/* ışık kutusu */
dialog.msp-lb{border:0;padding:0;background:rgba(0,0,0,.94);width:100vw;height:100vh;max-width:100vw;max-height:100vh;color:#fff;overflow:hidden}
dialog.msp-lb::backdrop{background:rgba(0,0,0,.93)}
.msp-lbcard{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%}
.msp-lbstage{display:grid;place-items:center;min-height:0;padding:56px 8px 6px}
.msp-lbstage img,.msp-lbstage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.msp-lbtext{max-width:min(560px,92vw);max-height:100%;overflow:auto;padding:22px;border-radius:14px;background:#fff;color:#262626;font-size:17px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.msp-lbx{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.msp-lbn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.msp-lbn[hidden]{display:none}
.msp-lbn.prev{left:8px}.msp-lbn.next{right:8px}
.msp-lbx:focus-visible,.msp-lbn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.msp-lbcap{padding:8px 18px 22px;max-width:680px;margin:0 auto;width:100%}
.msp-lbcap p{margin:0 0 4px;font-size:15px;line-height:1.4;color:#fff;overflow-wrap:anywhere}
.msp-lbcap small{color:#c9c9c9}
/* bildirim */
#mspToast{position:fixed;left:50%;bottom:96px;transform:translate(-50%,12px);max-width:min(92vw,520px);background:#262626;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100000;text-align:center}
#mspToast.on{opacity:1;transform:translate(-50%,0)}
/* anahtar (ilanları sayfamda göster) */
.msp-switchwrap{margin:12px 0}
.msp-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;padding:12px 14px;border:1px solid #dbdbdb;border-radius:12px;background:#fff;color:#262626;cursor:pointer}
.msp-switch>span{display:grid;gap:3px;min-width:0}
.msp-switch b{font-size:14.5px}
.msp-switch small{color:#737373;font-weight:400;font-size:12.5px;line-height:1.35}
.msp-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.msp-switch i{flex:none;width:48px;height:28px;border-radius:999px;background:#c7c7c7;position:relative;transition:background .15s}
.msp-switch i::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.msp-switch input:checked+i{background:#34c759}
.msp-switch input:checked+i::after{transform:translateX(20px)}
.msp-switch input:focus-visible+i{outline:2px solid #0095f6;outline-offset:2px}
.msp-switch input:disabled+i{opacity:.55}
.msp-sw-msg{min-height:18px;margin:4px 2px 0;color:#737373;font-size:13px}
/* mağaza sahibi sayfası (Mağazam) */
#shopOwnerBody .shopOwnerMainActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#shopOwnerBody .shopOwnerMainActions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}
#shopOwnerBody .msp-hlhost.owner{padding:10px 0 2px}
#shopOwnerBody #shopOwnerContent .msp-grid{margin:10px 0}
#shopOwnerBody #shopOwnerContent .msp-empty{margin:18px 4px}
#shopOwnerBody #shopOwnerContent .msp-empty b{color:inherit}
/* geniş ekran */
@media(min-width:700px){
 #shopProfile.msp .msp-cover{height:220px;border-radius:0 0 12px 12px}
 #shopProfile.msp .msp-head{margin-top:-52px;padding:0 24px}
 #shopProfile.msp .msp-av{width:120px;height:120px;font-size:46px}
 #shopProfile.msp .msp-name,#shopProfile.msp .msp-meta,#shopProfile.msp .msp-bio,#shopProfile.msp .msp-links{margin-left:24px;margin-right:24px}
 #shopProfile.msp .msp-actions{padding:14px 24px 4px}
 .msp-lgrid{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 18px 0}
 .msp-review{padding:16px 24px}
 .msp-grid{gap:4px}
}
@media(max-width:360px){#shopProfile.msp .msp-stats b{font-size:15px}#shopProfile.msp .msp-av{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){#mspToast,.msp-switch i,.msp-switch i::after{transition:none}}