/* Shatamul Pre-order v2.1 — ফন্ট: Hind Siliguri */
/* Shatamul Pre-order v2 — হাটের ট্যাগ ধারণা: টিল-নেভি + সরিষা-হলুদ + ধান-সবুজ */
.shm-wrap{--ink:#0e2a2f;--ink-2:#2f4a4f;--ink-3:#678084;--paper:#eef3ec;--card:#fff;--line:#d5dfd4;--field:#fafcf9;--mustard:#f2c230;--mustard-soft:#fff5cf;--mustard-d:#c99a05;--paddy:#3c7a3e;--paddy-soft:#e6f3e4;--stamp:#d8372b;--danger:#c93a3a;--wa:#1c9d52;
  --display:"Hind Siliguri",system-ui,sans-serif;--body:"Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;
  position:relative;width:100%;max-width:1320px;margin:0 auto;padding:clamp(12px,2.4vw,26px) clamp(12px,2.4vw,26px) 96px;background:var(--paper);border-radius:32px;font-family:var(--body);color:var(--ink);line-height:1.6;box-sizing:border-box}
.shm-wrap *,.shm-wrap *::before,.shm-wrap *::after{box-sizing:border-box}
.shm-wrap button,.shm-wrap input,.shm-wrap select,.shm-wrap textarea{font-family:inherit}
.shm-i{width:20px;height:20px;flex:none}
.shm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── Hero ── */
.shm-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(24px,4vw,46px);border-radius:26px;color:#e6efe9;overflow:hidden;position:relative;background:radial-gradient(70% 90% at 100% 0%,rgba(242,194,48,.22),transparent 60%),var(--ink)}
.shm-brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:700;font-size:20px;line-height:1.2}
.shm-brand small{display:block;font-family:var(--body);font-weight:500;font-size:12.5px;opacity:.7}
.shm-brand-hero{color:#fff}
.shm-hero h2{margin:22px 0 12px;font-family:var(--display);font-weight:700;font-size:clamp(34px,5.6vw,58px);line-height:1.12;color:#fff;letter-spacing:-.01em}
.shm-hero p{margin:0;max-width:520px;font-size:16.5px;color:#b8cdc6}
.shm-hero-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.shm-hero-board span{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(26px,3.4vw,38px);border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);animation:shmPop .55s cubic-bezier(.2,.9,.3,1.3) both}
.shm-hero-board span:nth-child(3n+1){background:var(--mustard);border-color:var(--mustard)}
.shm-hero-board span:nth-child(1){animation-delay:.05s}.shm-hero-board span:nth-child(2){animation-delay:.1s}.shm-hero-board span:nth-child(3){animation-delay:.15s}.shm-hero-board span:nth-child(4){animation-delay:.2s}.shm-hero-board span:nth-child(5){animation-delay:.25s}.shm-hero-board span:nth-child(6){animation-delay:.3s}.shm-hero-board span:nth-child(7){animation-delay:.35s}.shm-hero-board span:nth-child(8){animation-delay:.4s}.shm-hero-board span:nth-child(9){animation-delay:.45s}.shm-hero-board span:nth-child(10){animation-delay:.5s}.shm-hero-board span:nth-child(11){animation-delay:.55s}.shm-hero-board span:nth-child(12){animation-delay:.6s}
@keyframes shmPop{from{opacity:0;transform:scale(.6) rotate(-8deg)}}

/* ── Layout ── */
.shm-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;margin-top:20px}
.shm-main{background:var(--card);border-radius:26px;padding:clamp(18px,3vw,32px);box-shadow:0 1px 0 rgba(14,42,47,.04),0 24px 48px -36px rgba(14,42,47,.5)}

/* ── Stepper ── */
.shm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.shm-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;font-weight:600;color:var(--ink-3);cursor:default}
.shm-step-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--paper);color:var(--ink-3);border:2px solid var(--line);transition:all .25s}
.shm-steps li.is-active{color:var(--ink)}
.shm-steps li.is-active .shm-step-dot{background:var(--mustard);border-color:var(--mustard);color:var(--ink);transform:scale(1.08)}
.shm-steps li.is-done{color:var(--paddy);cursor:pointer}
.shm-steps li.is-done .shm-step-dot{background:var(--paddy);border-color:var(--paddy);color:#fff}
.shm-bar{height:5px;margin:14px 0 26px;border-radius:9px;background:var(--paper);overflow:hidden}
.shm-bar i{display:block;height:100%;width:20%;border-radius:9px;background:linear-gradient(90deg,var(--paddy),var(--mustard));transition:width .35s ease}

/* ── Steps ── */
.shm-step{border:0;margin:0;padding:0;min-width:0;display:grid;gap:18px;animation:shmIn .32s ease both}
.shm-step[hidden]{display:none}
@keyframes shmIn{from{opacity:0;transform:translateY(8px)}}
.shm-step legend{float:left;width:100%;padding:0;margin:0 0 4px}
.shm-step legend span{display:block;font-family:var(--display);font-weight:700;font-size:clamp(24px,3vw,30px);line-height:1.25;color:var(--ink)}
.shm-step legend small{display:block;font-size:14.5px;color:var(--ink-3)}
.shm-step legend+*{clear:both}
.shm-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.shm-field{display:grid;gap:7px;align-content:start;min-width:0}
.shm-field[hidden]{display:none}
.shm-field>label,.shm-q{font-size:15px;font-weight:600;color:var(--ink)}
.shm-field>label>b,.shm-q>b,.shm-consent>span>b{color:var(--danger)}
.shm-field>label>i,.shm-q>i{font-style:normal;font-weight:400;font-size:12.5px;color:var(--ink-3);margin-left:6px}
.shm-field input[type=text],.shm-field input[type=tel],.shm-field input[type=email],.shm-field input[type=date],.shm-field select,.shm-field textarea{width:100%;padding:13px 15px;font-size:16px;color:var(--ink);background:var(--field);border:1.5px solid var(--line);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.shm-field textarea{resize:vertical}
.shm-field input:focus,.shm-field select:focus,.shm-field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(242,194,48,.35)}
.shm-field select:disabled{background:#eef1ee;color:var(--ink-3)}
.shm-field small{font-size:13px;color:var(--ink-3)}
.shm-phone{display:flex;border:1.5px solid var(--line);border-radius:14px;background:var(--field);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.shm-phone:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(242,194,48,.35)}
.shm-phone span{display:grid;place-items:center;padding:0 13px;background:var(--paper);color:var(--ink);font-weight:700;font-size:15px}
.shm-phone input{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;min-width:0}
.shm-err{display:none;font-style:normal;font-size:13px;font-weight:500;color:var(--danger)}
.is-invalid>.shm-err{display:block}
.shm-field.is-invalid input[type=text],.shm-field.is-invalid input[type=tel],.shm-field.is-invalid input[type=email],.shm-field.is-invalid input[type=date],.shm-field.is-invalid select,.shm-field.is-invalid textarea,.shm-field.is-invalid .shm-phone,.shm-field.is-invalid .shm-qty{border-color:var(--danger)}

/* product tiles */
.shm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.shm-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;border:1.5px solid var(--line);border-radius:18px;background:var(--field);cursor:pointer;text-align:center;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.shm-tile input{position:absolute;opacity:0;pointer-events:none}
.shm-tile-emoji{font-size:38px;line-height:1.1;transition:transform .25s cubic-bezier(.2,.9,.3,1.4)}
.shm-tile b{font-size:14.5px;font-weight:600;line-height:1.35}
.shm-tile:hover{transform:translateY(-2px);border-color:var(--ink-3)}
.shm-tile:hover .shm-tile-emoji{transform:scale(1.12) rotate(-4deg)}
.shm-tile:has(input:checked){border-color:var(--ink);background:var(--mustard-soft);box-shadow:0 0 0 1px var(--ink)}
.shm-tile:has(input:checked)::after{content:"✓";position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--mustard);font-size:12px;font-weight:700;display:grid;place-items:center;line-height:1}
.shm-tile:has(input:focus-visible),.shm-chip:has(input:focus-visible),.shm-card:has(input:focus-visible),.shm-consent:has(input:focus-visible){outline:3px solid var(--mustard);outline-offset:2px}

/* qty */
.shm-qty{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:14px;background:var(--field);overflow:hidden}
.shm-qty:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(242,194,48,.35)}
.shm-qty-btn{width:50px;border:0;background:var(--paper);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background .2s}
.shm-qty-btn:hover{background:var(--mustard)}
.shm-qty input{flex:1;min-width:0;width:100%;border:0!important;background:transparent!important;text-align:center;font-size:20px!important;font-weight:700;box-shadow:none!important;border-radius:0!important}

