.product-image{position:relative;height:clamp(220px,23vw,330px);padding:30px;background:#fff;overflow:hidden}
.product-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none!important}
.product:hover .product-image img{transform:scale(1.025)!important}
.spotlight-image img{width:100%;height:100%;object-fit:contain;transform:none!important;mix-blend-mode:normal}
.hero-visual{min-width:0;display:flex;flex-direction:column;justify-content:center}
.hero-image-frame{flex:0 0 auto;min-width:0;max-width:100%}
.hero-image-frame #hero-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
.hero-image-frame #hero-image[src$="axtor-2-transparent.png"]{scale:1.25}
.hero-image-frame #hero-image[src$="axtor-4-transparent.png"]{scale:1.08}
.product-info>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:5px;background:#f4f6fb;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.product-info>a::after{content:'↗';font-size:20px;line-height:1;transition:transform .2s}
.product-info>a:hover,.product-info>a:focus-visible{background:var(--navy);color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 24px #1b25642d}
.product-info>a:hover::after,.product-info>a:focus-visible::after{transform:translate(2px,-2px)}
.product-image-link{position:absolute;inset:0;z-index:3;border-radius:inherit}
.product-image-link:focus-visible,.product-media-main:focus-visible,.product-media-thumb:focus-visible,.gallery-dialog button:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.product-image:has(.product-image-link){cursor:pointer}
.catalog-product-image.product-media-gallery,.category-image.product-media-gallery{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px;padding:10px;overflow:hidden;background:linear-gradient(145deg,#f9fafc,#ebedf4);align-items:stretch;justify-content:stretch}
.category-image.product-media-gallery{grid-template-columns:minmax(0,1fr) 50px;gap:6px;padding:8px}
.category-image.product-media-gallery .product-media-main{background:transparent}
.category-image.product-media-gallery .product-media-main img{box-sizing:border-box;padding:8px;object-position:center}
.product-media-main,.product-media-thumb{border:0;cursor:pointer;position:relative;background:#fff;overflow:hidden;padding:0}
.product-media-main{border-radius:5px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.product-media-main img,.product-media-thumb img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none!important;transition:transform .35s ease}
.product-media-main:hover img,.product-media-thumb:hover img{transform:scale(1.045)!important}
.product-media-hint{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:29px;line-height:1;box-shadow:0 4px 15px #101b4560}
.product-media-thumbs{min-height:0;display:flex;flex-direction:column;gap:6px}
.product-media-thumb{flex:1;min-height:0;max-height:78px;border:1px solid #d9dce5;border-radius:5px}
.category-image .product-media-thumb{max-height:54px}
.product-media-thumb:hover{border-color:var(--orange)}
.gallery-play{position:absolute;inset:0;display:grid;place-items:center;background:#101b4599;color:#fff;font-size:22px;text-shadow:0 2px 7px #000}
.gallery-open{overflow:hidden}
.gallery-dialog{width:min(1280px,96vw);max-width:none;max-height:96vh;margin:auto;padding:0;border:1px solid #ffffff2b;border-radius:12px;background:#10172b;color:#fff;box-shadow:0 30px 80px #0008;overflow:hidden}
.gallery-dialog::backdrop{background:#050b1be6;backdrop-filter:blur(8px)}
.gallery-shell{display:flex;flex-direction:column;max-height:96vh;padding:14px 16px 16px;gap:10px}
.gallery-top{display:flex;align-items:center;gap:14px;min-height:42px}
.gallery-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(22px,2.2vw,30px);font-weight:600}
.gallery-counter{margin-left:auto;color:#c7cede;font-size:14px;white-space:nowrap}
.gallery-close,.gallery-nav{border:1px solid #ffffff42;background:#182342d9;color:white;cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s}
.gallery-close:hover,.gallery-nav:hover{background:var(--orange);border-color:var(--orange)}
.gallery-close{width:40px;height:40px;border-radius:50%;font-size:30px;line-height:1}
.gallery-stage{position:relative;display:block;flex:0 1 auto;width:100%;height:min(72vh,760px);max-height:calc(96vh - 140px);min-height:140px;background:#080d1b;border-radius:7px;overflow:hidden}
.gallery-full-image,.gallery-full-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.gallery-dialog [hidden]{display:none!important}
.gallery-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:46px;height:56px;border-radius:8px;font-size:38px;line-height:1}
.gallery-prev{left:14px}.gallery-next{right:14px}
.gallery-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin}
.gallery-strip-item{position:relative;flex:0 0 76px;width:76px;height:58px;border:2px solid transparent;border-radius:5px;overflow:hidden;background:#fff;cursor:pointer;padding:0}
.gallery-strip-item[aria-current="true"]{border-color:var(--orange)}
.gallery-strip-item img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-strip-item .gallery-play{font-size:20px}
@media(max-width:700px){.catalog-product-image.product-media-gallery{grid-template-columns:minmax(0,1fr) 56px;gap:6px;padding:7px}.gallery-shell{padding:10px;gap:8px}.gallery-stage{height:68vh}.gallery-nav{width:38px;height:48px;font-size:31px}.gallery-prev{left:6px}.gallery-next{right:6px}.gallery-counter{font-size:12px}.gallery-strip-item{flex-basis:64px;width:64px;height:50px}}
@media(max-width:540px){.product-image{height:290px;padding:28px}.hero-image-frame #hero-image{object-position:center}}
@media(max-width:420px){.gallery-title{font-size:20px}.gallery-counter{font-size:11px}.gallery-stage{height:64vh}}
@media(prefers-reduced-motion:reduce){.product-media-main img,.product-media-thumb img,.gallery-dialog button{transition:none}}

/* Banner: larger images, tighter left/top spacing, caption aligned with the image box. */
.hero-visual{padding-top:0}
.hero-visual .image-caption{margin:12px 0 0;padding:14px 0 0;box-sizing:border-box;width:100%;align-items:center}
@media(min-width:801px){
  .hero-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .hero-visual{--hero-extend:clamp(32px,4.5vw,72px);width:calc(100% + var(--hero-extend));margin-left:calc(var(--hero-extend) * -1)}
  .hero-image-frame{height:clamp(470px,42vw,540px)}
  .visual-number{top:-40px}
}
@media(min-width:541px) and (max-width:800px){.hero-image-frame{height:clamp(380px,56vw,440px)}}
@media(max-width:540px){.hero-visual .hero-image-frame{height:340px}}