/* SHAHAZ.com — Become a Seller landing (ZIP-384). Markup: page-become-a-seller.php, inside the seller shell
   (assets/css/shahaz-seller-onboarding.css: green glass header on phone/tablet, footer).
   Calm luxury: lots of white, ink + magenta + a touch of gold, one script accent word per heading.
   No shadow, no blur, no gradients on text except the SHAHAZ.com wordmark. */
.sbl-page .sob-main{padding:0;max-width:none}
.sbl-page,.sbl-page .sob{background:#fff}
.sbl{--ink:#16090f;--ink-2:#3b2a33;--muted:#6f6470;--line:#efe4ea;--mag:#e0157a;--mag-d:#b50a60;--gold:#d39a12;--soft:#fbf6f8;
	--wrap:1120px;font-family:"Plus Jakarta Sans","Hind Siliguri",-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55}
.sbl *{box-sizing:border-box}
.sbl a{-webkit-tap-highlight-color:transparent}
.sbl a:focus,.sbl a:focus-visible,.sbl summary:focus,.sbl summary:focus-visible{outline:none;box-shadow:none}
.sbl .sbl-i{display:block;flex:0 0 auto;width:22px;height:22px}

/* SHAHAZ.com — the header wordmark (big magenta SHAHAZ, small gold .com) */
.sbl .shz-wm{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:"Playfair Display",Georgia,serif;font-weight:800;letter-spacing:.01em;line-height:1}
.sbl .shz-wm__n{background:linear-gradient(180deg,#ff4fae 0%,#e0157a 55%,#a3005a 100%);-webkit-background-clip:text;background-clip:text;color:#e0157a;-webkit-text-fill-color:transparent}
.sbl .shz-wm__d{margin-left:.03em;font-size:.66em;background:linear-gradient(180deg,#f7d77a 0%,#d39a12 60%,#a8730a 100%);-webkit-background-clip:text;background-clip:text;color:#d39a12;-webkit-text-fill-color:transparent}
.sbl .sbl-hero .shz-wm__n,.sbl .sbl-end .shz-wm__n{background:linear-gradient(180deg,#ff8cc8 0%,#ff4fae 55%,#e0157a 100%);-webkit-background-clip:text;background-clip:text}

/* shared type */
.sbl .sbl-eyebrow{margin:0 0 12px;color:#f2c45a;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.sbl .sbl-kicker{margin:0 0 8px;color:var(--mag);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.sbl .sbl-h2{margin:0 0 22px;font-size:clamp(26px,6.4vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.sbl .sbl-h2 em,.sbl .sbl-end__title em{font-family:"Great Vibes","Brush Script MT",cursive;font-style:normal;font-weight:400;font-size:1.32em;line-height:.8;letter-spacing:0;color:var(--mag)}
.sbl .sbl-h2--sm{font-size:clamp(24px,5.6vw,34px);margin-bottom:12px}

/* buttons */
.sbl .sbl-actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.sbl .sbl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-size:15.5px;font-weight:800;text-decoration:none!important;transition:background .2s ease,color .2s ease,border-color .2s ease}
.sbl .sbl-btn .sbl-i{width:19px;height:19px}
.sbl .sbl-btn--primary{background:var(--mag);color:#fff!important;border:1.5px solid var(--mag)}
.sbl .sbl-btn--primary:hover{background:var(--mag-d);border-color:var(--mag-d)}
.sbl .sbl-btn--ghost{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)}
.sbl .sbl-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.sbl .sbl-mini{margin:12px 0 0;font-size:13px;color:rgba(255,255,255,.75)}

/* 1 · hero (dark) */
.sbl .sbl-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;
	background:radial-gradient(120% 80% at 100% 0%,#5a0f37 0%,rgba(90,15,55,0) 60%),radial-gradient(90% 70% at 0% 100%,#3a0b26 0%,rgba(58,11,38,0) 70%),#14070e}
.sbl .sbl-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,196,90,.7),transparent)}
.sbl .sbl-hero.has-photo{min-height:min(86vh,720px)}
.sbl .sbl-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%}
.sbl .sbl-hero.has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,7,14,.15) 0%,rgba(20,7,14,.35) 40%,rgba(20,7,14,.92) 78%,#14070e 100%)}
.sbl .sbl-hero__in{position:relative;z-index:2;width:100%;max-width:var(--wrap);margin:0 auto;padding:72px 20px 44px}
.sbl .sbl-hero__title{margin:0;max-width:640px;font-size:clamp(36px,9.6vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.025em;color:#fff}
.sbl .sbl-hero__title .shz-wm{font-size:1.02em}
.sbl .sbl-hero__lead{max-width:520px;margin:16px 0 0;font-size:16.5px;color:rgba(255,255,255,.82)}
.sbl .sbl-hero__facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:26px 0 0;padding:0;list-style:none;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.85)}
.sbl .sbl-hero__facts li{display:flex;align-items:center;gap:7px}
.sbl .sbl-hero__facts .sbl-i{width:17px;height:17px;color:#f2c45a}

/* sections */
.sbl .sbl-sec{max-width:var(--wrap);margin:0 auto;padding:60px 20px}
.sbl .sbl-sec + .sbl-sec{border-top:1px solid var(--line)}

/* 2 · why — open / close list */
.sbl .sbl-acc{border-top:1px solid var(--line)}
.sbl .sbl-acc__item{border-bottom:1px solid var(--line)}
.sbl .sbl-acc__item summary{display:flex;align-items:center;gap:14px;padding:17px 2px;cursor:pointer;list-style:none;font-size:16.5px;color:var(--ink)}
.sbl .sbl-acc__item summary::-webkit-details-marker{display:none}
.sbl .sbl-acc__item summary b{flex:1 1 auto;font-weight:700}
.sbl .sbl-acc__ic{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#fdeef5;color:var(--mag)}
.sbl .sbl-acc__chev{width:20px;height:20px;color:var(--muted);transition:transform .2s ease}
.sbl .sbl-acc__item[open] .sbl-acc__chev{transform:rotate(180deg);color:var(--mag)}
.sbl .sbl-acc__item p{margin:-4px 0 18px 54px;max-width:640px;color:var(--muted);font-size:15px}

/* 3 · steps */
.sbl .sbl-steps{display:grid;gap:34px}
.sbl .sbl-steps__list{position:relative;margin:0;padding:0;list-style:none}
.sbl .sbl-steps__list::before{content:"";position:absolute;left:19px;top:22px;bottom:22px;width:1.5px;background:linear-gradient(180deg,var(--mag),#f2c45a)}
.sbl .sbl-steps__list li{position:relative;display:flex;gap:16px;padding:0 0 24px}
.sbl .sbl-steps__list li:last-child{padding-bottom:0}
.sbl .sbl-steps__num{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid var(--mag);color:var(--mag);font-weight:800;font-size:15px}
.sbl .sbl-steps__list h3{margin:6px 0 2px;font-size:17px;font-weight:800;color:var(--ink)}
.sbl .sbl-steps__list p{margin:0;color:var(--muted);font-size:14.5px}

/* photos (owner-supplied) and their finished look without a photo */
.sbl .sbl-photo{position:relative;margin:0;overflow:hidden;border-radius:22px;aspect-ratio:4/3;background:linear-gradient(150deg,#fff5fa 0%,#fbe7f1 55%,#f6dbe9 100%)}
.sbl .sbl-photo--square{aspect-ratio:1/1}
.sbl .sbl-photo img{display:block;width:100%;height:100%;object-fit:cover}
.sbl .sbl-photo__mark{position:absolute;inset:0;display:grid;place-items:center}
.sbl .sbl-photo__mark img{width:min(34%,140px);height:auto;object-fit:contain}
.sbl .sbl-photo:not(.is-empty) .sbl-photo__mark{display:none}
.sbl .sbl-photo__ic{position:absolute;inset:0;display:grid;place-items:center;color:var(--mag)}
.sbl .sbl-photo__ic .sbl-i{width:64px;height:64px;stroke-width:1.2}
.sbl .sbl-photo:not(.is-empty) .sbl-photo__ic{display:none}
.sbl .sbl-photo.is-empty::after{content:"";position:absolute;inset:14px;border:1px solid rgba(224,21,122,.18);border-radius:16px}

/* 4 · delivery and payouts rows */
.sbl .sbl-rows{display:grid;gap:52px}
.sbl .sbl-row{display:grid;gap:22px;align-items:center}
.sbl .sbl-row__copy p{margin:0;color:var(--muted);font-size:15.5px}
.sbl .sbl-ticks{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none;font-size:14.5px;font-weight:600;color:var(--ink-2)}
.sbl .sbl-ticks li{display:flex;align-items:center;gap:9px}
.sbl .sbl-ticks .sbl-i{width:19px;height:19px;color:var(--mag)}

/* 5 · closing call (dark) */
.sbl .sbl-end{position:relative;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(90% 120% at 50% 0%,#4d0d30 0%,rgba(77,13,48,0) 70%),#14070e}
.sbl .sbl-end__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sbl .sbl-end.has-photo::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(20,7,14,.72)}
.sbl .sbl-end__in{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:68px 20px 60px}
.sbl .sbl-end__title{margin:0;font-size:clamp(30px,7.6vw,48px);line-height:1.1;font-weight:800;letter-spacing:-.02em}
.sbl .sbl-end .sbl-actions{justify-content:center}
.sbl .sbl-end__links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:26px 0 0}
.sbl .sbl-end__links a{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.82)!important;font-size:14px;font-weight:600;text-decoration:none}
.sbl .sbl-end__links a:hover{color:#fff!important}
.sbl .sbl-end__note{max-width:560px;margin:16px auto 0;color:rgba(255,255,255,.7);font-size:13.5px;line-height:1.6;text-align:center} /* ZIP-423 */
.sbl .sbl-end__links .sbl-i{width:18px;height:18px;color:#f2c45a}

/* tablet / computer */
@media (min-width:768px){
	.sbl .sbl-hero__in{padding:96px 32px 64px}
	.sbl .sbl-sec{padding:84px 32px}
	.sbl .sbl-steps{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}
	.sbl .sbl-row{grid-template-columns:1fr 1fr;gap:48px}
	.sbl .sbl-row.is-flip .sbl-photo{order:2}
	.sbl .sbl-why{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
	.sbl .sbl-why .sbl-kicker,.sbl .sbl-why .sbl-h2{grid-column:1}
	.sbl .sbl-why .sbl-acc{grid-column:2;grid-row:1 / span 2}
}
@media (min-width:1101px){
	.sbl .sbl-hero.has-photo{min-height:620px}
	.sbl .sbl-hero.has-photo::before{background:linear-gradient(90deg,#14070e 0%,rgba(20,7,14,.9) 34%,rgba(20,7,14,.25) 70%,rgba(20,7,14,.1) 100%)}
	.sbl .sbl-hero__img{object-position:right 30%}
}
@media (max-width:380px){
	.sbl .sbl-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.sbl *{transition:none!important}}

/* ZIP-385 (owner): the welcome — logo, SHAHAZ.com and one line on white while the photos load (page-become-a-seller.php
   script hides it; without JavaScript it fades by itself after 2.6 s) */
.sbl .sbl-welcome{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#fff;text-align:center;
	transition:opacity .45s ease,visibility 0s linear .45s;animation:sblWelcomeOut .45s ease 2.6s forwards}
.sbl .sbl-welcome.is-gone{opacity:0;visibility:hidden}
.sbl .sbl-welcome img{width:84px;height:84px;animation:sblWelcomeIn .6s cubic-bezier(.2,.8,.2,1) both}
.sbl .sbl-welcome .shz-wm{font-size:36px;animation:sblWelcomeIn .6s .08s cubic-bezier(.2,.8,.2,1) both}
.sbl .sbl-welcome p{margin:0;color:#6f6470;font-size:15px;font-weight:600;animation:sblWelcomeIn .6s .16s cubic-bezier(.2,.8,.2,1) both}
@keyframes sblWelcomeIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sblWelcomeOut{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.sbl .sbl-welcome,.sbl .sbl-welcome *{animation-duration:.01s!important}}

/* ZIP-417: the Seller Center screen on the magenta phone (seller-phone photo, 1080×1080: screen x 344–688, y 135–835 below
   the notch). Every size is in cqw of the photo, so the content scales with the photo and never leaves the phone. */
.sbl .sbl-photo--square{container-type:inline-size}
.sbl .sbl-photo__screen{position:absolute;left:31.9%;width:31.9%;top:12.9%;height:64.4%;box-sizing:border-box;padding:2.4cqw 2.1cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;color:#fff;text-align:center;pointer-events:none;overflow:hidden}
.sbl .sbl-scr__badge{position:relative;flex:0 0 auto;display:block;width:9.6cqw;height:9.6cqw;box-sizing:border-box;border:max(1.5px,.5cqw) solid #ec0f80;border-radius:50%;background:#fff;overflow:hidden}
.sbl .sbl-photo .sbl-scr__badge img{position:absolute;left:-3.85%;top:-12.3%;width:107.7%;height:107.7%;max-width:none;object-fit:contain}
.sbl .sbl-photo__screen .shz-wm{font-size:4.6cqw;margin-top:.3cqw} /* Playfair 800 "SHAHAZ.com" = 5.78em → 26.6cqw of the 27.7cqw inside the screen */
.sbl .sbl-scr__kicker{font-size:1.7cqw;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.88);line-height:1}
.sbl .sbl-scr__script{font-family:"Great Vibes",cursive;font-style:normal;font-size:3.6cqw;line-height:1.1;color:#f7d77a;margin:.2cqw 0 .3cqw}
.sbl .sbl-scr__list{display:flex;flex-direction:column;gap:.85cqw;width:100%}
.sbl .sbl-scr__row{display:flex;align-items:center;gap:1.1cqw;padding:.8cqw 1.1cqw;border:1px solid rgba(255,255,255,.3);border-radius:1.6cqw;background:rgba(255,255,255,.14);font-size:1.85cqw;font-weight:600;line-height:1.1;text-align:left;white-space:nowrap}
.sbl .sbl-scr__ic{flex:0 0 auto;display:grid;place-items:center;width:3.3cqw;height:3.3cqw;border-radius:50%;background:#fff;color:#e6007e}
.sbl .sbl-scr__ic .sbl-i{width:2.1cqw;height:2.1cqw;stroke-width:2.2}
.sbl .sbl-scr__btn{display:inline-flex;align-items:center;gap:.7cqw;margin-top:.6cqw;padding:1.05cqw 2.5cqw;border-radius:999px;background:#fff;color:#e6007e;font-size:1.95cqw;font-weight:700;line-height:1;white-space:nowrap}
.sbl .sbl-scr__btn .sbl-i{width:2.1cqw;height:2.1cqw;stroke-width:2.4}
@supports not (width:1cqw){.sbl .sbl-scr__script,.sbl .sbl-scr__list,.sbl .sbl-scr__btn{display:none}.sbl .sbl-scr__badge{width:clamp(36px,8vw,64px);height:clamp(36px,8vw,64px)}.sbl .sbl-photo__screen .shz-wm{font-size:clamp(12px,2.4vw,22px)}}
.sbl .shz-wm--light .shz-wm__n{background:none;color:#fff;-webkit-text-fill-color:#fff}
.sbl .shz-wm--light .shz-wm__d{background:linear-gradient(180deg,#fff3c4 0%,#f2c45a 60%,#e0a92e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}