/* Product editor colour takes precedence over seasonal / brand palette.
   These are product-only backgrounds, not global site theme changes. */
.product-visual.theme-pink, #product-detail-content .detail-visual.theme-pink { background:linear-gradient(145deg,#f8cfe6,#ffeaf5) !important; }
.product-visual.theme-lavender, #product-detail-content .detail-visual.theme-lavender { background:linear-gradient(145deg,#ded0fa,#f4ecff) !important; }
.product-visual.theme-peach, #product-detail-content .detail-visual.theme-peach { background:linear-gradient(145deg,#ffd7bd,#fff0e1) !important; }
.product-visual.theme-mint, #product-detail-content .detail-visual.theme-mint { background:linear-gradient(145deg,#c8eddb,#e9fcf1) !important; }
.product-visual.theme-blue, #product-detail-content .detail-visual.theme-blue { background:linear-gradient(145deg,#cce5ff,#eaf5ff) !important; }
.product-visual.theme-yellow, #product-detail-content .detail-visual.theme-yellow { background:linear-gradient(145deg,#ffe28a,#fff5c8) !important; }
.product-visual.theme-neutral, #product-detail-content .detail-visual.theme-neutral { background:linear-gradient(145deg,#eae5e1,#f7f5f2) !important; }
/* Maintain a thin coloured frame for photo listings. Opaque photos cover their own pixels. */
.product-visual:has(> img.product-photo){padding:8px}
.product-visual > img.product-photo{width:100%;height:100%;object-fit:contain;border-radius:11px}
#product-detail-content .detail-visual:has(> img){padding:10px}
#product-detail-content .detail-visual > img{max-width:100%;max-height:100%;object-fit:contain;border-radius:11px}