.image-hotline { display: block; position: relative; width: 100%; container-type: inline-size; }
.image-hotline > img { display: block; width: 100%; }
.image-hotline-label { position: absolute; display: flex; align-items: center; justify-content: center; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: 800; line-height: 1; pointer-events: none; }
.image-hotline[data-hotline-style="product"] .image-hotline-label { left: 58%; right: 0; top: 90%; bottom: 0; background: linear-gradient(#23872c, #14631d); color: #fff; font-size: 2.6cqw; }
.image-hotline[data-hotline-style="bag"] .image-hotline-label { left: 18.8%; top: 91.2%; width: 12%; height: 2.3%; background: #eee1c6; color: #07170b; font-size: 1.48cqw; }
.product-img > .image-hotline, .video-box > .image-hotline, .media-card > .image-hotline { height: 100%; }
.product-img > .image-hotline > img, .video-box > .image-hotline > img { height: 100%; object-fit: cover; }
.media-card > .image-hotline { width: 92px; height: 92px; flex-shrink: 0; }
.sp-side-products .image-hotline { width: 60px; height: 60px; flex-shrink: 0; }
.sp-side-products .image-hotline > img { width: 60px; height: 60px; object-fit: fill; }
.product-img:has(> .image-hotline) { aspect-ratio: 16 / 9; }
.hero-visual > .image-hotline > img { aspect-ratio: auto; }