/*
 * MSC homepage repair layer
 * Scope: public front page (Elementor page 4179) only.
 * Rollback: deactivate the MSC Homepage Visual Fixes plugin.
 */

/* Keep keyboard navigation visible without changing the site's visual language. */
body.home.page-id-4179 a:focus-visible,
body.home.page-id-4179 button:focus-visible,
body.home.page-id-4179 [role="tab"]:focus-visible {
  outline: 3px solid #2176ae;
  outline-offset: 3px;
}

/* Slider Revolution: preserve the original photos and copy, improve legibility. */
body.home.page-id-4179 #rev_slider_7_1 rs-slide::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7, 18, 28, 0.48) 0%, rgba(7, 18, 28, 0.18) 58%, rgba(7, 18, 28, 0.03) 100%);
}

body.home.page-id-4179 #rev_slider_7_1 rs-layer {
  z-index: 4 !important;
}

body.home.page-id-4179 #rev_slider_7_1 rs-layer[id$="-layer-7"] {
  max-width: min(920px, calc(100vw - 48px)) !important;
  text-wrap: balance;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

body.home.page-id-4179 #rev_slider_7_1 rs-layer[id$="-layer-8"] {
  max-width: min(760px, calc(100vw - 48px)) !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.42);
}

/* Intro: reduce the oversized gray block and keep long copy readable. */
body.home.page-id-4179 [data-id="582337bd"] {
  min-height: 0 !important;
  padding: 34px 24px !important;
}

body.home.page-id-4179 [data-id="582337bd"] > .elementor-container {
  max-width: 1060px;
}

body.home.page-id-4179 [data-id="582337bd"] h1,
body.home.page-id-4179 [data-id="582337bd"] h2,
body.home.page-id-4179 [data-id="582337bd"] h3,
body.home.page-id-4179 [data-id="582337bd"] .title {
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.22 !important;
  text-wrap: balance;
}

body.home.page-id-4179 [data-id="582337bd"] p,
body.home.page-id-4179 [data-id="582337bd"] .title-after_title {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
  line-height: 1.7;
}

/* Section rhythm: remove empty-looking gaps while keeping the existing order. */
body.home.page-id-4179 [data-id="73f2a7b"],
body.home.page-id-4179 [data-id="2771732"] {
  min-height: 0 !important;
  padding: 32px 20px 18px !important;
}

body.home.page-id-4179 [data-id="e40dabf"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.home.page-id-4179 [data-id="e40dabf"] .promo-banner .content-banner {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.34);
}

/* Product + About block: give real products enough room on desktop. */
body.home.page-id-4179 [data-id="7952c407"] {
  min-height: 0 !important;
  padding-top: 28px !important;
  padding-bottom: 64px !important;
}

body.home.page-id-4179 [data-id="7952c407"] > .elementor-container {
  max-width: 1220px;
}

body.home.page-id-4179 [data-id="e73db31"] .product-grid-item {
  margin-bottom: 24px;
}

body.home.page-id-4179 [data-id="e73db31"] .product-element-top {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f4f6f8;
}

body.home.page-id-4179 [data-id="e73db31"] .product-image-link,
body.home.page-id-4179 [data-id="e73db31"] .product-image-link img {
  width: 100%;
  height: 100%;
}

body.home.page-id-4179 [data-id="e73db31"] .product-image-link img {
  object-fit: contain;
}

body.home.page-id-4179 [data-id="e73db31"] .wd-entities-title {
  font-size: 15px;
  line-height: 1.4;
}

body.home.page-id-4179 [data-id="ce608ce"] {
  max-width: 620px;
}

body.home.page-id-4179 [data-id="ce608ce"] p {
  line-height: 1.72;
}

@media (min-width: 1025px) {
  body.home.page-id-4179 [data-id="7952c407"] > .elementor-container > .elementor-column:first-child {
    width: 62%;
  }

  body.home.page-id-4179 [data-id="7952c407"] > .elementor-container > .elementor-column:last-child {
    width: 38%;
    padding-left: 34px;
  }
}

/* Why Choose Us: preserve the site's photo tabs and only normalize the section spacing. */
body.home.page-id-4179 [data-id="86ede8c"] {
  min-height: 0 !important;
  padding-top: 42px !important;
  padding-bottom: 54px !important;
}

/* Mobile: improve density without turning the page into a new design. */
@media (max-width: 767px) {
  body.home.page-id-4179 #rev_slider_7_1 rs-slide::after {
    background: linear-gradient(180deg, rgba(7, 18, 28, 0.16) 0%, rgba(7, 18, 28, 0.52) 72%, rgba(7, 18, 28, 0.66) 100%);
  }

  body.home.page-id-4179 #rev_slider_7_1 rs-layer[id$="-layer-7"] {
    max-width: calc(100vw - 56px) !important;
    font-size: clamp(27px, 8.2vw, 32px) !important;
    line-height: 1.16 !important;
  }

  body.home.page-id-4179 #rev_slider_7_1 rs-layer[id$="-layer-8"] {
    max-width: calc(100vw - 44px) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body.home.page-id-4179 [data-id="582337bd"] {
    padding: 26px 10px !important;
  }

  body.home.page-id-4179 [data-id="582337bd"] h1,
  body.home.page-id-4179 [data-id="582337bd"] h2,
  body.home.page-id-4179 [data-id="582337bd"] h3,
  body.home.page-id-4179 [data-id="582337bd"] .title {
    text-wrap: normal;
  }

  body.home.page-id-4179 [data-id="582337bd"] p,
  body.home.page-id-4179 [data-id="582337bd"] .title-after_title {
    line-height: 1.6;
  }

  body.home.page-id-4179 [data-id="73f2a7b"],
  body.home.page-id-4179 [data-id="2771732"] {
    padding: 30px 18px 16px !important;
  }

  body.home.page-id-4179 [data-id="7952c407"] {
    padding: 20px 12px 46px !important;
  }

  body.home.page-id-4179 [data-id="7952c407"] > .elementor-container {
    column-gap: 0;
  }

  body.home.page-id-4179 [data-id="e73db31"] .product-grid-item {
    margin-bottom: 18px;
  }

  body.home.page-id-4179 [data-id="e73db31"] .wd-entities-title {
    font-size: 14px;
  }

  body.home.page-id-4179 [data-id="ce608ce"] {
    margin-top: 28px;
  }

  body.home.page-id-4179 [data-id="86ede8c"] {
    padding: 20px 18px 24px !important;
  }

  body.home.page-id-4179 #chaty-widget-0 .chaty-widget {
    left: 16px !important;
    bottom: 16px !important;
  }

  body.home.page-id-4179 #chaty-widget-0 .chaty-channel,
  body.home.page-id-4179 #chaty-widget-0 .chaty-tooltip,
  body.home.page-id-4179 #chaty-widget-0 .chaty-icon,
  body.home.page-id-4179 #chaty-widget-0 .chaty-svg,
  body.home.page-id-4179 #chaty-widget-0 .open-chaty {
    width: 46px !important;
    height: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home.page-id-4179 *,
  body.home.page-id-4179 *::before,
  body.home.page-id-4179 *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
