/* Homepage first screen — desktop + shared. Inner pages untouched. */

body.page-home .home-slider__form {
  display: none !important;
}

body.page-mobile .home-slider__logo-mob {
  display: none !important;
}

body.page-mobile .home-slider > .home-slider__logo,
body.page-mobile .logo-block {
  display: none !important;
}

body.page-home .home-slider__intro-title {
  margin: 0 0 16px;
  font-weight: 700;
  line-height: 1.2;
}

body.page-home .home-slider__intro-text {
  margin: 0 0 26px;
  font-weight: 400;
  line-height: 1.45;
}

body.page-home .home-slider__intro-btn,
body.page-home .home-slider__intro-btn:hover,
body.page-home .home-slider__intro-btn:focus,
body.page-home .home-slider__intro-btn:active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  background: #c2281c;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  border-radius: 6px;
  outline: none;
  box-shadow: none;
  transition: background 0.25s ease;
}

body.page-home .home-slider__intro-btn:hover {
  background: #a81f16;
}

@media screen and (min-width: 992px) {
  body.page-mobile #header_block1.main-sub-header {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    gap: 18px !important;
    height: auto !important;
    min-height: 46px !important;
    padding: 10px 30px !important;
    background: #f3f3f3 !important;
    background-color: #f3f3f3 !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    z-index: 20 !important;
  }

  body.page-mobile #header_block1.main-sub-header > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body.page-mobile #header_block1.main-sub-header > span a,
  body.page-mobile #header_block1.main-sub-header > span a:hover,
  body.page-mobile #header_block1.main-sub-header > span a:focus {
    color: #333 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  body.page-mobile #header_block1.main-sub-header > span::before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
  }

  body.page-mobile #header_block1.main-sub-header > span:nth-of-type(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234c4c4c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.4-6.5-10.5a6.5 6.5 0 1 1 13 0c0 5.1-6.5 10.5-6.5 10.5z'/%3E%3Ccircle cx='12' cy='10.5' r='2.2'/%3E%3C/svg%3E") !important;
  }

  body.page-mobile #header_block1.main-sub-header > span:nth-of-type(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234c4c4c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21 3 6'/%3E%3Cline x1='9' y1='3' x2='9' y2='18'/%3E%3Cline x1='15' y1='6' x2='15' y2='21'/%3E%3C/svg%3E") !important;
  }

  body.page-mobile #header_block1.main-sub-header > span:nth-of-type(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234c4c4c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") !important;
  }

  body.page-mobile #header_block1.main-sub-header > span:nth-of-type(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234c4c4c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E") !important;
  }

  body.page-mobile #header_block1 .main-sub-header_highlight {
    position: static !important;
    left: auto !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #333 !important;
  }

  body.page-mobile #header_block1 .main-sub-header_highlight img {
    display: none !important;
  }

  body.page-mobile #header_block1 .main-sub-header_highlight::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234c4c4c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
  }

  body.page-mobile #header_block1 .main-sub-header_highlight a {
    color: #333 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  body.page-mobile #header_block1 .main-sub-header_highlight_call,
  body.page-mobile #header_block1 .main-sub-header_highlight_call:hover,
  body.page-mobile #header_block1 .main-sub-header_highlight_call:focus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 8px 18px !important;
    background: #c2281c !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    outline: none !important;
  }

  body.page-mobile #header_block1 .main-sub-header_highlight_call:hover {
    background: #a81f16 !important;
  }

  body.page-mobile #header_block1 .home-slider__logo {
    position: absolute !important;
    top: 100% !important;
    left: 30px !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    z-index: 21 !important;
  }

  body.page-mobile #header_block1 .home-slider__logo .home-slider__logo-desk,
  body.page-mobile .home-slider > .home-slider__logo .home-slider__logo-desk {
    display: block !important;
    width: 168px !important;
    max-width: 168px !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.page-mobile #header_block1 .home-slider__logo .home-slider__logo-mob,
  body.page-mobile .home-slider > .home-slider__logo .home-slider__logo-mob {
    display: none !important;
  }

  body.page-inner:not(:has(section.home-slider)) {
    padding-top: 140px !important;
  }

  body.page-inner:not(:has(section.home-slider)) .main-breadcrump {
    position: static !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    right: auto !important;
    left: auto !important;
  }

  body.page-inner:not(:has(section.home-slider)) #header_block1 .home-slider__logo .home-slider__logo-desk,
  body.page-inner:has(.home-features.features-features) #header_block1 .home-slider__logo .home-slider__logo-desk {
    display: none !important;
  }

  body.page-inner:not(:has(section.home-slider)) #header_block1 .home-slider__logo .home-slider__logo-mob,
  body.page-inner:has(.home-features.features-features) #header_block1 .home-slider__logo .home-slider__logo-mob {
    display: block !important;
    width: 168px !important;
    max-width: 168px !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.page-mobile #header_block.main-header,
  body.page-mobile #header_block.main-header_home {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    min-width: 1200px !important;
    margin-top: 85px !important;
    margin-bottom: 0 !important;
    padding: 0 30px 0 220px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.page-mobile #header_block #navbar.collapse {
    display: block !important;
    float: none !important;
    width: auto !important;
    overflow: visible !important;
  }

  body.page-mobile #header_block .navbar-nav,
  body.page-mobile #navbar .nav.navbar-nav {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 5px 6px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.page-inner:not(:has(section.home-slider)) #header_block .navbar-nav,
  body.page-inner:not(:has(section.home-slider)) #navbar .nav.navbar-nav,
  body.page-inner:has(.home-features.features-features) #header_block .navbar-nav,
  body.page-inner:has(.home-features.features-features) #navbar .nav.navbar-nav {
    background: #fff !important;
    border: 1px solid #c4c4c4 !important;
    box-shadow: none !important;
  }

  body.page-mobile #navbar .nav > li {
    display: block !important;
    float: none !important;
    position: relative !important;
  }

  body.page-mobile #navbar .nav > li.dropdown::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 14px !important;
    background: transparent !important;
  }

  body.page-mobile #navbar .nav > li > a,
  body.page-mobile #navbar .nav > li > a:hover,
  body.page-mobile #navbar .nav > li > a:focus,
  body.page-mobile #navbar .nav > li > a:active,
  body.page-mobile #navbar .nav .open > a,
  body.page-mobile #navbar .nav .open > a:hover,
  body.page-mobile #navbar .nav .open > a:focus,
  body.page-mobile #navbar .nav > .active > a,
  body.page-mobile #navbar .nav > .active > a:hover,
  body.page-mobile #navbar .nav > .current > a,
  body.page-mobile #navbar .nav > .current > a:hover,
  body.page-mobile #navbar .nav > .dropdown.current > a {
    display: block !important;
    padding: 8px 13px !important;
    color: #222 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  body.page-mobile #navbar .nav > li > a:hover,
  body.page-mobile #navbar .nav > li > a:focus,
  body.page-mobile #navbar .nav .open > a,
  body.page-mobile #navbar .nav .open > a:hover,
  body.page-mobile #navbar .nav .open > a:focus {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #222 !important;
  }

  body.page-mobile #navbar .nav > li > a .caret {
    border-top-color: #222 !important;
  }

  body.page-mobile #navbar .nav > .current > a,
  body.page-mobile #navbar .nav > .current > a:hover,
  body.page-mobile #navbar .nav > .current > a:focus,
  body.page-mobile #navbar .nav > .dropdown.current > a,
  body.page-mobile #navbar .nav > .dropdown.current > a:hover,
  body.page-mobile #navbar .nav > .active > a,
  body.page-mobile #navbar .nav > .active > a:hover {
    background: #c2281c !important;
    color: #fff !important;
  }

  body.page-mobile #navbar .nav > .current > a .caret,
  body.page-mobile #navbar .nav > .active > a .caret {
    border-top-color: #fff !important;
  }

  body.page-mobile #navbar .dropdown-menu {
    display: none;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    float: none !important;
    min-width: 260px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    overflow: visible !important;
    z-index: 30 !important;
  }

  body.page-mobile #navbar .nav > li.dropdown:hover > .dropdown-menu,
  body.page-mobile #navbar .nav > li.open > .dropdown-menu {
    display: block !important;
  }

  body.page-mobile #navbar .dropdown-menu > li > a,
  body.page-mobile #navbar .dropdown-menu > li > a:hover,
  body.page-mobile #navbar .dropdown-menu > li > a:focus,
  body.page-mobile #navbar .dropdown-menu > li > a:active {
    display: block !important;
    padding: 9px 14px !important;
    color: #222 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 0 !important;
    border-radius: 10px !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  body.page-mobile #navbar .dropdown-menu > li > a:hover,
  body.page-mobile #navbar .dropdown-menu > li > a:focus {
    background: #c2281c !important;
    color: #fff !important;
  }

  body.page-inner:has(section.home-slider) h1.main-name.name-slide,
  body.page-inner:has(section.home-slider) .name-slide {
    margin-top: -620px !important;
  }

  body.page-inner:has(section.home-slider) .main-breadcrump {
    margin-top: -585px !important;
  }

  body.page-inner:has(section.home-slider) .home-slider__block {
    margin-top: 255px !important;
  }

  body.page-inner:not(:has(section.home-slider)) h1.main-name.name-slide,
  body.page-inner:not(:has(section.home-slider)) .name-slide {
    position: static !important;
    margin-top: 0 !important;
    right: auto !important;
  }

  body.page-inner:not(:has(section.home-slider)) .bread-def {
    margin-top: 0 !important;
  }

  body.page-inner .main-footer_contacts {
    display: none !important;
  }

  body.page-home .home-slider::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.18) 0%, rgba(17, 17, 17, 0.42) 48%, rgba(17, 17, 17, 0.28) 100%);
    z-index: 4;
    pointer-events: none;
  }

  body.page-home #owl-home.owl-carousel,
  body.page-home #owl-home {
    display: block;
    position: relative;
    z-index: auto;
    min-height: 775px;
  }

  body.page-home #owl-home.owl-carousel > .item {
    display: none;
  }

  body.page-home #owl-home.owl-carousel > .item:first-child {
    display: block;
  }

  body.page-home .home-slider__intro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 80px);
    max-width: 760px;
    text-align: center;
    z-index: 12;
  }

  body.page-home .home-slider__intro-title {
    color: #fff;
    font-size: 44px;
    margin: 0 0 30px;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
  }

  body.page-home .home-slider__intro-text {
    color: #fff;
    font-size: 20px;
    max-width: 460px;
    margin: 0 auto 30px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  }

  body.page-home #owl-home .owl-controls {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 28px !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    z-index: 13 !important;
  }

  body.page-home #owl-home .owl-pagination {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  body.page-home #owl-home .owl-controls .owl-page {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px !important;
    background: none !important;
  }

  body.page-home #owl-home .owl-controls .owl-page span {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    background-color: rgba(255, 255, 255, 0.42) !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    transition: width 0.28s ease, background 0.28s ease !important;
  }

  body.page-home #owl-home .owl-controls .owl-page.active span,
  body.page-home #owl-home .owl-controls.clickable .owl-page:hover span {
    width: 28px !important;
    background: #fff !important;
    background-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
  }

  body.page-inner section.home-slider:has(#owl-sale) {
    position: relative;
  }

  body.page-inner #owl-sale {
    position: relative;
    z-index: auto;
  }

  body.page-inner #owl-sale .item {
    position: relative;
  }

  body.page-inner #owl-sale .item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.18) 0%, rgba(17, 17, 17, 0.42) 48%, rgba(17, 17, 17, 0.28) 100%);
    z-index: 4;
    pointer-events: none;
  }

  body.page-inner .slider-sale {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 12;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 80px);
    max-width: 760px;
    height: 775px;
    margin: 0;
    padding: 0;
    background: none;
    text-align: center;
  }

  body.page-inner .slider-sale-def_2,
  body.page-inner .slider-sale-def {
    color: #fff;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
  }

  body.page-inner .slider-sale-def_2 {
    font-size: 30px;
    line-height: 1.2;
    margin: 0 0 12px;
  }

  body.page-inner .slider-sale-def {
    font-size: 23px;
    line-height: 1.25;
    margin: 8px 0 0;
  }

  body.page-inner .slider-sale-red {
    color: #fe0c00;
    font-size: 50px;
    line-height: 1.15;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  }

  body.page-inner #owl-sale .owl-buttons {
    display: none !important;
  }

  body.page-inner #owl-sale .owl-controls {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 28px !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    z-index: 13 !important;
  }

  body.page-inner #owl-sale .owl-pagination {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  body.page-inner #owl-sale .owl-controls .owl-page {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px !important;
    background: none !important;
  }

  body.page-inner #owl-sale .owl-controls .owl-page span {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    background-color: rgba(255, 255, 255, 0.42) !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
    transition: width 0.28s ease, background 0.28s ease !important;
  }

  body.page-inner #owl-sale .owl-controls .owl-page.active span,
  body.page-inner #owl-sale .owl-controls.clickable .owl-page:hover span {
    width: 28px !important;
    background: #fff !important;
    background-color: #fff !important;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
  }
}