/* Product pictures remain the approved original files; concrete belongs to the layout. */
.home-view .vhp-section{max-width:1240px;padding:22px 24px 48px;margin:0 auto;display:grid;gap:24px;box-sizing:border-box;color:#303938}
.home-view .vhp-section *{box-sizing:border-box}
.home-view .vhp-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-width:0;border:1px solid #bdc5bf;border-radius:20px;overflow:hidden;background:#f2f3ed}
.home-view .vhp-copy{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:34px;min-width:0}
.home-view .vhp-eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;color:#65716a}
.home-view .vhp-copy h2{font:clamp(28px,3.4vw,44px)/1.2 VarioDesign,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 16px;overflow-wrap:anywhere}
.home-view .vhp-description{font:15px/1.65 Arial,sans-serif;margin:0 0 24px;max-width:28em}
.home-view .vhp-action{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;max-width:100%;padding:13px 18px;border-radius:7px;background:#303938;color:#f5f6f1;text-decoration:none;font:14px/1.45 Arial,sans-serif}
.home-view .vhp-action:hover{background:#49574b}
.home-view .vhp-secondary{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;color:inherit;font:13px/1.5 Arial,sans-serif;text-underline-offset:4px}
.home-view .vhp-note{font:12px/1.55 Arial,sans-serif;color:#647068;margin:14px 0 0;max-width:28em}
.home-view .vhp-photo{appearance:none;display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0;width:100%;padding:24px 20px 0;margin:0;border:0;border-left:1px solid #bdc5bf;border-radius:0;background:#dfe4e2 url('https://varioterm.com.ua/wp-content/themes/vario-term/vtd-concrete.webp') center/512px;background-blend-mode:multiply;color:#303938;cursor:pointer;overflow:hidden;text-align:center;touch-action:manipulation}
.home-view .vhp-picture{display:block;position:relative;min-width:0;width:100%;height:320px}
.home-view .vhp-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;margin:0;padding:16px 0;object-fit:contain;background:transparent;transition:opacity .22s ease}
.home-view .vhp-image-0{opacity:1}.home-view .vhp-image-1{opacity:0}
.home-view .vhp-photo[data-view=second] .vhp-image-0{opacity:0}.home-view .vhp-photo[data-view=second] .vhp-image-1{opacity:1}
.home-view .vhp-caption{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 0;font:12px/1.45 Arial,sans-serif}
.home-view .vhp-photo-hint{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #a7b2a9;border-radius:20px;background:#eef1e9e8;font:11px/1.3 Arial,sans-serif}
.home-view .vhp-photo-hint span{font-size:16px;line-height:1}
.home-view .vhp-vision .vhp-photo{order:-1;border-left:0;border-right:1px solid #bdc5bf}
.home-view .vhp-vision{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.home-view .vhp-action:focus-visible,.home-view .vhp-secondary:focus-visible,.home-view .vhp-photo:focus-visible{outline:3px solid #876a39;outline-offset:-5px}
@media(max-width:700px){
 .home-view .vhp-section{padding:0 16px 30px;gap:20px}
 .home-view .vhp-card,.home-view .vhp-vision{grid-template-columns:minmax(0,1fr)}
 .home-view .vhp-photo,.home-view .vhp-vision .vhp-photo{order:-1;border-left:0;border-right:0;border-bottom:1px solid #bdc5bf;padding:22px 14px 0}
 .home-view .vhp-picture{height:230px}
 .home-view .vhp-vision .vhp-picture{height:286px}
 .home-view .vhp-copy{padding:24px}
 .home-view .vhp-copy h2{font-size:29px;margin-bottom:12px}
 .home-view .vhp-description{font-size:14px;line-height:1.6;margin-bottom:18px}
 .home-view .vhp-action{width:100%;min-height:48px;font-size:13px}
 .home-view .vhp-caption{font-size:11px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.home-view .vhp-image{transition:none!important}}

/* Requested 80% image scale; layout and VISION preserved. */
.home-view .vhp-twins .vhp-image,.home-view .vhp-colours .vhp-image{transform:scale(.8);transform-origin:50% 50%}