/* chips + cards */
.shm-chips{display:flex;flex-wrap:wrap;gap:8px}
.shm-chip{cursor:pointer;position:relative}
.shm-chip input{position:absolute;opacity:0;pointer-events:none}
.shm-chip span{display:inline-block;padding:10px 18px;border:1.5px solid var(--line);border-radius:99px;background:var(--field);font-size:15px;font-weight:500;transition:all .2s}
.shm-chip:hover span{border-color:var(--ink-3)}
.shm-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.shm-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.shm-cards-3{grid-template-columns:repeat(3,1fr)}
.shm-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--line);border-radius:16px;background:var(--field);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.shm-card input{position:absolute;opacity:0;pointer-events:none}
.shm-card-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--paper);color:var(--ink);transition:all .2s}
.shm-card b{display:block;font-size:15px}.shm-card small{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.4}
.shm-card:hover{border-color:var(--ink-3)}
.shm-card:has(input:checked){border-color:var(--ink);background:var(--mustard-soft);box-shadow:0 0 0 1px var(--ink)}
.shm-card:has(input:checked) .shm-card-ico{background:var(--ink);color:var(--mustard)}
.shm-choice-field.is-invalid .shm-tile,.shm-choice-field.is-invalid .shm-card,.shm-choice-field.is-invalid .shm-chip span{border-color:var(--danger)}

/* policy */
.shm-policy{padding:16px 18px;border-radius:16px;background:var(--mustard-soft);border:1.5px dashed var(--mustard-d);color:#4a3a05}
.shm-policy-title{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}
.shm-policy-block+.shm-policy-block{margin-top:8px}.shm-policy-block b{font-size:14px}.shm-policy-block p{margin:2px 0 0;font-size:14.5px}

/* review + consent */
.shm-review{margin:0;display:grid;border:1.5px solid var(--line);border-radius:18px;overflow:hidden}
.shm-review>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}
.shm-review>div:last-child{border-bottom:0}
.shm-review dt{color:var(--ink-3);font-size:14px}.shm-review dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.shm-consent-wrap{display:grid;gap:6px}
.shm-consent{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1.5px solid var(--line);border-radius:16px;background:var(--field);cursor:pointer;font-size:15px}
.shm-consent input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--ink)}
.shm-consent-wrap.is-invalid .shm-consent{border-color:var(--danger)}

