.range-view-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}
.range-view-controls[hidden]{display:none}
.range-view-controls>p{margin:0;font-size:17px;font-weight:600;line-height:1.5}
.range-view-controls small{display:block;font-size:12px;font-weight:400;color:#655d70;margin-top:4px}
.range-view-controls [role=group]{display:flex;gap:4px;padding:4px;background:#eeece7;border-radius:8px}
.range-view-controls button{border:1px solid transparent;border-radius:5px;min-height:44px;padding:10px 18px;font-size:14px;color:#40354d;background:transparent;white-space:nowrap}
.range-view-controls button[aria-pressed=true]{background:#fff;border-color:#ddd7e4;color:#332483;box-shadow:0 1px 4px #241d3110}
[data-range-view] .hhi-product-picture{overflow:hidden}
[data-range-view] .hhi-product-picture>a{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;padding:18px}
[data-range-view] .hhi-product-picture>a>img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain;max-height:none}
[data-range-view] .hhi-product-picture [data-card-setting-image]{display:none}
[data-range-view=setting] .has-card-setting .hhi-product-picture>a{padding:0}
[data-range-view=setting] .has-card-setting [data-card-door-image]{display:none}
[data-range-view=setting] .has-card-setting .hhi-product-picture [data-card-setting-image]{display:block;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.card-setting-label{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);border-radius:4px;padding:5px 8px;background:#faf9f6ed;color:#40354d;font-size:10px;line-height:1.4;pointer-events:none}
[data-range-view=detail] .card-setting-label{display:none}
@media(max-width:760px){.range-view-controls{align-items:stretch;flex-direction:column;gap:12px;margin:18px 0}.range-view-controls [role=group]{display:grid;grid-template-columns:1fr 1fr}.range-view-controls button{padding:9px 12px;font-size:13px}.card-setting-label{font-size:9px;left:6px;bottom:6px;padding:4px 6px;max-width:calc(100% - 12px)}}
@media(prefers-reduced-motion:reduce){[data-card-setting] img{transition:none}}
