.sates-pin,.sates-pm{--sp-accent:#65351e;--sp-accent-d:#4d2816;--sp-soft:#f4e9e1;--sp-good:#067647;--sp-bad:#b42318}
.sates-pin *,.sates-pm *{box-sizing:border-box}

/* ---------- plain all-India note ---------- */
.sates-pin--all{display:flex;align-items:center;gap:10px;margin:18px 0 6px;padding:11px 14px;border:1px solid #e7e2dc;border-radius:12px;background:#fffdfb;font-size:14px;line-height:1.5;color:#2b2118}
.sates-pin--all .sates-pin__icon{flex:0 0 32px;height:32px;border-radius:8px;background:var(--sp-soft);color:var(--sp-accent);display:flex;align-items:center;justify-content:center}
.sates-pin--all span.sates-pin__txt{font-weight:600}

/* ---------- product page delivery row ---------- */
.sates-pin--check{margin:16px 0 8px;border-top:1px solid #ece7e1;border-bottom:1px solid #ece7e1;font-size:14px;line-height:1.45;color:#44403c;max-width:100%}
.sates-pin__line{display:flex;align-items:center;gap:12px;padding:12px 2px;flex-wrap:wrap}
.sates-pin__truck{display:inline-flex;flex:0 0 auto;color:#57534e;transition:color .2s}
.sates-pin__info{flex:1 1 220px;min-width:0}
.sates-pin__text{display:inline}
.sates-pin__pill{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--sp-soft);color:var(--sp-accent);font-weight:700;animation:sp-pop .35s cubic-bezier(.2,.9,.3,1.4) both}
.sates-pin__dot{margin:0 4px;color:#a8a29e}
.sates-pin__bad{color:var(--sp-bad);font-weight:600}
.sates-pin__another{display:inline;padding:0;border:0;background:none;color:var(--sp-accent);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;box-shadow:none}
.sates-pin__another:hover{color:var(--sp-accent-d);background:none}
.sates-pin__sep{flex:0 0 1px;align-self:stretch;min-height:26px;background:#e7e2dc}
.sates-pin__loc{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 4px;border:0;border-radius:8px;background:none;color:#292524;font:inherit;cursor:pointer;box-shadow:none;transition:background .15s}
.sates-pin__loc:hover,.sates-pin__loc:focus-visible{background:var(--sp-soft);color:#292524;outline:0}
.sates-pin__code{font-weight:700;letter-spacing:.04em}
.sates-pin__pinico,.sates-pin__penico{display:inline-flex;color:var(--sp-accent)}
.sates-pin--check[data-state=good] .sates-pin__truck{color:var(--sp-good)}
.sates-pin--check[data-state=bad] .sates-pin__truck{color:var(--sp-bad)}
.sates-pin--check[data-state=idle] .sates-pin__line{cursor:pointer}
.sates-pin--check[data-state=idle] .sates-pin__code{font-weight:600;letter-spacing:0;color:#57534e}
.sates-pin__spin{display:inline-flex;vertical-align:-4px;margin-right:6px;color:#78716c}
.sates-pin__info.is-new{animation:sp-fade .3s ease both}
@keyframes sp-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes sp-pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}

/* ---------- popup ---------- */
.sates-pm{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;font-family:inherit;font-size:14px;color:#2b2118}
.sates-pm[hidden]{display:none}
.sates-pm__backdrop{position:absolute;inset:0;background:rgba(28,18,12,.55);opacity:0;transition:opacity .22s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sates-pm.is-open .sates-pm__backdrop{opacity:1}
.sates-pm__dialog{position:relative;width:100%;max-width:440px;max-height:100%;overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.28);opacity:0;transform:translateY(18px) scale(.94);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.9,.3,1.15)}
.sates-pm.is-open .sates-pm__dialog{opacity:1;transform:none}
.sates-pm__close{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#44403c;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .2s}
.sates-pm__close:hover{transform:rotate(90deg);background:#fff;color:#000}
.sates-pm__art{background:linear-gradient(180deg,#f7f4f1 0%,#efe9e3 100%);line-height:0;overflow:hidden}
.sates-pm__art svg{display:block;width:100%;height:auto}
.sates-pm__body{padding:22px 24px 26px}
.sates-pm__title{margin:0 0 14px;font-size:16px;line-height:1.45;color:#2b2118}
.sates-pm__title strong{font-weight:700}
.sates-pm__field{position:relative}
.sates-pm__input{display:block;width:100%;height:50px;margin:0;padding:0 44px 0 16px;border:1px solid #d6cdc3;border-radius:12px;background:#fff;color:#2b2118;font-size:17px;font-weight:600;letter-spacing:.1em;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.sates-pm__input::placeholder{font-weight:400;letter-spacing:0;color:#a8a29e;font-size:15px}
.sates-pm__input:focus{outline:0;border-color:var(--sp-accent);box-shadow:0 0 0 3px rgba(101,53,30,.14)}
.sates-pm__fico{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:inline-flex;color:#a8a29e;pointer-events:none}
.sates-pm__input.is-shake{animation:sp-shake .42s ease;border-color:var(--sp-bad)}
.sates-pm__msg{display:flex;align-items:flex-start;gap:8px;min-height:22px;margin:10px 2px 14px;font-size:13.5px;line-height:1.45;color:#57534e}
.sates-pm__msg:empty{min-height:0;margin:6px 0 10px}
.sates-pm__msg.is-new{animation:sp-fade .3s ease both}
.sates-pm__msg.is-good{color:var(--sp-good)}
.sates-pm__msg.is-bad{color:var(--sp-bad)}
.sates-pm__msg .sates-pm__mi{flex:0 0 18px;margin-top:1px;display:inline-flex}
.sates-pm__msg b{font-weight:700}
.sates-pm__msg .sp-tick{stroke-dasharray:30;stroke-dashoffset:30;animation:sp-draw .5s .12s ease forwards}
.sates-pm__msg .sp-ring{stroke-dasharray:60;stroke-dashoffset:60;animation:sp-draw .45s ease forwards}
.sates-pm__btn{display:block;width:100%;height:50px;margin:0;padding:0 16px;border:0;border-radius:12px;background:var(--sp-accent);color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .1s;box-shadow:none}
.sates-pm__btn:hover{background:var(--sp-accent-d);color:#fff}
.sates-pm__btn:active{transform:scale(.985)}
.sates-pm__btn[disabled]{opacity:.65;cursor:wait}
html.sates-pm-lock,html.sates-pm-lock body{overflow:hidden}
@keyframes sp-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@keyframes sp-draw{to{stroke-dashoffset:0}}

/* ---------- popup illustration animation ---------- */
.sp-truck{animation:sp-drive .95s cubic-bezier(.2,.8,.25,1) both}
.sp-truck-bob{animation:sp-bob 1.1s ease-in-out .95s infinite}
.sp-wheel{transform-box:fill-box;transform-origin:center;animation:sp-spin .9s linear infinite}
.sp-road{stroke-dasharray:16 14;animation:sp-road .7s linear infinite}
.sp-parcel{transform-box:fill-box;transform-origin:50% 100%;animation:sp-pop .45s cubic-bezier(.2,.9,.3,1.4) both}
.sp-pin{transform-box:fill-box;transform-origin:50% 100%;animation:sp-drop .7s cubic-bezier(.3,1.4,.5,1) .55s both}
.sp-pulse{transform-box:fill-box;transform-origin:center;animation:sp-pulse 1.8s ease-out 1.1s infinite}
.sp-cloud{animation:sp-cloud 14s linear infinite}
.sp-cloud--b{animation-duration:20s;animation-delay:-8s}
@keyframes sp-drive{from{transform:translateX(-260px)}to{transform:translateX(0)}}
@keyframes sp-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes sp-spin{to{transform:rotate(360deg)}}
@keyframes sp-road{to{stroke-dashoffset:-30}}
@keyframes sp-drop{0%{transform:translateY(-70px);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes sp-pulse{0%{transform:scale(.4);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@keyframes sp-cloud{from{transform:translateX(-60px)}to{transform:translateX(480px)}}

/* ---------- mobile ---------- */
@media (max-width:600px){
	.sates-pm{align-items:flex-end;padding:0}
	.sates-pm__dialog{max-width:none;border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1;transition:transform .34s cubic-bezier(.2,.85,.3,1)}
	.sates-pm.is-open .sates-pm__dialog{transform:none}
	.sates-pm__dialog::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:rgba(0,0,0,.18);z-index:3}
	.sates-pm__body{padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px))}
	.sates-pm__input,.sates-pm__btn{height:52px}
	.sates-pm__input{font-size:18px}
}
@media (max-width:520px){
	.sates-pin__line{gap:8px 10px}
	.sates-pin__sep{display:none}
	.sates-pin__info{flex:1 1 calc(100% - 40px)}
	.sates-pin--check[data-state=bad] .sates-pin__info{white-space:nowrap;font-size:clamp(11px,3.1vw,14px)}
	.sates-pin__loc{flex:1 1 100%;margin:0 0 0 -4px;padding:8px 4px 8px 4px;border-top:1px dashed #ece7e1;border-radius:0}
}
@media (prefers-reduced-motion:reduce){
	.sates-pm *,.sates-pin *{animation:none!important;transition:none!important}
}