/* چندفروشندگی — صفحه‌ی /seller/ و فرم درخواست (seller.js) */
.sl{--sl-accent:#ef4056;--sl-accent2:#ff7a59;--sl-text:#1f2433;--sl-muted:#6b7280;--sl-line:#eceef3;padding-bottom:40px;color:var(--sl-text)}
.sl *{box-sizing:border-box}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--sl-accent),var(--sl-accent2));color:#fff!important;font:inherit;font-weight:700;text-decoration:none!important;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px color-mix(in srgb,var(--sl-accent) 30%,transparent)}
.sl-btn:hover{transform:translateY(-1px)}
.sl-btn:disabled{opacity:.6;cursor:default;transform:none}
.sl-btn.is-ghost{background:#fff;color:var(--sl-accent)!important;border:1.5px solid var(--sl-accent);box-shadow:none}
.sl-btn.is-lg{padding:13px 26px;font-size:15px}
.sl-off{max-width:520px;margin:60px auto;padding:40px 20px;text-align:center;border-radius:20px;background:#fff;border:1px solid var(--sl-line)}
.sl-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:center;margin:20px 0 10px;padding:34px;border-radius:26px;
    background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--sl-accent) 12%,#fff),#fff 60%);border:1px solid var(--sl-line);overflow:hidden}
.sl-kicker{display:inline-block;padding:4px 12px;border-radius:20px;background:color-mix(in srgb,var(--sl-accent) 12%,#fff);color:var(--sl-accent);font-weight:700;font-size:13px}
.sl-hero h1{margin:12px 0;font-size:30px;font-weight:900;line-height:1.5}
.sl-hero p{color:var(--sl-muted);line-height:2.1;font-size:15px}
.sl-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sl-hero-art svg{width:100%;max-width:340px;display:block;margin:auto}
@media (max-width:768px){.sl-hero{grid-template-columns:minmax(0,1fr);padding:22px}.sl-hero-art{display:none}.sl-hero h1{font-size:23px}}
.sl-sec{margin-top:34px}
.sl-sec h2{font-size:20px;font-weight:800;margin:0 0 16px}
.sl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sl-fees .sl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:992px){.sl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sl-grid,.sl-fees .sl-grid{grid-template-columns:minmax(0,1fr)}}
.sl-card{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--sl-line);transition:transform .2s,box-shadow .2s}
.sl-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,25,50,.06)}
.sl-card i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--sl-accent) 10%,#fff);font-style:normal;font-size:22px;margin-bottom:10px}
.sl-card b{display:block;font-size:15px;margin-bottom:6px}
.sl-card p{margin:0;color:var(--sl-muted);line-height:1.9;font-size:13px}
.sl-card .sl-big{font-size:26px;font-weight:900;color:var(--sl-accent);margin-bottom:4px}
.sl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
@media (max-width:768px){.sl-steps{grid-template-columns:minmax(0,1fr)}}
.sl-steps li{position:relative;padding:18px 18px 18px 18px;padding-right:62px;border-radius:18px;background:#fff;border:1px solid var(--sl-line);counter-increment:s}
.sl-steps li::before{content:counter(s);position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--sl-accent),var(--sl-accent2));color:#fff;font-weight:800}
.sl-steps b{display:block;margin-bottom:4px}
.sl-steps span{color:var(--sl-muted);font-size:13px;line-height:1.8}
.sl-shops{display:flex;flex-direction:column;gap:10px}
.sl-shop{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--sl-line)}
.sl-shop-logo{width:52px;height:52px;flex:0 0 52px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--sl-accent) 10%,#fff);color:var(--sl-accent);font-weight:900;font-size:20px;overflow:hidden}
.sl-shop-logo img{width:100%;height:100%;object-fit:cover}
.sl-shop-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sl-shop-txt small{color:#b45309;font-size:12px;line-height:1.7}
.sl-st{display:inline-block;width:max-content;padding:1px 10px;border-radius:10px;font-size:12px;background:#f3f4f6;color:var(--sl-muted)}
.sl-shop.is-approved .sl-st{background:#dcfce7;color:#15803d}.sl-shop.is-pending .sl-st{background:#fef3c7;color:#b45309}.sl-shop.is-changes .sl-st,.sl-shop.is-rejected .sl-st,.sl-shop.is-suspended .sl-st{background:#fee2e2;color:#b91c1c}
.sl-shop-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sl-note{color:var(--sl-muted);font-size:13px}
@media (max-width:560px){.sl-shop{flex-wrap:wrap}.sl-shop-act{width:100%}.sl-shop-act .sl-btn{flex:1}}
.sl-faq details{border:1px solid var(--sl-line);border-radius:14px;background:#fff;margin-bottom:8px}
.sl-faq summary{padding:14px 16px;font-weight:700;cursor:pointer;list-style:none}
.sl-faq summary::-webkit-details-marker{display:none}
.sl-faq summary::after{content:'+';float:left;color:var(--sl-accent);font-size:18px}
.sl-faq details[open] summary::after{content:'−'}
.sl-faq details>div{padding:0 16px 14px;color:var(--sl-muted);line-height:2}

/* ---------- فرم درخواست ---------- */
html.slw-lock,html.slw-lock body{overflow:hidden}
.slw{position:fixed;inset:0;z-index:1060;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,20,35,.5);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s;direction:rtl;color:#1f2433}
.slw.is-in{opacity:1}
.slw *{box-sizing:border-box}
.slw-box{width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(10,15,35,.3);transform:translateY(14px);transition:transform .3s}
.slw.is-in .slw-box{transform:none}
@media (max-width:640px){.slw{padding:0;align-items:flex-end}.slw-box{border-radius:22px 22px 0 0;max-height:94vh}}
.slw-box>header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}
.slw-box>header b{display:block;font-size:17px}
.slw-box>header small{color:#6b7280}
.slw-x{width:36px;height:36px;border:0;border-radius:12px;background:#f3f4f6;cursor:pointer;font-size:15px}
.slw-prog{list-style:none;display:flex;gap:4px;margin:0;padding:6px 20px 10px}
.slw-prog li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#9ca3af;text-align:center}
.slw-prog li i{width:100%;height:5px;border-radius:5px;background:#e5e7eb;font-size:0}
.slw-prog li.is-done i,.slw-prog li.is-on i{background:var(--color-primary,#ef4056)}
.slw-prog li.is-on{color:#1f2433;font-weight:700}
@media (max-width:480px){.slw-prog li span{display:none}.slw-prog li.is-on span{display:block}}
.slw-body{padding:6px 20px 12px;overflow:auto}
.slw-box>footer{display:flex;justify-content:space-between;gap:10px;padding:12px 20px 16px;border-top:1px solid #f0f1f4}
.slw-box>footer .sl-btn{min-width:140px}
.slw .sl-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:0;border-radius:12px;background:var(--color-primary,#ef4056);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.slw .sl-btn.is-ghost{background:#fff;color:#374151;border:1.5px solid #e5e7eb}
.slw-f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.slw-f>span{font-size:13px;font-weight:700;color:#374151}
.slw-f b{color:#ef4444}
.slw-f small{color:#6b7280;font-size:12px;line-height:1.8}
.slw-f input,.slw-f textarea{width:100%;padding:11px 13px;border:1.5px solid #e5e7eb;border-radius:12px;font:inherit;outline:0;background:#fafafb;transition:border-color .2s,background .2s}
.slw-f input:focus,.slw-f textarea:focus{border-color:var(--color-primary,#ef4056);background:#fff}
.slw-f input.is-bad{border-color:#ef4444;background:#fef2f2}
.slw-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.slw-seg{display:flex;gap:8px;margin-bottom:14px}
.slw-seg label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1.5px solid #e5e7eb;border-radius:12px;cursor:pointer;font-weight:700;margin:0}
.slw-seg label:has(input:checked){border-color:var(--color-primary,#ef4056);background:color-mix(in srgb,var(--color-primary,#ef4056) 7%,#fff)}
.slw-files{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
@media (max-width:520px){.slw-files,.slw-row{grid-template-columns:1fr}}
.slw-file{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px dashed #d1d5db;border-radius:14px;cursor:pointer;margin:0 0 10px}
.slw-file.has{border-style:solid;border-color:#86efac;background:#f0fdf4}
.slw-file.is-loading{opacity:.6;pointer-events:none}
.slw-file-prev{width:48px;height:48px;flex:0 0 48px;border-radius:12px;display:grid;place-items:center;background:#f3f4f6;font-size:22px;color:#9ca3af;overflow:hidden}
.slw-file.has .slw-file-prev{color:#16a34a;background:#dcfce7}
.slw-file-prev img{width:100%;height:100%;object-fit:cover}
.slw-file b{display:block;font-size:13px}
.slw-file small{color:#6b7280;font-size:11.5px}
.slw-iban{position:relative}
.slw-iban input{padding-left:44px;letter-spacing:1px}
.slw-iban em{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:800;color:#6b7280}
.slw-hint{color:#6b7280;font-size:12.5px;line-height:1.9}
.slw-contract{max-height:260px;overflow:auto;padding:14px;border-radius:14px;background:#f9fafb;border:1px solid #eef0f3;line-height:2.1;font-size:13px;margin-bottom:12px}
.slw-check{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 12px;cursor:pointer}
.slw-check input{width:18px;height:18px}
.slw-miss{margin:0 20px 10px;padding:10px 14px;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:12.5px;line-height:1.9}
.slw-body .slw-miss{margin:0}
.slw-ok{padding:10px 14px;border-radius:12px;background:#f0fdf4;color:#15803d;font-size:12.5px}
.slw-sent{text-align:center;padding:30px 10px}
.slw-sent i{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 14px;border-radius:50%;background:#dcfce7;color:#16a34a;font-style:normal;font-size:34px}
.slw-sent b{display:block;font-size:18px;margin-bottom:8px}
.slw-sent p{color:#6b7280;line-height:2}

/* صفحه‌ی عمومی فروشگاه (/seller/shop/) */
.sl-off.is-sm{margin:20px auto;padding:30px 16px}
.sh-head{position:relative;margin-top:16px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--sl-line)}
.sh-cover{height:180px;background:var(--sh-cover,linear-gradient(135deg,var(--sl-accent),var(--sl-accent2))) center/cover}
.sh-info{display:flex;gap:18px;align-items:flex-end;padding:0 24px 20px;margin-top:-46px;position:relative}
.sh-logo{width:104px;height:104px;flex:none;border-radius:26px;border:4px solid #fff;background:linear-gradient(135deg,var(--sl-accent),var(--sl-accent2));color:#fff;display:grid;place-items:center;font-size:40px;font-weight:900;overflow:hidden;box-shadow:0 10px 26px rgba(20,25,50,.12)}
.sh-logo img{width:100%;height:100%;object-fit:cover;background:#fff}
.sh-txt{min-width:0;padding-bottom:4px}
.sh-txt h1{margin:0;font-size:22px;font-weight:900}
.sh-txt p{margin:2px 0 6px;color:var(--sl-muted)}
.sh-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--sl-muted)}
.sh-stars{color:#f5a524;letter-spacing:1px}
.sh-stars small{color:var(--sl-muted);letter-spacing:0}
.sh-vac{margin-top:12px;padding:10px 16px;border-radius:14px;background:#fff7e6;color:#b45309;font-weight:700;text-align:center}
.sh-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px;align-items:start}
.sh-side{display:flex;flex-direction:column;gap:14px}
.sh-side .sl-card:hover{transform:none;box-shadow:none}
.sh-bio{white-space:normal}
.sh-muted{color:var(--sl-muted);font-size:12px;margin:8px 0 0}
.sh-reviews{list-style:none;margin:0;padding:0}
.sh-reviews li{padding:10px 0;border-bottom:1px dashed var(--sl-line)}
.sh-reviews li p{margin:4px 0;color:var(--sl-text)!important}
.sh-reviews small{color:var(--sl-muted);font-size:11px}
.sh-tools{display:flex;gap:8px;margin-bottom:14px}
.sh-tools input,.sh-tools select{padding:9px 14px;border:1px solid var(--sl-line);border-radius:12px;background:#fff;font:inherit;outline:0}
.sh-tools input{flex:1;min-width:0}
.sh-tools input:focus,.sh-tools select:focus{border-color:var(--sl-accent)}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.sh-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;background:#fff;border:1px solid var(--sl-line);color:var(--sl-text)!important;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.sh-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,25,50,.08)}
.sh-img{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fafafa}
.sh-img img{width:100%;height:100%;object-fit:contain}
.sh-img em{position:absolute;top:8px;right:8px;background:var(--sl-accent);color:#fff;font-style:normal;font-weight:800;font-size:12px;border-radius:99px;padding:1px 9px}
.sh-card b{font-size:13px;font-weight:600;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}
.sh-price{display:flex;flex-direction:column;align-items:flex-end;margin-top:auto}
.sh-price s{color:var(--sl-muted);font-size:12px}
.sh-price span{font-weight:900;font-size:15px}
.sh-price small{font-weight:400;font-size:11px;color:var(--sl-muted)}
.sh-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:20px}
.sh-pager a,.sh-pager span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid var(--sl-line);color:var(--sl-text)!important;text-decoration:none!important}
.sh-pager a.is-on{background:var(--sl-accent);border-color:var(--sl-accent);color:#fff!important}
.sh-pager span{border:0;background:none}
@media (max-width:900px){.sh-body{grid-template-columns:minmax(0,1fr)}.sh-side{order:2}}
@media (max-width:560px){.sh-cover{height:130px}.sh-info{flex-direction:column;align-items:flex-start;padding:0 16px 16px}.sh-logo{width:86px;height:86px}.sh-txt h1{font-size:19px}.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sh-card{padding:8px}.sh-tools{flex-wrap:wrap}.sh-tools input{flex-basis:100%}}

/* امتیازدهی به فروشنده (/seller/rate/) */
.rt{max-width:720px;margin:24px auto 0}
.rt h1{font-size:21px;font-weight:900;margin:0 0 6px}
.rt-intro{color:var(--sl-muted);margin:0 0 18px}
.rt-card{background:#fff;border:1px solid var(--sl-line);border-radius:20px;padding:18px;margin-bottom:14px}
.rt-shop{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rt-shop .sh-logo{width:52px;height:52px;border-radius:15px;border-width:2px;font-size:20px;box-shadow:none}
.rt-shop small{display:block;color:var(--sl-muted);font-size:12px}
.rt-items{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.rt-items li{font-size:12px;background:#f6f7fb;border-radius:99px;padding:2px 12px}
.rt-stars{display:inline-flex;flex-direction:row-reverse;gap:2px;margin-bottom:10px}
.rt-stars input{position:absolute;opacity:0;pointer-events:none}
.rt-stars label{font-size:34px;line-height:1;color:#d7dae3;cursor:pointer;transition:color .15s,transform .1s}
.rt-stars label:hover,.rt-stars label:hover~label,.rt-stars input:checked~label{color:#f5a524}
.rt-stars label:active{transform:scale(.9)}
.rt-stars input:focus-visible+label{outline:2px solid var(--sl-accent);border-radius:6px}
.rt textarea{width:100%;padding:10px 14px;border:1px solid var(--sl-line);border-radius:14px;font:inherit;outline:0;resize:vertical;margin-bottom:10px}
.rt textarea:focus{border-color:var(--sl-accent)}
.rt-msg{padding:12px 16px;border-radius:14px;margin-bottom:14px;font-weight:700}
.rt-msg.is-ok{background:#ecfdf3;color:#15803d}
.rt-msg.is-bad{background:#fef2f2;color:#b91c1c}
