/* SHAHAZ.com — Hero product picks (ZIP-324)
 * Three product cards in the empty middle of the Flash Sale + Trending landing banners (inc/shahaz-hero-picks.php).
 * Owner reference: white rounded card, square photo, magenta "-10%" pill top-left, magenta bold price — nothing else.
 * Desktop only (>= 1024px). On tablet/mobile both banners show their own 2 photo cards instead (ZIP-346/347). No blue, no focus ring, no tap flash.
 */
.shz-hero-picks{display:none}

@media(min-width:1024px){
	/* ZIP-324: the -8px block margin lets the cards use a little of the banner padding. */
	.shz-hero-picks{--shp-img:clamp(110px,7vw,132px);display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,26px);min-width:0;margin:-8px 0;padding:0 clamp(8px,1.4vw,24px)}
	.shz-hero-picks__card{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;box-sizing:border-box;width:calc(var(--shp-img) + 12px);padding:6px 6px 5px;border-radius:14px;background:#fff;box-shadow:none;text-decoration:none;color:#e0157a;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,box-shadow .2s ease}
	.shz-hero-picks__card:hover{transform:translateY(-3px);box-shadow:none;color:#e0157a}
	.shz-hero-picks__card:focus,
	.shz-hero-picks__card:focus-visible,
	.shz-hero-picks__card:active{outline:none;box-shadow:none;color:#e0157a}
	.shz-hero-picks__media{position:relative;display:block;width:var(--shp-img);height:var(--shp-img);overflow:hidden;border-radius:10px;background:#fff4f9}
	.shz-hero-picks__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px}
	.shz-hero-picks__badge{position:absolute;top:6px;left:6px;padding:3px 8px;border-radius:999px;background:#e0157a;color:#fff;font-size:12px;line-height:1.15;font-weight:800;box-shadow:none}
	.shz-hero-picks__price{display:block;margin-top:4px;color:#e0157a;font-size:clamp(14px,1.05vw,17px);line-height:1.2;font-weight:800;white-space:nowrap}
}

@media(prefers-reduced-motion:reduce){
	.shz-hero-picks__card{transition:none}
	.shz-hero-picks__card:hover{transform:none}
}