/* v7 product image override */
.card-img [data-product-slot]{padding:12px}
.card-img .product-frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;padding:0}
.card-img .product-photo{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:12px;position:relative;z-index:1}
/* lifestyle scenes: edge to edge, no blend */
.card-img [data-product-slot]:has(.scene){padding:0}
.card-img .product-frame.scene{border-radius:0}
.card-img .product-frame.scene .product-photo{object-fit:cover;mix-blend-mode:normal;border-radius:0}
/* dawn boundary between image and text */
[data-theme=dawn] .card-body{border-top:1px solid rgba(30,36,54,.12);box-shadow:inset 0 6px 8px -6px rgba(30,36,54,.10)}
.card-img [data-product-slot]:not(:has(.scene)){padding-top:22px}
/* v8: seamless full-viewport topo layer (one oversized layer, no tiling) */
html{background:var(--sky2)}
body{background:transparent!important}
body::before{content:"";position:fixed;top:-12vh;bottom:-12vh;left:0;right:0;z-index:-1;pointer-events:none;
  background:var(--topo-file) center / cover no-repeat,
    radial-gradient(120% 50% at 50% 100%, var(--glow), var(--glow2) 40%, transparent 70%),
    linear-gradient(var(--sky1), var(--sky2) 60%, var(--sky3))}
.app-shell{background:transparent!important}