/* SHAHAZ.com — Flash Sale + Trending top banners: shared parts (inc/shahaz-landing-banners.php, ZIP-346/347).
 * Frame = the pages' existing banner frame (width, margin, rounded top corners).
 * --u = 1% of the banner width (max 7.4px; computers set their own), so phone and tablet keep the
 * reference proportions and gaps. Page parts: shahaz-flash-sale-page.css (.shz-fbn), shahaz-trending-page.css (.shz-tbn).
 * No shadows, no blur, no blue focus. */
.shz-lbn{-webkit-text-size-adjust:100%;text-size-adjust:100%;/* ZIP-355: phone browsers must not enlarge the banner texts (they are sized to the banner) */--u:min(1cqw,7.4px);--rose:#e0157a;--gold:#d39a12;container-type:inline-size;position:relative;width:calc(100% - 8px);margin:5px 4px 0;overflow:hidden;border-radius:25px 25px 0 0;font-family:Poppins,"Hind Siliguri",Arial,sans-serif;color:#4a3f47}
.shz-lbn *,.shz-lbn *::before,.shz-lbn *::after{box-sizing:border-box}
.shz-lbn__in{position:relative;display:flex;align-items:center;gap:0}
.shz-lbn a,.shz-lbn button{-webkit-tap-highlight-color:transparent}
.shz-lbn a:focus,.shz-lbn a:focus-visible{outline:none;box-shadow:none}

/* the 2 tilted product photos (phone + tablet); each page places them */
.shz-lbn-cards{position:relative;flex:0 0 auto;margin:0 auto}
.shz-lbn-cards__blob{position:absolute;width:calc(var(--u) * 11);height:calc(var(--u) * 11);border-radius:50%;background:linear-gradient(140deg,#f7b4d2,#f3a3c6)}
.shz-lbn-card{position:absolute;display:block;overflow:hidden;border:calc(var(--u) * .7) solid #fff;border-radius:calc(var(--u) * 2.2);background:#fff;transition:transform .35s ease,opacity .35s ease}
.shz-lbn-card--a{z-index:2}
.shz-lbn-card--b{z-index:1}
.shz-lbn-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--u) * 1.5)}
.shz-lbn-card__off{position:absolute;top:0;left:0;padding:calc(var(--u) * .55) calc(var(--u) * 1.5) calc(var(--u) * .6);border-radius:calc(var(--u) * 1.5) 0 calc(var(--u) * 2) 0;background:linear-gradient(120deg,#e0157a,#b0105f);color:#fff;font-size:max(8px,calc(var(--u) * 2.75));font-weight:800;line-height:1}
.shz-lbn-card__off[hidden]{display:none}
/* the back photo's tab sits a little in, so the front photo never covers it (as in the references) */
.shz-lbn-card--b .shz-lbn-card__off{left:calc(var(--u) * 3);border-radius:0 0 calc(var(--u) * 1.6) calc(var(--u) * 1.6)}
.shz-lbn-cards.is-swap .shz-lbn-card{animation:shzLbnSwap .55s ease}
@keyframes shzLbnSwap{0%,100%{opacity:1}35%{opacity:0;translate:0 calc(var(--u) * -1)}}

/* computers: the 3 product cards (shahaz-hero-picks.css) replace the 2 photos */
.shz-lbn .shz-hero-picks{display:none}
@media(max-width:480px){.shz-lbn{border-radius:23px 23px 0 0}}
@media(min-width:768px){.shz-lbn{max-width:1200px}}
@media(min-width:1024px){
	.shz-lbn__in--picks .shz-lbn-cards{display:none}
	.shz-lbn .shz-hero-picks{display:flex}
}
@media(prefers-reduced-motion:reduce){.shz-lbn-cards.is-swap .shz-lbn-card{animation:none}}