[data-catalogue-photo]{position:relative;display:grid;place-items:center;width:100%;height:530px}
.hhi-detail-image [data-catalogue-photo]>img,.hhi-detail-image [data-catalogue-photo]>canvas{position:absolute;inset:0;display:block;max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain;margin:0}
[data-catalogue-photo]>canvas{mix-blend-mode:multiply}
[data-catalogue-photo].has-colour-preview>img{visibility:hidden}
.hhi-colour-choice .custom-colour{margin:12px 0 0}
.hhi-colour-choice .picker-error{color:#a32432;min-height:20px;margin:0;font-size:13px}
.hhi-colour-choice #native-colour-fallback label{display:block;margin:8px 0}
.hhi-colour-choice #native-colour-fallback input{min-height:44px;max-width:100%}
.catalogue-colour-live{display:none}
@media(max-width:900px){
 .hhi-detail-image [data-catalogue-photo]{height:390px}
 .catalogue-colour-live{display:flex;align-items:center;gap:20px;position:sticky;top:8px;z-index:12;background:var(--hhi-paper);border:1px solid var(--hhi-line);border-radius:12px;padding:10px 18px;box-shadow:0 8px 24px #20182b0f}
 .catalogue-colour-live [data-catalogue-photo]{width:70px;height:142px;flex-shrink:0}
 .catalogue-colour-live [data-catalogue-photo]>*{position:absolute;inset:0;display:block;width:100%;max-width:100%;height:142px;object-fit:contain;margin:0}
 .catalogue-colour-live p{font-size:13px;margin:8px 0 0}
 .catalogue-colour-live strong{font-size:14px}
}