/* V2ASHCHUK v0.19 — eight client corrections from 12.10.
   Built upon v0.18; Author: Эмиль. */

/* 01 — The black header contact button must meet the hero image seamlessly. */
.site-header-shell, .site-header { border-bottom:0; }
.site-header { min-height:var(--header-height); }
.site-header .v2-header-cta { height:var(--header-height); min-height:0; border-bottom:0; margin-bottom:0; box-shadow:none; }
.site-header .v2-header-cta:hover { box-shadow:none; }
.v2-home .v2-hero-image { border:0; }

/* 03 — Client requested removing vertical guide lines throughout the site. */
#content { background-image:none; }
.v2-has-about-grid .v2-about-page,
.v2-has-about-grid .site-footer,
.v2-about-page { background-image:none; background-color:#000; }
.site-footer { background-image:none; }
.v2-configurator:not(.v2-configurator--page) {
  /* Keep the supplied Vector.png art; remove only the vertical grid overlay. */
  background-image:url('../images/Vector.png');
  background-size:min(84%,1540px) auto;
  background-repeat:no-repeat;
  background-position:center;
}

/* 04 — The client no longer wants a background wordmark on the configurator art. */
.v2-configurator .v2-config-art { background: transparent; }
.v2-configurator .v2-config-art::before { content: none; display: none; }
.v2-configurator .v2-config-art-image { position: relative; z-index: 1; }

/* 02 — Four photos of the product fit within a typical desktop viewport.
   All later gallery images remain accessible by scrolling normally. */
@media (min-width:1200px) {
  .v2-single-product-page > .site-wrap { padding-top:24px; }
  .v2-single-product-page .v2-breadcrumb { margin-bottom:22px; }
  .v2-single-product { align-items:start; gap:clamp(20px,2.1vw,40px); }
  .v2-single-product .v2-product-gallery-item:not(.large) {
    height:clamp(195px,33svh,365px); aspect-ratio:auto;
  }
  .v2-product-summary h1 { margin-bottom:12px; font-size:clamp(32px,2.4vw,46px); }
  .v2-product-price-main { padding-block:14px; }
  .v2-product-order-actions { margin-top:12px; }
  .v2-product-details { margin-top:16px; }
  .v2-product-details details { margin-bottom:10px; }
}

/* The client's mobile screenshot also shows over-cropped hero photography.
   Contain the full image rather than enlarging and cutting off the people. */
@media(max-width:767px) {
  .v2-home .v2-hero-image img { object-fit:contain; object-position:center; }
}

/* 08 — The original Woo image is now requested in non-cropped 'large' size.
   No object-fit cover, including mobile carousel slides. */
.v2-single-product-page .v2-product-gallery-item,
.v2-single-product-page .v2-product-gallery-item.large { background:#e8e8e8; }
.v2-single-product-page .v2-product-gallery-item img,
.v2-single-product-page .v2-product-full-photo,
.v2-single-product-page .v2-product-gallery-item.large img {
  width:100%; height:100%; object-fit:contain; object-position:center;
}

/* 05 — Keep the mobile lock control inside its thumbnail at all times. */
@media (max-width:767px) {
  .v2-config-card .v2-config-pic { min-width:0; }
  .v2-config-card .v2-lock-toggle,
  .v2-configurator--page .v2-config-card .v2-lock-toggle {
    width:34px; min-width:34px; height:34px; min-height:34px;
    margin:6px; padding:5px; gap:0; font-size:0;
    justify-self:end; align-self:start;
  }
  .v2-config-card .v2-lock-toggle .v2-lock-label,
  .v2-config-card .v2-lock-toggle[aria-pressed='true'] .v2-lock-label { display:none; }
  .v2-config-card .v2-lock-toggle .v2-lock-icon { width:20px; height:20px; flex:0 0 20px; }

}

/* 06 — The entire mobile consent row must be tappable, not just 20px checkbox. */
.v2-contact-card .v2-consent,
.v2-contact-dialog-form .v2-consent,
.v2-review-dialog .v2-consent {
  display:grid; grid-template-columns:24px minmax(0,1fr);
  align-items:start; gap:10px; width:100%; min-height:44px;
  position:relative; z-index:2; cursor:pointer; touch-action:manipulation;
}
.v2-consent > input[type='checkbox'] {
  width:24px; height:24px; min-width:24px; min-height:24px;
  margin:0; position:relative; z-index:1;
  cursor:pointer; pointer-events:auto; touch-action:manipulation;
}
.v2-consent > span { display:block; min-width:0; cursor:pointer; }
.v2-consent a { position:relative; z-index:2; }
@media (max-width:767px) {
  .v2-contact-card .v2-consent, .v2-contact-dialog-form .v2-consent,
  .v2-review-dialog .v2-consent { min-height:48px; }
}

/* 07 — One focus rectangle, exactly on top of the filter input wrapper. */
.v2-filter-dialog .v2-price-inputs input:focus,
.v2-filter-dialog .v2-price-inputs input:focus-visible {
  outline:none; box-shadow:none; border:0;
}
.v2-filter-dialog .v2-price-inputs label:focus-within {
  outline:1px solid #000; outline-offset:-1px; box-shadow:none;
}

/* Preserve reduced-motion/accessibility settings. */
@media (prefers-reduced-motion:reduce) {

}