/* SHAHAZ.com — the cart icon inside every round / square "add to cart" button (ZIP-577, owner's green cart with
 * tyres). One picture file per colour (assets/images/shahaz-cart-green.svg / -magenta.svg), so the browser loads it
 * once and it stays sharp at any size. Green on pink / magenta buttons; hot magenta (white slots kept) on green
 * buttons and on the green "added" state, so the icon always stands out from its button.
 * Not used on: the homepage sections above For You, New Arrival + Luxury World (showcase cards), header. The mobile bottom bar uses the same green file on its own gold disc (capsule-bottom-nav.css, ZIP-578). */
.shz-cart-ico{display:block;flex:0 0 auto;width:74%;height:74%;background:url(../images/shahaz-cart-green.svg) no-repeat center/contain;pointer-events:none}
.shz-cart-ico--magenta,
.shz-gc--deal .shz-cart-ico,
.shz-cc__cart.is-added .shz-cart-ico,
.shz-cc__cart.is-pending .shz-cart-ico,
.shz-cc__cart:active .shz-cart-ico,
.shz-gc__cart.is-added .shz-cart-ico,
.shz-sl-card__cart.is-added .shz-cart-ico{background-image:url(../images/shahaz-cart-magenta.svg)}
/* sizes per button — big enough to fill the ring, never outside it */
.shz-cc__cart .shz-cart-ico{width:80%;height:80%}
.shz-gc__cart .shz-cart-ico{width:80%;height:80%}
.shz-gc--rail .shz-gc__cart .shz-cart-ico{width:auto;height:88%;aspect-ratio:1}
.shz-sl-card__cart .shz-cart-ico{width:78%;height:78%}
.shz-ai__cart .shz-cart-ico{width:80%;height:80%}
.pd-cart .shz-cart-ico{width:78%;height:78%}
.shz-lux-card__cart .shz-cart-ico{position:absolute;right:11%;bottom:9%;width:46%;height:auto;aspect-ratio:1}