#shahaz-single-product-promotion-root{position:relative;z-index:25;font-family:var(--shahaz-font,"Noto Sans Bengali","Hind Siliguri",sans-serif)}
.shahaz-sp-promo-col{display:none}
/* ZIP-377 (owner): the promotion column beside the big product picture — same height as the picture, slim, looks like an
   ad (dashed magenta frame, "অফার" heading, "AD" tag, no price or title).
   ZIP-381 (owner): the ads keep their 3:4 shape; when the picture is taller, the extra height goes into the gaps between
   them (they only shrink when the picture is too short for all of them). */
.shahaz-sp-promo-col{justify-content:space-between}
/* ZIP-547: one ad only → it sits right under the heading (not pushed to the bottom under the Buy Now bar) */
.shahaz-sp-promo-col:not(:has(.shahaz-sp-promo-col__slot + .shahaz-sp-promo-col__slot)){justify-content:flex-start;gap:10px}
.shahaz-sp-promo-col__slot{position:relative;flex:0 1 auto;min-height:0;display:flex}
.shahaz-sp-promo-col__ad{flex:1 1 auto;min-height:0;display:flex;align-items:flex-start}
.shahaz-sp-promo-col__ad .shahaz-sp-ad{flex:0 0 auto;width:100%;aspect-ratio:3/4;max-height:100%;min-height:0}
/* ZIP-379 (owner): a burning flame on the top-left corner of every ad — its tip reaches up to the ad above — and one on
   each side of the "অফার" heading. Pure SVG + transform animation (no shadow, no blur). */
.shahaz-sp-fire{position:absolute;z-index:3;left:-5px;top:-19px;width:26px;height:34px;pointer-events:none;transform-origin:50% 100%;animation:shzFireSway 1.1s ease-in-out infinite}
.shahaz-sp-fire svg{display:block;width:100%;height:100%;overflow:visible}
.shahaz-sp-fire .f1{fill:#ff3b1f;transform-origin:50% 100%;animation:shzFireLick .7s ease-in-out infinite alternate}
.shahaz-sp-fire .f2{fill:#ff9500;transform-origin:50% 100%;animation:shzFireLick .55s ease-in-out infinite alternate-reverse}
.shahaz-sp-fire .f3{fill:#ffe14d;transform-origin:50% 100%;animation:shzFireLick .45s ease-in-out infinite alternate}
.shahaz-sp-promo-col__slot:nth-child(3) .shahaz-sp-fire{animation-delay:-.35s}
.shahaz-sp-promo-col__slot:nth-child(4) .shahaz-sp-fire{animation-delay:-.7s}
.shahaz-sp-promo-col__slot:nth-child(5) .shahaz-sp-fire{animation-delay:-.2s}
.shahaz-sp-fire.is-head{position:relative;left:auto;top:auto;flex:0 0 auto;width:13px;height:17px;margin:-3px 0 0;animation:shzFirePulse .9s ease-in-out infinite}
.shahaz-sp-fire.is-head.is-r{animation-delay:-.45s}
@keyframes shzFireSway{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.06,1.1)}}
@keyframes shzFireLick{0%{transform:scale(1,1)}100%{transform:scale(.88,1.14)}}
@keyframes shzFirePulse{0%,100%{transform:scale(.9)}50%{transform:scale(1.22)}}
@media(prefers-reduced-motion:reduce){.shahaz-sp-fire,.shahaz-sp-fire .f1,.shahaz-sp-fire .f2,.shahaz-sp-fire .f3{animation:none}}
/* Phone / tablet: right of the picture, 4 ads (ZIP-410, owner: 3 left too much empty space between them) */
@media(max-width:1199px){
  .shahaz-sp-media-row.has-sp-promo{display:flex;align-items:stretch;gap:6px;background:#fff}
  .shahaz-sp-media-row.has-sp-promo>[data-global-gallery]{flex:1 1 auto;min-width:0;width:auto}
  .shahaz-sp-media-row.has-sp-promo>.shahaz-sp-promo-col{flex:0 0 clamp(62px,19%,104px);display:flex;flex-direction:column;gap:5px;box-sizing:border-box;padding:5px 4px;border:1.5px dashed #ff4fa7;border-radius:12px;background:#fff}
  .shahaz-sp-media-row .shahaz-sp-promo-col__head{font-size:10px;padding:3px 0}
}
/* Computer: left of the product card, 4 ads */
@media(min-width:1200px){
  body.page-template-shahaz-global-single-product .shz-global-product-top.has-sp-promo{grid-template-columns:clamp(128px,10vw,170px) minmax(0,1.12fr) minmax(340px,.88fr) /* ZIP-380: wider so each ad is about 3:4 like on the phone */}
  body.page-template-shahaz-global-single-product .shz-global-product-top.has-sp-promo>.shz-global-hero{grid-column:2}
  body.page-template-shahaz-global-single-product .shz-global-product-top.has-sp-promo>section:not(.shz-global-hero){grid-column:3}
  .shz-global-product-top>.shahaz-sp-promo-col{grid-column:1;grid-row:1 / span 8;position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:7px;box-sizing:border-box;min-width:0;padding:7px 6px;border:1.5px dashed #ff4fa7;border-radius:16px;background:#fff}
}
.shahaz-sp-promo-col__head{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:3px;margin:0;padding:4px 0;border-radius:999px;background:#e9007c;color:#fff;font-size:11px;font-weight:800;line-height:1.15;text-align:center;letter-spacing:.02em}
.shahaz-sp-ad{position:relative;display:block;overflow:hidden;border:1px solid #ffc2df;border-radius:12px;background:#fff;text-decoration:none;aspect-ratio:3/4;-webkit-tap-highlight-color:transparent}
.shahaz-sp-ad:focus,.shahaz-sp-ad:focus-visible{outline:none}
.shahaz-sp-ad img{display:block;width:100%;height:100%;object-fit:cover}.shahaz-sp-ad__label{position:absolute;left:5px;right:5px;bottom:5px;padding:4px 5px;border-radius:7px;background:#e9007c;color:#fff;font-size:10px;font-weight:800;text-align:center;line-height:1.15}
.shahaz-sp-ad__tag{position:absolute;top:0;left:15px;padding:3px 6px 3px;border-radius:0 0 6px 6px;background:rgba(17,17,17,.62);color:#fff;font-size:9px;font-style:normal;font-weight:800;line-height:1.1;letter-spacing:.04em} /* ZIP-380: hangs from the top border, touching the flame on its left */
.shahaz-sp-mobile-inline{display:none}.shahaz-sp-mobile-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 0 10px;scrollbar-width:none}.shahaz-sp-mobile-strip::-webkit-scrollbar{display:none}.shahaz-sp-mobile-card{flex:0 0 78%;border:1px solid rgba(255,0,135,.42);border-radius:14px;overflow:hidden;background:#fff;box-shadow:none;text-decoration:none}.shahaz-sp-mobile-card img{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;display:block}.shahaz-sp-mobile-card span{display:block;padding:7px 9px;color:#4b1834;font-weight:800;font-size:12px}
@media(max-width:1199px){.shahaz-sp-mobile-inline{display:block}.shahaz-sp-mobile-wrap{margin:8px 0 4px}}
@media(min-width:1200px){.shahaz-sp-mobile-inline{display:none}}
@media(prefers-reduced-motion:reduce){.shahaz-sp-ad,.shahaz-sp-mobile-card{transition:none}}

/* ZIP 59: mobile inline promotion uses only explicit inline slots; side-ad slots never render beneath the gallery. */
