/* Image presentation: keep real product edges and text intact at every screen size. */
body.site-cinematic .product-card img.product-image,
body.site-cinematic .cart-item-image img,
body.site-cinematic .thumbnail-images img.thumbnail {
    object-fit: contain;
    object-position: center;
    image-rendering: auto;
    filter: none;
    opacity: 1;
}
body.site-cinematic .product-card img.product-image { width: 100%; box-sizing: border-box; }
body.site-cinematic .main-image img {
    object-fit: contain;
    image-rendering: auto;
    filter: none;
    max-width: 100%;
    box-sizing: border-box;
    padding: clamp(10px, 1.5vw, 20px);
}
.harmenco-image-zoom { display: block; cursor: zoom-in; }
.harmenco-image-zoom:focus-visible { outline: 3px solid #72c4ff; outline-offset: 4px; border-radius: 24px; }
body.home-page .harmenco-cinema__video {
    animation: none;
    transform: none;
    filter: none;
}
body.home-page .harmenco-cinema__grain { opacity: 0.015; }
body.home-page .harmenco-bento__unified {
    filter: brightness(0.94);
    transform: none;
    image-rendering: auto;
}
body.home-page .harmenco-bento__grid::after {
    background: linear-gradient(180deg, rgba(4,8,12,0.08), rgba(4,8,12,0.12) 50%, rgba(4,8,12,0.45));
}
.harmenco-image-dialog {
    max-width: min(96vw, 1800px);
    width: max-content;
    max-height: 94dvh;
    padding: 46px 12px 12px;
    border: 1px solid #4b6275;
    border-radius: 16px;
    background: #0b141e;
    color: #eef5fb;
    overflow: auto;
}
.harmenco-image-dialog::backdrop { background: rgba(0,0,0,0.86); }
.harmenco-image-dialog img { display: block; max-width: 90vw; max-height: 80dvh; width: auto; height: auto; object-fit: contain; border-radius: 8px; }
.harmenco-image-dialog__close { position: absolute; top: 4px; right: 8px; min-height: 36px; padding: 6px 14px; border: 1px solid #50687c; border-radius: 40px; color: #fff; background: #16344b; cursor: pointer; }
@media(max-width:767px) {
    body.home-page .harmenco-bento__unified { filter: brightness(0.85); }
    body.home-page .harmenco-bento__card { background: linear-gradient(0deg,rgba(4,8,12,0.92),rgba(4,8,12,0.42) 65%,rgba(4,8,12,0.06)); }
}
