/* Brand-led cards: a single focal image, readable value and quieter metadata. */
body.storefront-ui .sa-hot__tile { border-radius:22px;box-shadow:0 12px 24px #080c1926;border:1px solid #ffffff12; }
body.storefront-ui .sa-hot__tile:hover { transform:translateY(-5px);box-shadow:0 20px 30px #080c1940; }
body.storefront-ui .sa-hot__body { padding:20px 16px 16px;background:linear-gradient(0deg,#080c19e8,transparent);gap:8px; }
body.storefront-ui .sa-hot__body strong { font-size:14px;line-height:1.4;text-transform:none;letter-spacing:0;font-weight:600; }
body.storefront-ui .sa-hot__body em { color:#fff;font-size:21px;letter-spacing:-.5px; }
body.storefront-ui .sa-hot__off { background:#fff;color:#121a2e;border-radius:8px;font-size:11px;box-shadow:0 2px 8px #080c1920; }
body.storefront-ui .sa-key { padding:10px 10px 14px;border:1px solid #16223812;border-radius:21px;background:#fff;box-shadow:0 3px 12px #16223804;gap:7px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
body.storefront-ui .sa-key:hover { transform:translateY(-4px);box-shadow:0 16px 32px #16223810;border-color:#1622382e; }
body.storefront-ui :is(.sa-key__kicker,.sa-key__plat) { display:none; }
body.storefront-ui .sa-key__art { border-radius:13px;box-shadow:none;transform:none!important; }
body.storefront-ui .sa-key:hover .sa-key__art { box-shadow:none; }
body.storefront-ui .sa-key__ribbon { border-radius:6px;background:#fff;color:#142038;letter-spacing:.04em;top:9px;left:9px;font-size:9px; }
body.storefront-ui .sa-key__ribbon--gold { background:#efffba;color:#142038; }
body.storefront-ui .sa-key__bar { padding:9px 11px;background:linear-gradient(0deg,#080c19a3,transparent);font-size:10px;color:#ffffffd9;letter-spacing:.04em; }
body.storefront-ui .sa-key__off { border-radius:6px;background:#fff;color:#172238; }
body.storefront-ui .sa-key__title { font-weight:600;font-size:14px;line-height:1.5;text-transform:none;letter-spacing:0;margin-top:5px; }
body.storefront-ui .sa-key__price { gap:6px; }
body.storefront-ui .sa-key__price b { color:#151c31;font-size:19px;letter-spacing:-.5px; }
body.storefront-ui .sa-key__price i { background:#fff0f3;color:#972942;border-radius:5px;font-size:10px; }
body.storefront-ui :is(.sa-key__offers,.sa-key__rate,.sa-key__stock,.sa-key__meta) { font-size:12px;line-height:1.5; }
body.storefront-ui .sa-key__view { border-radius:10px;background:#f5f6fa;color:#202a42; }
body.storefront-ui .sa-key__meta { border-top:1px solid #1622380d;padding-top:7px; }
body.storefront-ui .product-image-main { border-radius:20px; }
@media(max-width:767.98px) {
 body.storefront-ui .sa-keys { column-gap:10px;row-gap:14px; }
 body.storefront-ui .sa-key { padding:7px 7px 12px;border-radius:17px;gap:6px; }
 body.storefront-ui .sa-key__art { border-radius:11px; }
 body.storefront-ui .sa-key__ribbon { font-size:8px;padding:4px 6px;top:7px;left:7px; }
 body.storefront-ui .sa-key__title { font-size:13px;line-height:1.5; }
 body.storefront-ui .sa-key__price b { font-size:17px; }
 body.storefront-ui .sa-hot__body strong { font-size:14px; }
 body.storefront-ui .sa-key__rate { flex-wrap:wrap;row-gap:2px; }
}
@media(prefers-reduced-motion:reduce) {body.storefront-ui :is(.sa-key,.sa-hot__tile):hover {transform:none;}}

/* Artwork carries the face value; product metadata stays outside the picture. */
body.storefront-ui .sa-key__art { isolation:isolate; background:#eef0f5; }
body.storefront-ui .sa-key__art img { aspect-ratio:3/4; object-fit:contain; }
body.storefront-ui .sa-key__bar { font-size:11px; padding:10px; }
body.storefront-ui .sa-key__rate em,body.storefront-ui .sa-key__meta { color:#5b6473; }
body.storefront-ui .sa-key__stock { font-weight:500; }
body.storefront-ui .sa-key__price-label { color:#5b6473; font-size:11px; margin-bottom:-4px; }
body.storefront-ui .sa-key__price { flex-wrap:wrap; row-gap:4px; }
body.storefront-ui .sa-key__view { min-height:38px; display:flex; align-items:center; justify-content:space-between; font-size:12px; }
body.storefront-ui .pd-page .product-gallery { background:linear-gradient(145deg,#f2f4fa,#e7ebf2); }
@media(max-width:767.98px) {
 body.storefront-ui .sa-key__meta { display:none; }
 body.storefront-ui .sa-key__price b { font-size:18px; }
 body.storefront-ui .sa-key__ribbon { font-size:9px; }
 body.storefront-ui .sa-key__rate { font-size:11px; }
 body.storefront-ui .sa-key__bar { font-size:10px; }
}

@media(min-width:992px){body.storefront-ui .pd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Account badges must stay within their icon, independent of dashboard badges. */
body.storefront-ui .sa-top .sa-icon .badge { min-width:18px; height:18px; padding:2px 4px; line-height:14px; font-size:10px; top:-1px; right:-3px; display:grid; place-items:center; border:2px solid #172039; }