/* buttons */
.shm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border:0;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;line-height:1.2}
.shm-btn:hover{transform:translateY(-1px)}
.shm-btn:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}
.shm-btn-primary{background:var(--mustard);color:var(--ink);box-shadow:0 10px 22px -12px rgba(201,154,5,.9)}
.shm-btn-primary:hover{background:#f7cd4a}
.shm-btn-dark{background:var(--ink);color:#fff}.shm-btn-dark:hover{background:#17414a}
.shm-btn-line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.shm-btn-line:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.shm-btn-wa{background:var(--wa);color:#fff}.shm-btn-wa:hover{background:#178a47}
.shm-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.shm-btn.is-loading{cursor:progress}
.shm-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:26px;padding-top:20px;border-top:1px dashed var(--line)}
.shm-nav .shm-prev{margin-right:auto}
.shm-nav .shm-next{margin-left:auto}
.shm-final{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}
.shm-final[hidden],.shm-prev[hidden],.shm-next[hidden]{display:none}
.shm-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ── Live tag ── */
.shm-tag{position:sticky;top:24px;margin-top:22px;padding:64px 22px 24px;border-radius:24px;background:var(--card);box-shadow:0 1px 0 rgba(14,42,47,.04),0 26px 50px -34px rgba(14,42,47,.6);border:1.5px solid var(--ink)}
.shm-tag::before{content:"";position:absolute;left:50%;top:-24px;width:5px;height:50px;margin-left:-2.5px;background:var(--mustard-d);border-radius:4px}
.shm-tag-hole{position:absolute;left:50%;top:14px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}
.shm-tag-animal{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 12px;border-radius:50%;background:var(--mustard);font-size:46px;line-height:1;transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}
.shm-tag-animal.is-bump{transform:scale(1.14) rotate(-6deg)}
.shm-tag-title{text-align:center;margin-bottom:12px}
.shm-tag-title small{display:block;font-size:13px;color:var(--ink-3)}
.shm-tag-title b{display:block;font-family:var(--display);font-weight:700;font-size:25px;line-height:1.25}
.shm-tag-list{margin:0;display:grid}
.shm-tag-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1.5px dotted var(--line);font-size:14.5px}
.shm-tag-list dt{color:var(--ink-3)}.shm-tag-list dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
.shm-tag-stamp{position:absolute;right:14px;bottom:14px;padding:3px 12px;border:2.5px solid var(--stamp);border-radius:8px;color:var(--stamp);font-family:var(--display);font-weight:700;font-size:17px;transform:rotate(-9deg) scale(.6);opacity:0;transition:all .3s cubic-bezier(.2,.9,.3,1.4);pointer-events:none}
.shm-tag.is-stamped .shm-tag-stamp{opacity:.9;transform:rotate(-9deg) scale(1)}
.shm-tag-list{padding-bottom:30px}

/* ── Notices, receipt ── */
.shm-notice{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px;margin:18px 0 0;border:1.5px solid}
.shm-notice b{display:block;font-size:16px}.shm-notice span{font-size:14.5px}
.shm-notice .shm-i{width:24px;height:24px;margin-top:2px}
.shm-success{background:var(--paddy-soft);border-color:var(--paddy);color:#1e4a20}
.shm-error{background:#fdecec;border-color:#d64545;color:#8a1c1c}
.shm-receipt{margin-top:18px;background:var(--card);border-radius:24px;overflow:hidden;box-shadow:0 1px 0 rgba(14,42,47,.04),0 24px 48px -36px rgba(14,42,47,.5)}
.shm-receipt-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px clamp(18px,3vw,30px);background:var(--ink);color:#fff;border-bottom:5px solid var(--mustard)}
.shm-receipt-no{text-align:right;font-size:13px;color:#b8cdc6}
.shm-receipt-no small{display:block}.shm-receipt-no b{display:block;font-family:var(--display);font-size:26px;color:#fff;line-height:1.2}
.shm-receipt-grid{margin:0;padding:8px clamp(18px,3vw,30px);display:grid}
.shm-receipt-grid>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:11px 0;border-bottom:1.5px dotted var(--line)}
.shm-receipt-grid dt{color:var(--ink-3);font-size:14px}.shm-receipt-grid dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.shm-state{margin:12px clamp(18px,3vw,30px) 0;padding:16px 18px;border-radius:16px;background:var(--mustard-soft);border:1.5px solid #ecd58a;color:#4a3a05;display:grid;gap:8px;justify-items:start}
.shm-state>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}
.shm-state>div b{padding:2px 14px;border-radius:99px;background:#fff;font-weight:700}
.shm-state p{margin:0;font-size:14.5px}
.shm-state-ready{background:var(--paddy-soft);border-color:#9ccf98;color:#1e4a20}
.shm-receipt-foot{padding:18px clamp(18px,3vw,30px) 24px;display:grid;gap:8px}
.shm-receipt-actions{display:flex;flex-wrap:wrap;gap:10px}
.shm-receipt-hint{margin:0;font-size:13.5px;font-weight:600;color:var(--wa)}
.shm-again{margin:16px 0 0;text-align:center}.shm-again a{color:var(--ink);font-weight:600}
.shm-policy-compact{margin-top:16px}

/* ── Verify ── */
.shm-verify{margin-top:22px;padding:clamp(20px,3vw,30px);border-radius:24px;background:var(--card);box-shadow:0 1px 0 rgba(14,42,47,.04),0 24px 48px -38px rgba(14,42,47,.5)}
.shm-verify-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.shm-verify-head h3{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(21px,2.4vw,26px);line-height:1.3}
.shm-verify-head p{margin:0;font-size:14.5px;color:var(--ink-3)}
.shm-verify-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--mustard);color:var(--ink)}
.shm-verify-icon .shm-i{width:24px;height:24px}
.shm-verify-row{display:flex;gap:10px}
.shm-verify-row input{flex:1;min-width:0;padding:13px 16px;font-size:17px;letter-spacing:.05em;border:1.5px solid var(--line);border-radius:14px;background:var(--field);color:var(--ink);text-transform:uppercase}
.shm-verify-row input::placeholder{text-transform:none;letter-spacing:0}
.shm-verify-row input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(242,194,48,.35)}
.shm-verify-result{margin-top:14px;padding:14px 16px;border-radius:14px;border:1.5px solid;font-size:15px;line-height:1.6}
.shm-verify-result[hidden]{display:none}
.shm-verify-result b{display:block;font-size:16px}.shm-verify-result small{display:block;margin-top:2px;font-size:13px;opacity:.85}
.shm-verify-result.is-ok{background:#e6f6ec;border-color:#2e9e5b;color:#14532d}
.shm-verify-result.is-bad{background:#fdecec;border-color:#d64545;color:#8a1c1c}
.shm-dl-verify{margin-top:12px;padding-top:12px;border-top:1px dashed currentColor}
.shm-dl-verify label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}

/* ── Contact + chat ── */

/* ── Responsive ── */
@media(max-width:1020px){.shm-layout{grid-template-columns:1fr}.shm-tag{display:none}.shm-hero{grid-template-columns:1fr}.shm-hero-board{grid-template-columns:repeat(6,1fr);max-width:520px}}
@media(max-width:640px){
  .shm-wrap{border-radius:22px;padding-bottom:88px}
  .shm-row,.shm-cards,.shm-cards-3{grid-template-columns:1fr}
  .shm-steps li b{display:none}.shm-steps li.is-active b{display:block}
  .shm-steps li{gap:4px}.shm-step-dot{width:38px;height:38px}
  .shm-tiles{grid-template-columns:repeat(3,1fr)}
  .shm-review>div,.shm-receipt-grid>div{grid-template-columns:1fr;gap:2px}
  .shm-verify-row{flex-direction:column}
  .shm-nav .shm-btn,.shm-final,.shm-final .shm-btn{width:100%}
  .shm-nav{flex-direction:column-reverse}
  .shm-hero-board{grid-template-columns:repeat(4,1fr)}
}
@media print{body *{visibility:hidden}.shm-receipt,.shm-receipt *{visibility:visible}.shm-receipt{position:absolute;left:0;top:0;width:100%;box-shadow:none}.shm-receipt-foot,.shm-state button,.shm-state form{display:none!important}}
@media(prefers-reduced-motion:reduce){.shm-wrap *,.shm-wrap *::before,.shm-wrap *::after{animation:none!important;transition:none!important}}

/* ── v2.1: ফন্ট সব জায়গায় Hind Siliguri (থিমের ফন্ট ওভাররাইড ঠেকাতে) ── */
.shm-wrap,.shm-wrap *:not(svg):not(path){font-family:"Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif!important}

/* ── লোগো ── */
.shm-logo{display:block;height:46px;width:auto;max-width:190px;object-fit:contain;background:#fff;border-radius:12px;padding:5px 12px;flex:none}
.shm-logo-hero{height:54px;max-width:230px}
.shm-hero .shm-hero-lead{margin:0 0 8px;font-size:clamp(18px,2.2vw,22px);font-weight:600;color:#fff}

/* ── সরাসরি কথা বলুন (ফর্মের নিচে) ── */
.shm-chat-options{margin-top:28px;display:grid;gap:16px}
.shm-chat-divider{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--ink-3)}
.shm-chat-divider::before,.shm-chat-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.shm-chat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.shm-chat-button{display:flex;align-items:center;gap:12px;padding:14px;min-width:0;border-radius:18px;text-decoration:none!important;border:1px solid var(--line);background:#fff;color:var(--ink)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.shm-chat-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px -16px rgba(14,42,47,.4);border-color:var(--ink-3)}
.shm-chat-button:focus-visible,.shm-chat-opt:focus-visible,.shm-chat-toggle:focus-visible,.shm-addr-btn:focus-visible,.shm-outlet-actions a:focus-visible{outline:3px solid rgba(242,194,48,.9);outline-offset:3px}
.shm-chat-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;color:#fff}
.shm-chat-icon .shm-i{width:26px;height:26px}
.shm-chat-text{flex:1;min-width:0}
.shm-chat-text b{display:block;font-size:15.5px;line-height:1.4;color:var(--ink)}
.shm-chat-text small{display:block;font-size:12.5px;line-height:1.4;color:var(--ink-3);margin-top:2px}
.shm-chat-arrow{flex:none;color:var(--ink-3);display:grid;place-items:center;transition:transform .2s,color .2s}
.shm-chat-button:hover .shm-chat-arrow,.shm-chat-opt:hover .shm-chat-arrow{transform:translateX(3px);color:var(--ink)}
.shm-chat-button-wa .shm-chat-icon{background:linear-gradient(145deg,#2bd06a,#128c4a)}
.shm-chat-button-ms .shm-chat-icon{background:linear-gradient(145deg,#2f8bff,#6a3df0)}

/* ── ভাসমান চ্যাট বাটন ── */
.shm-chat{position:fixed;right:18px;bottom:18px;z-index:9990}
.shm-chat-toggle{display:flex;align-items:center;gap:10px;padding:6px 20px 6px 6px;border:0;border-radius:99px;background:var(--ink);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 16px 34px -12px rgba(14,42,47,.7);transition:transform .2s,box-shadow .2s}
.shm-chat-toggle:hover{transform:translateY(-3px);box-shadow:0 22px 40px -12px rgba(14,42,47,.75)}
.shm-chat-bubble{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mustard);color:var(--ink)}
.shm-chat-bubble::after{content:"";position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#3ddc84;border:2px solid var(--ink)}
.shm-chat-label{white-space:nowrap}
.shm-chat-panel{position:absolute;right:0;bottom:66px;width:min(340px,calc(100vw - 28px));padding:10px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(14,42,47,.07),0 30px 70px -14px rgba(14,42,47,.45);animation:shmIn .2s ease both}
.shm-chat-panel[hidden]{display:none}
.shm-chat-head{display:flex;align-items:center;gap:12px;padding:8px 6px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.shm-chat-head .shm-chat-logo{height:38px;max-width:96px;padding:3px 8px;border:1px solid var(--line)}
.shm-chat-title{flex:1;min-width:0}
.shm-chat-title b,.shm-chat-title small{display:block}
.shm-chat-title b{font-size:15px;line-height:1.35}
.shm-chat-title small{font-size:12.5px;color:var(--ink-3);line-height:1.4}
.shm-chat-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--paper);color:var(--ink-2);cursor:pointer}
.shm-chat-close:hover{background:var(--line)}
.shm-chat-close .shm-i{width:16px;height:16px}
.shm-chat-opt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;color:var(--ink)!important;text-decoration:none!important}
.shm-chat-opt:hover{background:var(--paper)}
.shm-chat-opt-text{flex:1;min-width:0}
.shm-chat-opt b{display:block;font-size:15px}.shm-chat-opt small{display:block;font-size:12.5px;color:var(--ink-3)}
.shm-chat-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;flex:none}
.shm-chat-ico .shm-i{width:24px;height:24px}
.shm-chat-wa .shm-chat-ico{background:linear-gradient(145deg,#2bd06a,#128c4a)}
.shm-chat-ms .shm-chat-ico{background:linear-gradient(145deg,#2f8bff,#6a3df0)}

/* ── আমাদের ঠিকানা ── */
.shm-addr{margin-top:28px;padding:clamp(18px,3vw,30px);border-radius:26px;background:#fff;border:1px solid var(--line)}
.shm-addr-head h3{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:700;line-height:1.3;color:var(--ink)}
.shm-addr-head p{margin:4px 0 0;font-size:15px;color:var(--ink-3)}
.shm-addr-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(14px,2.4vw,24px);margin-top:20px;align-items:start}
.shm-addr-office{padding:clamp(18px,2.6vw,26px);border-radius:20px;background:var(--ink);color:#dbe8e2;background-image:radial-gradient(80% 70% at 100% 0%,rgba(242,194,48,.2),transparent 65%)}
.shm-addr-label{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 10px;border-radius:99px;background:rgba(255,255,255,.1);color:var(--mustard);font-size:14px;font-weight:600}
.shm-addr-label .shm-i{width:17px;height:17px}
.shm-addr-office address{margin:14px 0 18px;font-style:normal;font-size:clamp(17px,2vw,20px);line-height:1.6;color:#fff;font-weight:500}
.shm-addr-actions{display:grid;gap:8px}
.shm-addr-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important;font-size:15.5px;line-height:1.35;min-width:0;transition:background .2s}
.shm-addr-btn:hover{background:rgba(255,255,255,.14)}
.shm-addr-btn .shm-i{color:var(--mustard)}
.shm-addr-btn span{min-width:0;overflow-wrap:anywhere}
.shm-addr-btn small{display:block;font-size:12.5px;color:#9db8b0}
.shm-addr-btn-main{background:var(--mustard);border-color:var(--mustard);color:var(--ink)!important;font-weight:700}
.shm-addr-btn-main:hover{background:#ffd24a}
.shm-addr-btn-main .shm-i,.shm-addr-btn-main small{color:var(--ink-2)}
.shm-outlets{display:grid;gap:10px}
.shm-outlets h4{margin:0 0 2px;font-size:17px;font-weight:700;color:var(--ink)}
.shm-outlet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--field);border:1px solid var(--line)}
.shm-outlet-body b{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.shm-outlet-body address{margin:2px 0 0;font-style:normal;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.shm-outlet-actions{display:grid;gap:6px;justify-items:stretch}
.shm-outlet-actions a{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink)!important;text-decoration:none!important;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}
.shm-outlet-actions a:hover{background:var(--mustard-soft);border-color:var(--mustard-d)}
.shm-outlet-actions .shm-i{width:16px;height:16px;color:var(--paddy)}
@media(max-width:860px){.shm-addr-grid{grid-template-columns:1fr}}
@media(max-width:520px){.shm-outlet{grid-template-columns:1fr}.shm-outlet-actions{grid-template-columns:1fr 1fr}.shm-chat-label{display:none}.shm-chat-toggle{padding:6px}.shm-logo-hero{height:46px}}

/* ── v2.2: প্রি-অর্ডার পেজ ফুল-উইডথ (শুধু body.shm-preorder-page, অন্য পেজে কিছু বদলায় না) ── */
/* ফর্মের পূর্বপুরুষ কন্টেইনারগুলোর সংকীর্ণ প্রস্থ/কলাম নিয়ম তুলে নেওয়া */
body.shm-preorder-page :where(div,main,article,section,form):has(.shm-wrap):not(.shm-wrap){
  width:100%!important;max-width:none!important;float:none!important;flex:1 1 100%!important;grid-column:1/-1!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
/* সাইডবারসহ দুই-কলামের গ্রিড লেআউট এক কলামে */
body.shm-preorder-page :where(div,main):has(.shm-wrap):has(> .shm-sb-hidden, > aside, > #secondary, > #sidebar, > .sidebar, > .widget-area){grid-template-columns:minmax(0,1fr)!important}
/* পরিচিত সাইডবার (WooCommerce Product Categories ইত্যাদি) — শুধু এই পেজে */
body.shm-preorder-page :is(#secondary,#sidebar,aside.widget-area,.widget-area,.sidebar,.sidebar-primary,.woocommerce-sidebar,.shop-sidebar,.ast-sidebar,.shm-sb-hidden):not(:has(.shm-wrap)){display:none!important}

/* ── v2.3: বন্ধ পণ্য হালকা, চালু পণ্য গাঢ় ── */
.shm-tile.is-off{opacity:.38;filter:grayscale(1);cursor:not-allowed;background:#f3f5f2}
.shm-tile.is-off:hover{transform:none;border-color:var(--line)}
.shm-tile.is-off:hover .shm-tile-emoji{transform:none}
.shm-chip.is-off{cursor:not-allowed}
.shm-chip.is-off span{opacity:.4;background:#f3f5f2;border-style:dashed}
.shm-chip.is-off:hover span{border-color:var(--line)}
.shm-chip[hidden]{display:none}
.shm-hint{font-size:14px;color:var(--ink-3);padding:10px 0}


/* ── v2.4.0: লোগো ৪০০×১০০ px (হিরো ও রসিদ); চ্যাট মেনুর ছোট লোগো আগের মতোই ── */
.shm-logo-hero,.shm-receipt-head .shm-logo{width:400px;height:auto;aspect-ratio:4/1;max-width:100%;padding:8px 18px;object-fit:contain}
@media(max-width:520px){.shm-logo-hero{height:auto}}

/* ── v2.4.0: আউটলেট বাছাই (প্রিমিয়াম কার্ড) ── */
.shm-outlet-pick[hidden]{display:none}
.shm-outlet-pick{animation:shmOpIn .35s ease both}
@keyframes shmOpIn{from{opacity:0;transform:translateY(8px)}}
.shm-op-grid{display:grid;gap:12px;margin-top:6px}
.shm-op{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px 18px 18px 20px;border:1.5px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff 0%,var(--field) 100%);cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .25s,transform .2s}
.shm-op::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--mustard);transform:scaleY(0);transition:transform .25s}
.shm-op input{position:absolute;opacity:0;pointer-events:none}
.shm-op:hover{border-color:var(--ink-3);transform:translateY(-1px);box-shadow:0 16px 28px -24px rgba(14,42,47,.55)}
.shm-op-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--paper);color:var(--ink);font-size:20px;font-weight:700;transition:all .2s}
.shm-op-body{display:grid;gap:4px;min-width:0}
.shm-op-body b{display:block;font-size:17px;font-weight:700;color:var(--ink);line-height:1.3}
.shm-op-body address{margin:0;font-style:normal;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.shm-op-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.shm-op-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink)!important;text-decoration:none!important;font-size:13.5px;font-weight:600;line-height:1.2;transition:background .2s,border-color .2s}
.shm-op-pill .shm-i{width:15px;height:15px;color:var(--paddy)}
.shm-op-pill:hover{background:var(--mustard-soft);border-color:var(--mustard-d)}
.shm-op-pill-map{background:var(--ink);border-color:var(--ink);color:#fff!important}
.shm-op-pill-map .shm-i{color:var(--mustard)}
.shm-op-pill-map:hover{background:#17434a;border-color:#17434a}
.shm-op-check{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:transparent;transition:all .2s}
.shm-op-check .shm-i{width:16px;height:16px}
.shm-op:has(input:checked){border-color:var(--ink);background:linear-gradient(180deg,var(--mustard-soft) 0%,#fffaf0 100%);box-shadow:0 0 0 1px var(--ink),0 20px 34px -26px rgba(14,42,47,.7)}
.shm-op:has(input:checked)::before{transform:scaleY(1)}
.shm-op:has(input:checked) .shm-op-badge{background:var(--ink);color:var(--mustard)}
.shm-op:has(input:checked) .shm-op-check{background:var(--ink);border-color:var(--ink);color:var(--mustard);transform:scale(1.08)}
.shm-op:has(input:focus-visible){outline:3px solid var(--mustard);outline-offset:2px}
.shm-choice-field.is-invalid .shm-op{border-color:var(--danger)}
@media(max-width:520px){.shm-op{grid-template-columns:auto minmax(0,1fr);padding:16px}.shm-op-check{position:absolute;top:14px;right:14px}.shm-op-badge{width:40px;height:40px;font-size:18px}.shm-op-body{padding-right:30px}}

/* v2.4.1: আউটলেটে নিলে ঠিকানার ঘর লুকায় */
[data-home-addr][hidden]{display:none!important}

/* ── v2.4.3: প্রতিটি অপশন/ঘরের বর্ডার স্পষ্ট (থিম ওভাররাইড ঠেকাতে !important) ── */
.shm-wrap{--bd:#8da399}
.shm-wrap .shm-field>input[type=text],.shm-wrap .shm-field>input[type=email],.shm-wrap .shm-field>input[type=tel],.shm-wrap .shm-field>input[type=date],.shm-wrap .shm-field>select,.shm-wrap .shm-field>textarea{border:1.5px solid var(--bd)!important;background:#fff!important;border-radius:14px!important}
.shm-wrap .shm-phone,.shm-wrap .shm-qty{border:1.5px solid var(--bd)!important;background:#fff!important}
.shm-wrap .shm-phone span{border-right:1.5px solid var(--bd)}
.shm-wrap .shm-qty-btn{border-right:0}
.shm-wrap .shm-field>input:focus,.shm-wrap .shm-field>select:focus,.shm-wrap .shm-field>textarea:focus,.shm-wrap .shm-phone:focus-within,.shm-wrap .shm-qty:focus-within{border-color:var(--ink)!important}
.shm-wrap .shm-field.is-invalid>input,.shm-wrap .shm-field.is-invalid>select,.shm-wrap .shm-field.is-invalid>textarea,.shm-wrap .shm-field.is-invalid .shm-phone,.shm-wrap .shm-field.is-invalid .shm-qty{border-color:var(--danger)!important}
.shm-wrap .shm-field>select:disabled{background:#eef1ee!important}
.shm-wrap .shm-tile,.shm-wrap .shm-card,.shm-wrap .shm-consent,.shm-wrap .shm-op,.shm-wrap .shm-chip span,.shm-wrap .shm-outlet{border-color:var(--bd)}
.shm-wrap .shm-tile:hover,.shm-wrap .shm-card:hover,.shm-wrap .shm-op:hover,.shm-wrap .shm-chip:hover span{border-color:var(--ink)}
.shm-wrap .shm-choice-field.is-invalid .shm-tile,.shm-wrap .shm-choice-field.is-invalid .shm-card,.shm-wrap .shm-choice-field.is-invalid .shm-op,.shm-wrap .shm-choice-field.is-invalid .shm-chip span,.shm-wrap .shm-consent-wrap.is-invalid .shm-consent{border-color:var(--danger)}
.shm-wrap .shm-tile.is-off,.shm-wrap .shm-chip.is-off span{border-color:var(--line)}

/* v2.4.4: ইনভয়েস যাচাইয়ের ঘরেও স্পষ্ট বর্ডার */
.shm-wrap .shm-verify-row input{border:1.5px solid var(--bd)!important;background:#fff!important;border-radius:14px!important}
.shm-wrap .shm-verify-row input:focus{border-color:var(--ink)!important}

/* ═══════════════ v2.5.0 — ইন্টারঅ্যাকটিভ ইফেক্ট (.shm-fx; ড্যাশবোর্ড থেকে বন্ধ করা যায়) ═══════════════ */
.shm-fx .shm-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(170px circle at var(--mx,50%) var(--my,50%),rgba(242,194,48,.32),transparent 65%)}
.shm-fx :hover>.shm-glow{opacity:1}
.shm-fx .shm-hero>.shm-glow{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(242,194,48,.24),transparent 70%)}
.shm-fx .shm-chip>span,.shm-fx .shm-outlet,.shm-fx .shm-addr-btn,.shm-fx .shm-chat-button,.shm-fx .shm-consent{position:relative;overflow:hidden}

/* হিরো: ভাসমান পশু + মাউসের সঙ্গে প্যারালাক্স */
@keyframes shmBob{to{translate:0 -7px}}
.shm-fx .shm-hero-board span{transform:translate(calc(var(--px,0) * var(--d,10) * 1px),calc(var(--py,0) * var(--d,10) * 1px));transition:transform .25s ease-out;animation:shmPop .55s cubic-bezier(.2,.9,.3,1.3) both,shmBob 3.4s ease-in-out infinite alternate;cursor:default}
.shm-fx .shm-hero-board span:nth-child(odd){--d:16}.shm-fx .shm-hero-board span:nth-child(even){--d:-10}
.shm-fx .shm-hero-board span:nth-child(3n){animation-duration:.55s,4.1s}.shm-fx .shm-hero-board span:nth-child(3n+2){animation-duration:.55s,3s}
.shm-fx .shm-hero-board span:hover{background:var(--mustard)}

/* ধাপ: সক্রিয় ধাপে স্পন্দন + প্রগ্রেস বারে হাঁটা পশু */
@keyframes shmPulse{0%{box-shadow:0 0 0 0 rgba(242,194,48,.65)}100%{box-shadow:0 0 0 14px rgba(242,194,48,0)}}
.shm-fx .shm-steps li.is-active .shm-step-dot{animation:shmPulse 1.8s ease-out infinite}
.shm-fx .shm-steps li{transition:transform .2s}.shm-fx .shm-steps li:hover .shm-step-dot{transform:scale(1.1)}
.shm-fx .shm-bar{overflow:visible;margin-top:32px;position:relative}
.shm-fx .shm-bar i{position:relative}
.shm-fx .shm-bar i::after{content:var(--shm-walker,"🐄");position:absolute;right:-10px;top:-27px;font-size:22px;line-height:1;transform:scaleX(-1);animation:shmHop .45s ease-in-out infinite alternate;filter:drop-shadow(0 3px 2px rgba(14,42,47,.25))}
@keyframes shmHop{from{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-5px) rotate(4deg)}}

/* ধাপ বদলালে উপাদানগুলো একে একে ভেসে ওঠে */
@keyframes shmRise{from{opacity:0;transform:translateY(16px)}}
.shm-fx .shm-step:not([hidden])>*:not(legend){animation:shmRise .5s cubic-bezier(.2,.8,.2,1) backwards}
.shm-fx .shm-step:not([hidden])>*:nth-child(3){animation-delay:.05s}.shm-fx .shm-step:not([hidden])>*:nth-child(4){animation-delay:.1s}.shm-fx .shm-step:not([hidden])>*:nth-child(5){animation-delay:.15s}.shm-fx .shm-step:not([hidden])>*:nth-child(6){animation-delay:.2s}.shm-fx .shm-step:not([hidden])>*:nth-child(7){animation-delay:.25s}.shm-fx .shm-step:not([hidden])>*:nth-child(8){animation-delay:.3s}.shm-fx .shm-step:not([hidden])>*:nth-child(9){animation-delay:.35s}
.shm-fx .shm-field:focus-within>label,.shm-fx .shm-field:focus-within>.shm-q{color:var(--paddy)}
.shm-fx .shm-field>label,.shm-fx .shm-field>.shm-q{transition:color .2s}

/* পণ্যের টাইল: 3D টিল + লাফানো ইমোজি */
.shm-fx .shm-tile{transform-style:preserve-3d;transition:transform .15s ease-out,border-color .2s,background .2s,box-shadow .2s}
.shm-fx .shm-tile:not(.is-off):hover{transform:perspective(700px) translateY(-4px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.04);box-shadow:0 20px 32px -20px rgba(14,42,47,.6)}
.shm-fx .shm-tile:not(.is-off):hover .shm-tile-emoji{transform:translateZ(30px) scale(1.2) rotate(-6deg)}
@keyframes shmJump{0%{transform:translateY(0)}35%{transform:translateY(-16px) scale(1.25) rotate(-8deg)}70%{transform:translateY(2px) scale(.95)}100%{transform:translateY(0)}}
.shm-fx .shm-tile:has(input:checked) .shm-tile-emoji{animation:shmJump .6s cubic-bezier(.3,.7,.3,1)}
@keyframes shmSelect{40%{transform:scale(1.03)}}
.shm-fx .shm-card:has(input:checked),.shm-fx .shm-op:has(input:checked){animation:shmSelect .35s ease}
.shm-fx .shm-chip input:checked+span{animation:shmSelect .35s ease}
.shm-fx .shm-card,.shm-fx .shm-op,.shm-fx .shm-chip>span{transition:transform .2s,border-color .2s,background .2s,box-shadow .2s,color .2s}
.shm-fx .shm-chip:hover>span{transform:translateY(-2px)}

/* ট্যাগ: মাউসের দিকে হেলে */
.shm-fx .shm-tag{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out}

/* বাটন: ম্যাগনেটিক + শাইন + রিপল */
.shm-fx .shm-btn{position:relative;overflow:hidden}
.shm-fx .shm-btn:hover:not(:disabled){transform:translate(var(--tx,0px),var(--ty,0px)) translateY(-2px)}
.shm-fx .shm-btn-primary::after{content:"";position:absolute;top:0;left:-60%;width:36%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:shmShine 3.8s ease-in-out infinite;pointer-events:none}
@keyframes shmShine{0%,62%{left:-60%}100%{left:130%}}
.shm-ripple{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:rgba(255,255,255,.6);transform:scale(0);animation:shmRipple .65s ease-out forwards;pointer-events:none}
@keyframes shmRipple{to{transform:scale(14);opacity:0}}
.shm-fx .shm-chat-toggle{transition:transform .2s,box-shadow .2s}
.shm-fx .shm-chat-toggle:hover{transform:translate(var(--tx,0px),var(--ty,0px)) translateY(-3px)}
@keyframes shmWiggle{0%,88%,100%{transform:rotate(0)}91%{transform:rotate(-14deg)}94%{transform:rotate(12deg)}97%{transform:rotate(-6deg)}}
.shm-fx .shm-chat-bubble{animation:shmWiggle 6s ease-in-out 2s infinite}

/* পরিমাণ সংখ্যা পপ, যাচাই বক্স */
@keyframes shmNum{40%{transform:scale(1.25);color:#c99a05}}
.shm-fx .shm-qty input.is-pop{animation:shmNum .28s ease}
.shm-fx .shm-verify-icon{animation:shmBobY 3s ease-in-out infinite alternate}
@keyframes shmBobY{to{transform:translateY(-4px) rotate(-4deg)}}
.shm-fx .shm-verify-result:not([hidden]){animation:shmRise .4s cubic-bezier(.2,.8,.2,1)}

/* কণা (ক্লিকে ঝিকিমিকি), কনফেটি, কাস্টম কার্সর — body-তে বসে, তাই .shm-fx-এর বাইরে */
.shm-fxp{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;font-size:18px;line-height:1;color:#c99a05;animation:shmFly .8s cubic-bezier(.1,.8,.3,1) forwards}
@keyframes shmFly{from{transform:translate(-50%,-50%) scale(.3)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(1);opacity:0}}
.shm-fxc{position:fixed;top:-50px;z-index:99999;pointer-events:none;line-height:1;animation:shmFall var(--dur) cubic-bezier(.3,.1,.6,1) var(--delay) forwards}
@keyframes shmFall{to{transform:translate(var(--sway),112vh) rotate(var(--rot))}}
.shm-fxr,.shm-fxd{position:fixed;left:0;top:0;z-index:99998;pointer-events:none;opacity:0;border-radius:50%}
.shm-fxr{width:38px;height:38px;margin:-19px 0 0 -19px;border:2px solid rgba(201,154,5,.85);transition:opacity .25s,width .2s,height .2s,margin .2s,background .2s}
.shm-fxd{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:#f2c230;transition:opacity .25s}
.shm-fxr.is-on,.shm-fxd.is-on{opacity:1}
.shm-fxr.is-hot{width:60px;height:60px;margin:-30px 0 0 -30px;background:rgba(242,194,48,.2)}
.shm-fxr.is-text,.shm-fxd.is-text{opacity:0}

/* ═══════════════ v2.6.0 — মোবাইল-বান্ধব (ফোনে সহজ ব্যবহার) ═══════════════ */
.shm-wrap{-webkit-tap-highlight-color:rgba(242,194,48,.28);overflow-x:clip}
.shm-wrap img,.shm-wrap svg{max-width:100%}
.shm-wrap .shm-field>input[type=date]{min-height:52px;-webkit-appearance:none;appearance:none}
.shm-wrap .shm-field>select{min-height:52px}

/* টাচ ডিভাইসে হোভারে আটকে-যাওয়া নড়াচড়া বন্ধ */
@media(hover:none){
  .shm-wrap .shm-tile:hover,.shm-fx .shm-tile:not(.is-off):hover{transform:none;box-shadow:none}
  .shm-fx .shm-tile:not(.is-off):hover .shm-tile-emoji,.shm-wrap .shm-tile:hover .shm-tile-emoji{transform:none}
  .shm-wrap .shm-card:hover,.shm-wrap .shm-op:hover,.shm-wrap .shm-chip:hover>span{transform:none;box-shadow:none}
  .shm-fx .shm-btn:hover:not(:disabled),.shm-fx .shm-chat-toggle:hover{transform:none}
  .shm-fx :hover>.shm-glow{opacity:0}
}

@media(max-width:640px){
  .shm-wrap{padding:10px 10px 104px;border-radius:20px}
  .shm-main{padding:18px 16px 0;border-radius:20px}

  /* হিরো: ছোট ও গুছানো; পশুগুলো পাশে স্ক্রল-স্ট্রিপে */
  .shm-hero{padding:22px 18px;border-radius:20px;gap:16px}
  .shm-hero h2{margin:16px 0 8px}
  .shm-hero p{font-size:15px}
  .shm-hero-board{display:flex;overflow-x:auto;gap:8px;padding:10px 0 6px;max-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .shm-hero-board::-webkit-scrollbar{display:none}
  .shm-hero-board span{flex:0 0 58px;width:58px;height:58px;aspect-ratio:auto;font-size:28px;scroll-snap-align:start}

  /* ধাপ-বার */
  .shm-steps{gap:2px}
  .shm-steps li{font-size:12px}
  .shm-step-dot{width:36px;height:36px}
  .shm-step-dot .shm-i{width:18px;height:18px}
  .shm-step legend span{font-size:23px}

  /* আঙুলের জন্য বড় ট্যাপ এলাকা */
  .shm-wrap .shm-field>input[type=text],.shm-wrap .shm-field>input[type=email],.shm-wrap .shm-field>input[type=tel],.shm-wrap .shm-field>select,.shm-wrap .shm-field>textarea{padding:14px 15px;min-height:52px}
  .shm-phone input{min-height:50px}
  .shm-qty{min-height:56px}.shm-qty-btn{width:58px}
  .shm-chip span{padding:12px 18px;min-height:46px;display:inline-flex;align-items:center}
  .shm-card{min-height:68px;padding:14px 16px}
  .shm-tiles{grid-template-columns:repeat(3,1fr);gap:8px}
  .shm-tile{padding:12px 4px 10px;border-radius:16px}
  .shm-tile-emoji{font-size:32px}
  .shm-tile b{font-size:13px}
  .shm-consent{padding:14px;gap:12px}.shm-consent input{width:26px;height:26px}
  .shm-op-pill,.shm-outlet-actions a,.shm-addr-btn{min-height:44px}
  .shm-op-pill{padding:10px 15px}
  .shm-addr-actions{display:grid;gap:8px}
  .shm-addr-btn{width:100%}

  /* নিচে আটকে থাকা অ্যাকশন বার: পিছনে + পরের ধাপ সবসময় বুড়ো আঙুলের নাগালে */
  .shm-nav{position:sticky;bottom:0;z-index:30;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;margin:22px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 -14px 24px -20px rgba(14,42,47,.5)}
  .shm-nav .shm-prev{width:auto;flex:0 0 auto;margin:0;padding:14px 18px}
  .shm-nav .shm-next{width:auto;flex:1 1 0;margin:0;min-height:52px}
  .shm-nav .shm-final{width:100%;flex-direction:column;margin:0}
  .shm-nav .shm-final .shm-btn{width:100%;min-height:52px}

  /* ভাসমান চ্যাট বাটন: অ্যাকশন বারের ওপরে; শেষ ধাপে লুকায় (নিচে চ্যাট বাটন আছে) */
  .shm-chat{right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .shm-wrap:has(.shm-final:not([hidden])) .shm-chat{display:none}
  .shm-chat-toggle{box-shadow:0 12px 26px -10px rgba(14,42,47,.7)}

  /* রসিদ ও যাচাই */
  .shm-receipt-head{padding:16px}
  .shm-receipt-actions{display:grid;width:100%;gap:8px}
  .shm-receipt-actions .shm-btn,.shm-state .shm-btn,.shm-state form,.shm-state form .shm-btn{width:100%}
  .shm-verify-row .shm-btn,.shm-verify-row input{min-height:52px;width:100%}
  .shm-chat-grid{grid-template-columns:1fr}
  .shm-chat-button{min-height:64px}
}
@media(max-width:360px){
  .shm-tiles{grid-template-columns:repeat(2,1fr)}
  .shm-step-dot{width:32px;height:32px}
  .shm-hero h2{font-size:30px}
}

.shm-fx .shm-bar{margin-top:40px}

/* ═══════════════ v2.7.0 — আলাদা মোবাইল UI (শুধু ≤767px; ডেস্কটপ অপরিবর্তিত) ═══════════════ */
.shm-mbar{display:none}
@media(max-width:767px){
  /* ফুল-স্ক্রিন অ্যাপ-স্টাইল: থিমের হেডার/ফুটার/Recently Viewed সব ঢাকা পড়ে */
  html:has(body.shm-preorder-page),body.shm-preorder-page{overflow:hidden!important;height:100%}
  .shm-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;width:auto;max-width:none;margin:0;padding:0;border-radius:0;background:var(--paper);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-size:16px}
  .shm-wrap [hidden]{display:none!important}
  .shm-wrap::after{content:"";display:block;height:calc(84px + env(safe-area-inset-bottom,0px))}
  .shm-fxp,.shm-fxc,.shm-fxr,.shm-fxd{z-index:2147483600}
  .shm-wrap>:not(.shm-mbar):not(.shm-chat){margin-left:12px;margin-right:12px}

  /* টপ বার */
  .shm-mbar{display:block;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
  .shm-mbar-in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(9px + env(safe-area-inset-top,0px)) 14px 9px}
  .shm-mbar a{display:block;line-height:0}
  .shm-wrap .shm-logo-mbar{height:30px;width:auto;max-width:150px;padding:0;background:none;border-radius:0;box-shadow:none}
  .shm-mbar-step{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
  .shm-mbar-count{font-size:12px;color:var(--ink-3);font-weight:500}
  .shm-mbar-name{font-size:16px;color:var(--ink);font-weight:700}
  .shm-mbar-bar{height:3px;background:var(--paper)}
  .shm-mbar-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--paddy),var(--mustard));border-radius:0 3px 3px 0;transition:width .35s ease}
  .shm-wrap:not([data-step]) .shm-mbar-step{display:none}

  /* ছোট স্বাগত কার্ড: শুধু ধাপ ১-এ */
  .shm-hero{display:block;margin-top:12px;padding:18px;border-radius:20px}
  .shm-hero .shm-brand,.shm-hero-copy p:not(.shm-hero-lead){display:none}
  .shm-hero-board{display:flex;gap:8px;margin:14px -18px -4px;padding:6px 18px 8px;overflow-x:auto;max-width:none;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .shm-hero-board::-webkit-scrollbar{display:none}
  .shm-hero-board span{flex:0 0 56px;width:56px;height:56px;aspect-ratio:auto;font-size:28px;border-radius:16px;scroll-snap-align:start}
  .shm-hero h2{font-size:23px;line-height:1.3;margin:0 0 6px}
  .shm-hero-lead{font-size:14.5px;margin:0;color:var(--mustard)}
  .shm-wrap[data-step]:not([data-step="1"]) .shm-hero{display:none}

  /* ফর্ম কার্ড */
  .shm-layout{display:block;margin-top:12px}
  .shm-main{padding:20px 16px 18px;border-radius:20px;box-shadow:0 1px 2px rgba(14,42,47,.06)}
  .shm-steps,.shm-bar{display:none!important}
  .shm-step{gap:16px}
  .shm-step legend span{font-size:22px}
  .shm-step legend small{font-size:14px}
  .shm-row{grid-template-columns:1fr;gap:16px}
  .shm-field label,.shm-field .shm-q{font-size:15px;font-weight:600}
  .shm-wrap input,.shm-wrap select,.shm-wrap textarea{font-size:16px}
  .shm-cards,.shm-cards-3{grid-template-columns:1fr}
  .shm-card{min-height:64px}
  .shm-tiles{grid-template-columns:repeat(3,1fr);gap:8px}
  .shm-chips{gap:8px}

  /* বাটন বার: ফর্ম কার্ডের একদম শেষে; ফর্ম পর্দায় থাকলে নিচে লেগে থাকে, ফর্ম শেষ হলে সঙ্গে সঙ্গে থামে (অন্য সেকশনের ওপর আসে না) */
  .shm-nav{position:sticky;bottom:0;left:auto;right:auto;z-index:20;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:10px;margin:20px -16px -18px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 -10px 24px -16px rgba(14,42,47,.3)}
  .shm-nav .shm-prev{flex:0 0 auto;width:auto;min-height:52px;padding:0 18px;margin:0}
  .shm-nav .shm-next{flex:1 1 0;width:auto;min-height:52px;margin:0;font-size:17px}
  .shm-nav .shm-final{display:flex;flex-direction:column;gap:8px;flex:1 1 0;width:auto;margin:0}
  .shm-nav .shm-final .shm-btn{width:100%;min-height:50px}

  /* চ্যাট বাটন: বার-এর ওপরে, শুধু আইকন */
  .shm-chat{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .shm-chat-label{display:none}.shm-chat-toggle{padding:6px}

  /* নিচের অংশ: যাচাই, চ্যাট, ঠিকানা — হালকা কার্ড */
  .shm-chat-options{margin-top:16px}
  .shm-verify,.shm-addr{margin-top:14px;padding:16px;border-radius:20px;box-shadow:none;border:1px solid var(--line)}
  .shm-addr-grid{grid-template-columns:1fr}
  .shm-addr-office{padding:16px;border-radius:18px}
  .shm-receipt{border-radius:20px}
  .shm-notice{margin-top:12px}
}