/* =========================================================
   FRAME GLOW — same treatment as the photo in "О компании":
   thin light-blue border, soft blue glow; on hover the glow
   grows and pictures brighten slightly.
   Loaded last so it wins over older per-section shadows.
========================================================= */

.directions-preview,
.contacts-map,
.contacts-card,
.project-feature-image,
.project-image,
.project-info,
.pg-item,
.hero-image,
.pump-panel{
    border:1px solid rgba(120,185,255,.25) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.04),
        0 0 30px rgba(22,123,255,.12),
        0 30px 70px rgba(0,0,0,.40) !important;
    transition:
        box-shadow .45s ease,
        border-color .45s ease !important;
}

.directions-preview:hover,
.contacts-map:hover,
.contacts-card:hover,
.project-feature-image:hover,
.project-image:hover,
.project-info:hover,
.pg-item:hover,
.hero-image:hover,
.pump-panel:hover{
    border-color:rgba(120,185,255,.38) !important;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.04),
        0 0 45px rgba(22,123,255,.28),
        0 30px 70px rgba(0,0,0,.40) !important;
}

/* pictures inside the frames brighten a touch, like the About photo */
.directions-preview img,
.project-feature-image img,
.project-image img,
.pg-item img,
.hero-image img{
    transition:filter .45s ease;
}

.directions-preview:hover img,
.project-feature-image:hover img,
.project-image:hover img,
.pg-item:hover img,
.hero-image:hover img{
    filter:brightness(1.08);
}

/* ---------------------------------------------------------
   Catalog photos: anchor to the top edge. The frame is wider
   than the 3:2 source on desktop (16:9 / 2.1:1), so any crop
   now comes off the bottom (under the dark fade) instead of
   cutting off the top of the machine.
--------------------------------------------------------- */
.dir-panel-photo img{
    object-position:center top !important;
}

/* The projects slider clips its content, so the card photo keeps a
   plain frame here — widening the clip box used to reveal a strip of
   the neighbouring card while sliding. */