/* Mobile layout from the supplied 360 px Figma SVG. */
@media (max-width: 575px) {
  html,
  body {
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
    scrollbar-width: none;
  }

  body::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  /* Mobile header: 48 px contacts row + 78 px logo/search row. */
  #top {
    position: absolute !important;
    inset: 0 0 auto !important;
    z-index: 1400 !important;
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    background: #35404c !important;
    box-shadow: none !important;
  }

  #top > .container {
    position: relative !important;
    width: 360px !important;
    max-width: 100% !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }

  #top > .container > * {
    display: none !important;
  }

  #top #us_menu_mobile_button {
    position: absolute !important;
    top: 0 !important;
    right: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 48px !important;
    color: #fff !important;
    cursor: pointer !important;
  }

  #top #us_menu_mobile_button svg,
  #top #us_menu_mobile_button span {
    display: none !important;
  }

  #top #us_menu_mobile_button::before {
    content: "";
    width: 24px;
    height: 16px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    background: linear-gradient(#fff, #fff) center / 100% 3px no-repeat;
  }

  header {
    position: relative !important;
    top: 0 !important;
    z-index: 1300 !important;
    width: 100% !important;
    height: 126px !important;
    min-height: 126px !important;
    margin: 0 !important;
    padding: 48px 0 0 !important;
    background: #fff !important;
  }

  header > .container {
    width: 360px !important;
    max-width: 100% !important;
    height: 78px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }

  header > .container > .row {
    position: relative !important;
    display: block !important;
    height: 78px !important;
    margin: 0 !important;
  }

  header #logo {
    position: absolute !important;
    top: 13.5px !important;
    left: -7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 72.6px !important;
    max-width: 72.6px !important;
    height: 49.5px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  header #logo > a {
    display: block !important;
    width: 72.6px !important;
    height: 49.5px !important;
    line-height: 0 !important;
  }

  header #logo .us-logo-img {
    display: block !important;
    width: 72.6px !important;
    max-width: 72.6px !important;
    height: 49.5px !important;
    max-height: 49.5px !important;
    content: url('/catalog/view/theme/oct_ultrastore/image/logo-mobile-4x.png?v=1') !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: auto !important;
  }

  header .us-search-box,
  header .us-search-box_hidden {
    position: absolute !important;
    top: 13px !important;
    left: 79.6px !important;
    display: block !important;
    width: calc(100% - 79.6px) !important;
    max-width: calc(100% - 79.6px) !important;
    height: 40px !important;
    padding: 0 !important;
  }

  header #search,
  header #search .header-input-group,
  header #search .header-input {
    height: 40px !important;
    min-height: 40px !important;
  }

  header #search .header-input {
    padding: 0 42px 0 14px !important;
    border: 1px solid #71be00 !important;
    border-radius: 0 !important;
    font-size: 12px !important;
  }

  header #search .header-btn-search {
    width: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  header > .container > .row > .us-phone-box {
    position: fixed !important;
    top: 0 !important;
    left: max(20px, calc((100vw - 360px) / 2 + 20px)) !important;
    z-index: 1210 !important;
    display: flex !important;
    align-items: center !important;
    width: 220px !important;
    max-width: 220px !important;
    height: 48px !important;
    padding: 0 !important;
    color: #fff !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box {
    width: auto !important;
    height: 48px !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(3) {
    order: 1 !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(1) {
    order: 2 !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(2) {
    order: 3 !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(3) li:nth-child(2) {
    display: none !important;
  }

  header > .container > .row > .us-phone-box .us-footer-contact-list {
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  header > .container > .row > .us-phone-box .us-footer-contact-item,
  header > .container > .row > .us-phone-box .us-footer-contact-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
  }

  header > .container > .row > .us-phone-box .us-footer-contact-link svg {
    width: 24px !important;
    height: 24px !important;
  }

  header > .container > .row > .us-phone-box .us-footer-contact-link svg circle {
    fill: transparent !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(3) li:nth-child(3) a {
    filter: grayscale(1) brightness(0) invert(1) !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(1) a,
  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(2) a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(1) a::before {
    content: "\2709";
    color: #fff;
    font-size: 25px;
    line-height: 1;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(2) .us-phone-img {
    display: none !important;
  }

  header > .container > .row > .us-phone-box > .us-phone-box:nth-child(2) a::before {
    content: "\260e";
    color: #fff;
    font-size: 25px;
    line-height: 1;
  }

  header .wight991,
  header .v2-header-actions,
  header #cart,
  .menu-row,
  .sticky-top {
    display: none !important;
  }

  .home-v2 {
    width: 100% !important;
    overflow: hidden !important;
  }

  .home-v2 .container {
    width: 320px !important;
    max-width: 320px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .home-v2 .v2-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    padding-top: 17px !important;
  }

  .home-v2 .v2-slides,
  .home-v2 .v2-slide {
    width: 320px !important;
    height: 250px !important;
    min-height: 250px !important;
    border-radius: 0 !important;
  }

  .home-v2 .v2-slide {
    padding: 30px 20px 18px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .home-v2 .v2-slide .v2-slide-title {
    width: 190px !important;
    max-width: 190px !important;
    margin: 0 0 8px !important;
    font-size: 16px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  .home-v2 .v2-slide-subtitle {
    width: 190px !important;
    max-width: 190px !important;
    margin: 0 0 8px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .home-v2 .v2-slide-facts,
  .home-v2 .v2-hero-facts {
    width: 190px !important;
    max-width: 190px !important;
    margin: 0 0 10px !important;
    font-size: 8px !important;
    line-height: 12px !important;
  }

  .home-v2 .v2-slide .v2-button {
    width: auto !important;
    min-width: 142px !important;
    min-height: 31px !important;
    padding: 7px 12px !important;
    font-size: 9px !important;
    line-height: 17px !important;
  }

  .home-v2 .v2-dots {
    left: 20px !important;
    bottom: 14px !important;
    gap: 7px !important;
  }

  .home-v2 .v2-dot {
    width: 8px !important;
    height: 8px !important;
  }

  .home-v2 .v2-dot.is-active {
    width: 16px !important;
  }

  .home-v2 .v2-hero-promos {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 320px !important;
  }

  .home-v2 .v2-promo {
    width: 320px !important;
    border-radius: 0 !important;
    padding: 25px 20px !important;
  }

  .home-v2 .v2-promo-dark {
    height: 226px !important;
    min-height: 226px !important;
  }

  .home-v2 .v2-promo-green {
    height: 204px !important;
    min-height: 204px !important;
  }

  /* Keep the existing live links, but reproduce the 360 px Figma cards. */
  .home-v2 .v2-hero-promos .v2-promo {
    position: relative !important;
    display: block !important;
    background-repeat: no-repeat !important;
  }

  .home-v2 .v2-hero-promos .v2-promo-dark {
    background-color: #35404c !important;
    background-image: linear-gradient(90deg, rgba(43, 54, 66, .98) 0%, rgba(43, 54, 66, .90) 48%, rgba(43, 54, 66, .10) 78%), url('/image/catalog/figma-home/promo-nonstandard.png') !important;
    background-position: center, right bottom !important;
    background-size: cover, auto 100% !important;
  }

  .home-v2 .v2-hero-promos .v2-promo-green {
    background-color: #71be00 !important;
    background-image: url('/image/catalog/figma-home/promo-calculator.png') !important;
    background-position: right center !important;
    background-size: auto 100% !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > span {
    display: block !important;
    visibility: visible !important;
    max-width: 190px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > p {
    display: block !important;
    visibility: visible !important;
    max-width: 190px !important;
    margin: 9px 0 0 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    position: absolute !important;
    z-index: 2 !important;
    bottom: 31px !important;
    left: 20px !important;
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: 149px !important;
    min-width: 149px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #71be00 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background-color .2s ease !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button:hover {
    background: #8bd200 !important;
  }

  .home-v2 .v2-hero-promos .v2-promo-green > .v2-promo-button {
    background: #dce1e5 !important;
    color: #566271 !important;
  }

  .home-v2 .v2-hero-promos .v2-promo-green > .v2-promo-button:hover {
    background: #edf0f2 !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    display: none !important;
  }

  .home-v2 .v2-promo h2,
  .home-v2 .v2-promo h3 {
    max-width: 190px !important;
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
  }

  .home-v2 .v2-promo p {
    max-width: 190px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  /* Figma 360: two native, clickable cards below the slider. */
  .home-v2 .v2-hero-promos {
    position: relative !important;
    display: flex !important;
    width: 320px !important;
    height: 444px !important;
    min-height: 444px !important;
    gap: 14px !important;
    background: none !important;
  }

  .home-v2 .v2-hero-promos .v2-promo {
    position: relative !important;
    z-index: 1 !important;
    width: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
  }

  .home-v2 .v2-hero-promos .v2-promo-dark {
    height: 226px !important;
    min-height: 226px !important;
  }

  .home-v2 .v2-hero-promos .v2-promo-green {
    height: 204px !important;
    min-height: 204px !important;
  }

  .home-v2 .v2-benefits {
    display: grid !important;
    grid-template-columns: repeat(2, 152px) !important;
    gap: 10px 16px !important;
    width: 320px !important;
    margin-top: 56px !important;
  }

  .home-v2 .v2-benefits > a {
    display: flex !important;
    flex-direction: column !important;
    width: 152px !important;
    height: 292px !important;
    min-height: 292px !important;
    padding: 28px 12px 14px !important;
    overflow: hidden !important;
  }

  .home-v2 .v2-benefits b {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .home-v2 .v2-benefits span {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  /* Match the three-line description height of the neighbouring card so the
   * fourth-card heading starts on the same baseline. */
  .home-v2 .v2-benefits > a:nth-child(4) > span {
    min-height: 45px !important;
  }

  .home-v2 .v2-benefits i {
    position: static !important;
    width: 100% !important;
    height: 132px !important;
    margin: auto 0 0 !important;
    transform: none !important;
  }

  .home-v2 .v2-benefits i img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .home-v2 .v2-section {
    margin-top: 54px !important;
  }

  .home-v2 .v2-heading {
    margin-bottom: 18px !important;
  }

  .home-v2 .v2-heading h2,
  .home-v2 > section > h2 {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  .home-v2 .v2-product-slot {
    width: 320px !important;
    overflow: hidden !important;
  }

  .home-v2 .v2-product-slot > .row,
  .home-v2 .v2-product-slot .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-v2 .v2-product-slot .us-item {
    flex: 0 0 152px !important;
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-v2 .v2-product-slot .us-module-item {
    box-sizing: border-box !important;
    width: 152px !important;
    min-width: 152px !important;
    min-height: 484px !important;
    padding: 10px 9px 12px !important;
    overflow: hidden !important;
    border: 1px solid #e5e9ec !important;
    background: #fff !important;
    box-shadow: 0 4px 11px rgba(35, 47, 57, .12) !important;
  }

  .home-v2 .v2-product-slot .us-module-img {
    display: flex !important;
    width: 132px !important;
    height: 166px !important;
    margin: 20px 0 9px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home-v2 .v2-product-slot .us-module-img img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
  }

  .home-v2 .v2-product-slot .us-module-buttons-list {
    top: 10px !important;
    right: 9px !important;
    display: flex !important;
    gap: 6px !important;
  }

  .home-v2 .v2-product-slot .us-module-title {
    min-height: 54px !important;
    margin: 0 0 8px !important;
    overflow: hidden !important;
    color: #52606f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  .home-v2 .v2-product-slot .us-module-price {
    margin: 0 0 5px !important;
    color: #8b949c !important;
    font-size: 11px !important;
  }

  .home-v2 .v2-product-slot .us-module-attr-cont {
    min-height: 62px !important;
    margin: 0 !important;
    font-size: 11px !important;
  }

  .home-v2 .v2-product-slot .us-module-cart-btn {
    width: 100% !important;
    min-height: 40px !important;
    margin-top: auto !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  /* Mobile Figma product card. The card enhancement is shared with desktop;
     this block only maps its dimensions to the 152px mobile tile. */
  .home-v2 .v2-product-slot .us-module-item.v2-new-card {
    position: relative !important;
    display: block !important;
    height: 451px !important;
    min-height: 451px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(38, 52, 67, .18) !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-img {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    width: 132px !important;
    height: 175px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-img > a,
  .home-v2 .v2-product-slot .v2-new-card .us-module-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-img img {
    object-fit: contain !important;
  }

  .home-v2 .v2-product-slot .v2-new-grade {
    position: absolute !important;
    z-index: 2 !important;
    top: 10px !important;
    left: 10px !important;
    display: flex !important;
    width: 52px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    color: #fff !important;
    background: #525c68 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .home-v2 .v2-product-slot .v2-new-stock {
    position: absolute !important;
    top: 193px !important;
    left: 10px !important;
    display: flex !important;
    height: 17px !important;
    align-items: center !important;
    padding: 0 4px !important;
    color: #fff !important;
    background: #71be00 !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-title {
    position: absolute !important;
    top: 218px !important;
    left: 10px !important;
    display: -webkit-box !important;
    width: 132px !important;
    height: 42px !important;
    min-height: 0 !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    color: #525c68 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-title a {
    color: inherit !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-rating,
  .home-v2 .v2-product-slot .v2-new-card > .us-module-price,
  .home-v2 .v2-product-slot .v2-new-card > .us-module-attr-cont {
    display: none !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-list {
    position: absolute !important;
    z-index: 3 !important;
    top: 10px !important;
    right: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-item,
  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-link {
    display: flex !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    font-size: 0 !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-link i {
    display: none !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-link::before {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    content: '' !important;
    background: center / contain no-repeat !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-wishlist::before { background-image: url('/image/catalog/figma-home/product-favorite.svg') !important; }
  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-compare::before { background-image: url('/image/catalog/figma-home/product-compare.svg') !important; }
  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-wishlist:hover::before { background-image: url('/image/catalog/figma-home/product-favorite-active.svg') !important; }
  .home-v2 .v2-product-slot .v2-new-card .us-module-buttons-compare:hover::before { background-image: url('/image/catalog/figma-home/product-compare-active.svg') !important; }

  .home-v2 .v2-product-slot .v2-new-unit-panel {
    position: absolute !important;
    top: 272px !important;
    left: 10px !important;
    box-sizing: border-box !important;
    width: 132px !important;
    height: 88px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #f2f3f5 !important;
  }

  .home-v2 .v2-product-slot .v2-new-unit-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: 28px !important;
  }

  .home-v2 .v2-product-slot .v2-new-unit-tab,
  .home-v2 .v2-product-slot .v2-new-unit-single {
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #525c68 !important;
    background: #d1d3d5 !important;
    font-size: 10px !important;
    line-height: 28px !important;
    text-align: center !important;
  }

  .home-v2 .v2-product-slot .v2-new-unit-tab.is-active,
  .home-v2 .v2-product-slot .v2-new-unit-single {
    color: #fff !important;
    background: #959ba1 !important;
  }

  .home-v2 .v2-product-slot .v2-new-qty {
    display: flex !important;
    height: 27px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #6f7780 !important;
  }

  .home-v2 .v2-product-slot .v2-new-qty button {
    width: 14px !important;
    height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #a9aeb3 !important;
    background: transparent !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    line-height: 18px !important;
  }

  .home-v2 .v2-product-slot .v2-new-qty output { min-width: 12px !important; color: #6f7780 !important; font-size: 17px !important; line-height: 20px !important; text-align: center !important; }
  .home-v2 .v2-product-slot .v2-new-unit-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; color: #7b838c !important; font-size: 9px !important; line-height: 12px !important; white-space: nowrap !important; }

  .home-v2 .v2-product-slot .v2-new-total {
    position: absolute !important;
    bottom: 22px !important;
    left: 10px !important;
    color: #525c68 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-cart-btn {
    position: absolute !important;
    right: 10px !important;
    bottom: 14px !important;
    display: flex !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 35px !important;
    min-height: 35px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 1px !important;
    color: #fff !important;
    background: #71be00 !important;
    font-size: 0 !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-cart-btn::before {
    width: 21px !important;
    height: 21px !important;
    content: '' !important;
    background: url('/image/catalog/figma-home/product-cart.svg') center / contain no-repeat !important;
  }

  .home-v2 .v2-product-slot .v2-new-card .us-module-cart-btn:hover,
  .home-v2 .v2-product-slot .v2-new-card .us-module-cart-btn:focus { background: #8bd52b !important; }

  /* Figma 360: "Новинки" keeps live OpenCart cards, laid out as a slider. */
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]).v2-product-carousel::-webkit-scrollbar {
    display: none !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .us-module-row,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .row {
    gap: 16px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .us-item {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .us-item:nth-child(n + 7) {
    display: none !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .us-module-item.v2-new-card {
    height: 469px !important;
    min-height: 469px !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(53, 62, 72, .15) !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img {
    top: 20px !important;
    left: 8px !important;
    width: 136px !important;
    height: 134px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .v2-new-stock {
    top: 166px !important;
    left: 8px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-title {
    left: 8px !important;
    width: 136px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .v2-new-unit-panel {
    top: 266px !important;
    left: 8px !important;
    width: 136px !important;
    height: 100px !important;
    padding: 8px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .v2-new-unit-tabs,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .v2-new-unit-tab,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .v2-new-unit-single {
    height: 32px !important;
    line-height: 32px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .v2-new-total {
    bottom: 60px !important;
    left: 8px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-cart-btn {
    right: auto !important;
    bottom: 20px !important;
    left: 8px !important;
    width: 136px !important;
    min-width: 136px !important;
    height: 35px !important;
    min-height: 35px !important;
  }

  .home-v2 .v2-latest-dots {
    display: flex !important;
    width: 320px !important;
    height: 12px !important;
    margin-top: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .home-v2 .v2-latest-dots button {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 12px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .12) !important;
  }

  .home-v2 .v2-latest-dots button.is-active {
    width: 18px !important;
    flex-basis: 18px !important;
    border-radius: 6px !important;
    background: #71be00 !important;
  }

  .home-v2 .v2-video {
    width: 320px !important;
    height: 119px !important;
    min-height: 119px !important;
    padding-top: 0 !important;
    border-radius: 0 !important;
  }

  .home-v2 .v2-video iframe {
    width: 320px !important;
    height: 119px !important;
  }

  .home-v2 .v2-video-section {
    margin-top: 40px !important;
  }

  .home-v2 .v2-video-section .v2-heading {
    display: none !important;
  }

  /* Exact 360 px top row: messenger, MAX, e-mail, phone and the menu toggle. */
  #top #top-links {
    position: absolute !important;
    top: 0 !important;
    left: 20px !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #top #top-links .v2-top-contacts {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    height: 48px !important;
  }

  #top #top-links .v2-top-messenger,
  #top #top-links .v2-top-email,
  #top #top-links .v2-top-phone {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  #top #top-links .v2-top-messenger i {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  #top #top-links .v2-top-messenger:nth-child(2) {
    background: url('../img/tablet-top-max.svg') center / 24px 24px no-repeat !important;
  }

  #top #top-links .v2-top-messenger:nth-child(2) i {
    display: none !important;
  }

  #top #top-links .v2-top-email::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 22px !important;
  }

  #top #top-links .v2-top-phone::before {
    content: "\f095";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 22px !important;
  }

  #top #top-links #us-account-dropdown {
    display: none !important;
  }

  /* Exact 360 px Figma help form. The exported artwork provides the
     typography and illustration; the real controls stay above it. */
  .home-v2 .v2-help--figma {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    height: 735px !important;
    min-height: 735px !important;
    margin: 40px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #d2d8de url('/image/catalog/figma-home/help-form-mobile-360-clean.png?v=1') center top / 360px 735px no-repeat !important;
    box-shadow: none !important;
    color: transparent !important;
  }

  .home-v2 .v2-help--figma > h2.visually-hidden,
  .home-v2 .v2-help--figma label > .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .home-v2 .v2-help--figma form {
    position: absolute !important;
    top: 206px !important;
    left: 20px !important;
    width: 320px !important;
    height: 220px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, 60px) !important;
    gap: 20px !important;
  }

  .home-v2 .v2-help--figma label {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: transparent !important;
  }

  .home-v2 .v2-help--figma input,
  .home-v2 .v2-help--figma input:focus {
    display: block !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #525c68 !important;
    font: 400 13px/1.2 'Open Sans', Arial, sans-serif !important;
  }

  .home-v2 .v2-help--figma input::placeholder { color: transparent !important; }
  .home-v2 .v2-help--figma input:not(:placeholder-shown) { background: #fff !important; }

  .home-v2 .v2-help--figma .v2-help__submit {
    width: 100% !important;
    height: 60px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer !important;
    transform: none !important;
  }

  .home-v2 .v2-help--figma .v2-help__submit:hover { background: rgba(255,255,255,.14) !important; }
  .home-v2 .v2-help--figma .v2-help__submit:focus-visible { outline: 2px solid #fff !important; outline-offset: -3px !important; }
  .home-v2 .v2-help--figma .v2-form-result:empty { display: none !important; }
  .home-v2 .v2-help--figma .v2-form-result {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    color: #525c68 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  /* Exact 360 px footer hierarchy: three collapsed sections and contacts open. */
  .v2-figma-footer {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 20px !important;
    background: #35404c !important;
    color: #fff !important;
  }

  .v2-figma-footer .footer-sub.container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 20px !important;
  }

  .v2-figma-footer .footer-sub > .row:first-of-type {
    display: block !important;
    margin: 0 !important;
  }

  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
  }

  .v2-figma-footer .us-footer-title {
    display: flex !important;
    min-height: 80px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: #fff !important;
    font: 700 20px/1.2 'Open Sans', Arial, sans-serif !important;
  }

  .v2-figma-footer .us-footer-title i { font-size: 16px !important; }
  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-list,
  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-shedule,
  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-social { display: none !important; }

  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-title.open + .us-footer-list {
    display: block !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
  }

  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-title.open + .us-footer-list .us-footer-shedule {
    display: flex !important;
  }

  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-title.open + .us-footer-list .us-footer-social {
    display: block !important;
  }

  .v2-figma-footer .us-footer-box:not(:last-child) .us-footer-title.open + .us-footer-list .us-footer-link {
    display: block !important;
    padding: 7px 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .v2-figma-footer .us-footer-box:last-child .us-footer-title.open + .block-in-footer-my + .us-footer-contact-box {
    display: block !important;
  }

  .v2-figma-footer .us-footer-box:last-child { border-bottom: 0 !important; }
  .v2-figma-footer .us-footer-box:last-child .us-footer-title { min-height: 80px !important; }
  .v2-figma-footer .us-footer-box:last-child .us-footer-title i { transform: rotate(180deg) !important; }
  .v2-figma-footer .block-in-footer-my { display: block !important; margin: 14px 0 28px !important; }
  .v2-figma-footer .block-in-footer-my img { width: 96px !important; height: auto !important; }
  .v2-figma-footer .us-footer-contact-box { display: block !important; margin: 0 !important; }
  .v2-figma-footer .us-footer-phone-btn,
  .v2-figma-footer .us-footer-mail,
  .v2-figma-footer .us-footer-address {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #fff !important;
    font: 400 16px/1.3 'Open Sans', Arial, sans-serif !important;
    text-decoration: none !important;
  }
  .v2-figma-footer .us-footer-phone-btn { font-weight: 700 !important; font-size: 18px !important; }
  .v2-figma-footer .us-footer-address { margin-bottom: 20px !important; font-size: 14px !important; }
  .v2-figma-footer .us-footer-contact-list { display: flex !important; gap: 16px !important; margin: 0 0 20px !important; padding: 0 !important; }
  .v2-figma-footer .us-footer-contact-item { margin: 0 !important; }
  .v2-figma-footer .us-footer-contact-link { width: 24px !important; height: 24px !important; color: #fff !important; }
  .v2-figma-footer .footer__call-request-btn {
    display: flex !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #71be00 !important;
    color: #fff !important;
    font: 400 18px/1 'Open Sans', Arial, sans-serif !important;
    text-decoration: none !important;
  }
  .v2-figma-footer .footer__call-request-btn:hover,
  .v2-figma-footer .footer__call-request-btn:focus { background: #8bd52b !important; }

  .v2-figma-footer .footer-sub > .row.row-padding-top { display: block !important; margin: 0 !important; }
  .v2-figma-footer .footer-sub > .row.row-padding-top > .col-lg-12 { padding: 0 !important; }
  .v2-figma-footer .us-footer-bottom {
    display: flex !important;
    min-height: 74px !important;
    padding: 22px 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
  }
  .v2-figma-footer .us-footer-bottom-credits { color: #fff !important; font-size: 14px !important; }
  .v2-figma-footer .us-footer-bottom-payment-list { display: block !important; margin: 0 !important; padding: 0 !important; }
  .v2-figma-footer .us-footer-bottom-payment-item:not(.v2-footer-payment-figma) { display: none !important; }
  .v2-figma-footer .v2-footer-payment-figma { display: block !important; }
  .v2-figma-footer .v2-footer-payment-figma img { display: block !important; width: 112px !important; height: auto !important; }
  .v2-figma-footer .footer-public-offer {
    display: block !important;
    margin: 0 !important;
    padding: 14px 12px !important;
    background: #29323b !important;
    color: #fff !important;
  }
  .v2-figma-footer .footer-public-offer__text { color: #fff !important; font-size: 13px !important; line-height: 1.35 !important; }
}

/* Real-device mobile rendering: keep typography and controls as live layers.
 * These final overrides replace the remaining composite artwork used by the
 * hero promos, related cards, services, stock and help form. */
@media (max-width: 575px) {
  html body .home-v2 .v2-mobile-layer { display: block !important; }

  html body .home-v2 .v2-hero-promos {
    width: 320px !important;
    height: 444px !important;
    min-height: 444px !important;
    gap: 14px !important;
    background: none !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo {
    box-sizing: border-box !important;
    padding: 25px 20px !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo-dark {
    height: 226px !important;
    min-height: 226px !important;
    background-color: #35404c !important;
    background-image: linear-gradient(90deg, rgba(43,54,66,.98) 0%, rgba(43,54,66,.9) 48%, rgba(43,54,66,.1) 78%), url('/image/catalog/figma-home/mobile-promo-nonstandard.webp') !important;
    background-position: center, right bottom !important;
    background-size: cover, auto 100% !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo-green {
    height: 204px !important;
    min-height: 204px !important;
    background: #527b00 url('/image/catalog/figma-home/mobile-promo-calculator-cutout-v1.webp?v=1') right -60px bottom -28px / 260px auto no-repeat !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo > span:not(.v2-promo-button),
  html body .home-v2 .v2-hero-promos .v2-promo > p,
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    visibility: visible !important;
    pointer-events: none !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo > span:not(.v2-promo-button) {
    display: block !important;
    max-width: 190px !important;
    color: #fff !important;
    font: 800 18px/1.12 'Open Sans', Arial, sans-serif !important;
    text-transform: uppercase !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo > span em { color: #71be00 !important; font-style: normal !important; }
  html body .home-v2 .v2-hero-promos .v2-promo > p {
    display: block !important;
    max-width: 190px !important;
    margin: 9px 0 0 !important;
    color: #fff !important;
    font: 400 11px/1.25 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    position: absolute !important;
    bottom: 31px !important;
    left: 20px !important;
    display: inline-flex !important;
    width: 149px !important;
    min-width: 149px !important;
    height: 40px !important;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #71be00 !important;
    color: #fff !important;
    font: 400 16px/1 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo-green > .v2-promo-button { background: #dce1e5 !important; color: #566271 !important; }
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit { display: none !important; }

  html body .home-v2 .v2-related {
    height: 394px !important;
    aspect-ratio: auto !important;
    background: #fff !important;
  }
  html body .home-v2 .v2-related .v2-heading { position: static !important; height: auto !important; margin: 0 !important; }
  html body .home-v2 .v2-related .v2-heading h2 {
    position: absolute !important;
    top: 0 !important;
    left: 20px !important;
    width: 320px !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #525c68 !important;
    font: 700 28px/1.16 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-related__grid { position: absolute !important; inset: 0 !important; }
  html body .home-v2 .v2-related__card,
  html body .home-v2 .v2-related__card--insulation,
  html body .home-v2 .v2-related__card--fasteners {
    left: 20px !important;
    width: 320px !important;
    height: 129px !important;
    overflow: hidden !important;
    border: 1px solid #dfe3e6 !important;
    background: linear-gradient(110deg, #e0e5e9 0%, #f6f8f8 74%) !important;
    box-shadow: 0 8px 18px rgba(55,67,78,.12) !important;
    color: #525c68 !important;
  }
  html body .home-v2 .v2-related__card--insulation { top: 94px !important; }
  html body .home-v2 .v2-related__card--fasteners { top: 253px !important; }
  html body .home-v2 .v2-related__card picture { display: block !important; }
  html body .home-v2 .v2-related__card img {
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    right: -8px !important;
    display: block !important;
    width: 185px !important;
    height: 129px !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
  html body .home-v2 .v2-related__card span,
  html body .home-v2 .v2-related__card b { position: absolute !important; z-index: 1 !important; left: 12px !important; display: block !important; }
  html body .home-v2 .v2-related__card span { top: 28px !important; color: #525c68 !important; font: 800 15px/1.15 'Open Sans', Arial, sans-serif !important; text-transform: uppercase !important; }
  html body .home-v2 .v2-related__card b { bottom: 27px !important; color: #71be00 !important; font: 400 14px/1.2 'Open Sans', Arial, sans-serif !important; }

  html body .home-v2 .v2-services { height: 1324px !important; aspect-ratio: auto !important; background: #fff !important; }
  html body .home-v2 .v2-services::before { display: none !important; content: none !important; background: none !important; }
  html body .home-v2 .v2-services > .v2-a11y-heading {
    position: absolute !important;
    top: 0 !important;
    left: 20px !important;
    z-index: 2 !important;
    display: block !important;
    width: 320px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #525c68 !important;
    font: 700 28px/1.16 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-services__link {
    box-sizing: border-box !important;
    display: flex !important;
    padding: 0 20px !important;
    align-items: center !important;
    overflow: hidden !important;
    background-image: none !important;
    background-position: 0 0 !important;
    background-size: auto !important;
    box-shadow: 0 8px 18px rgba(36,48,59,.22) !important;
    color: #525c68 !important;
  }
  html body .home-v2 .v2-services__link > .v2-mobile-layer { width: 255px !important; color: inherit !important; font: 800 15px/1.15 'Open Sans', Arial, sans-serif !important; text-transform: uppercase !important; }
  html body .home-v2 .v2-services__link--production,
  html body .home-v2 .v2-services__link--calculation { background: linear-gradient(100deg, #35404c, #77818b) !important; color: #fff !important; }
  html body .home-v2 .v2-services__link--hardwood,
  html body .home-v2 .v2-services__link--sills,
  html body .home-v2 .v2-services__link--impregnation,
  html body .home-v2 .v2-services__link--brushing { background: linear-gradient(100deg, #4e9800, #71be00) !important; color: #fff !important; }
  html body .home-v2 .v2-services__link--bent,
  html body .home-v2 .v2-services__link--oil,
  html body .home-v2 .v2-services__link--thermal,
  html body .home-v2 .v2-services__link--sawing { background: linear-gradient(100deg, #d7dde2, #f4f5f6) !important; color: #525c68 !important; }
  html body .home-v2 .v2-services__link--cta {
    display: block !important;
    padding: 28px 20px !important;
    background: linear-gradient(120deg, #35404c, #7b858e) !important;
    color: #fff !important;
  }
  html body .home-v2 .v2-services__link--cta > .v2-mobile-layer { width: 280px !important; text-transform: none !important; }
  html body .home-v2 .v2-services__link--cta > .v2-services__cta-title { color: #fff !important; font: 800 22px/1.08 'Open Sans', Arial, sans-serif !important; text-transform: uppercase !important; }
  html body .home-v2 .v2-services__link--cta > .v2-services__cta-copy { margin-top: 28px !important; color: #fff !important; font: 400 14px/1.25 'Open Sans', Arial, sans-serif !important; }
  html body .home-v2 .v2-services__link--cta > .v2-services__cta-button { display: flex !important; width: 280px !important; height: 60px !important; margin-top: 28px !important; align-items: center !important; justify-content: center !important; background: #71be00 !important; color: #fff !important; font: 400 17px/1 'Open Sans', Arial, sans-serif !important; }

  html body .home-v2 .v2-stock { overflow: hidden !important; }
  html body .home-v2 .v2-stock .v2-a11y-heading {
    position: relative !important;
    display: block !important;
    width: 320px !important;
    height: auto !important;
    margin: 0 20px 27px !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #525c68 !important;
    font: 700 28px/1.16 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-stock__figma {
    width: 360px !important;
    height: 837px !important;
    background: #fff !important;
    transition: height .28s ease !important;
  }
  html body .home-v2 .v2-stock__figma.is-expanded { height: 3464px !important; background: #fff !important; }
  html body .home-v2 .v2-stock__card {
    box-sizing: border-box !important;
    left: 20px !important;
    width: 320px !important;
    height: 162px !important;
    overflow: hidden !important;
    border: 1px solid #e1e5e8 !important;
    background: linear-gradient(110deg, #d9dfe4 0%, #f2f5f0 76%) !important;
    box-shadow: 0 8px 18px rgba(55,67,78,.12) !important;
    color: #525c68 !important;
  }
  html body .home-v2 .v2-stock__card > img {
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    right: -16px !important;
    display: block !important;
    width: 200px !important;
    height: 162px !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
  html body .home-v2 .v2-stock__card > span { position: absolute !important; z-index: 1 !important; left: 20px !important; display: block !important; }
  html body .home-v2 .v2-stock__title { top: 30px !important; max-width: 175px !important; color: #525c68 !important; font: 800 18px/1.15 'Open Sans', Arial, sans-serif !important; }
  html body .home-v2 .v2-stock__price { top: 66px !important; color: #666 !important; font: 400 15px/1.2 'Open Sans', Arial, sans-serif !important; }
  html body .home-v2 .v2-stock__arrow { top: 102px !important; color: #71be00 !important; font: 300 34px/1 Arial, sans-serif !important; }
  html body .home-v2 .v2-stock__card--parquet { top: 0 !important; }
  html body .home-v2 .v2-stock__card--board { top: 192px !important; }
  html body .home-v2 .v2-stock__card--glulam { top: 384px !important; }
  html body .home-v2 .v2-stock__card--plywood { top: 576px !important; }
  html body .home-v2 .v2-stock__card--lining { top: 775px !important; }
  html body .home-v2 .v2-stock__card--furniture { top: 967px !important; }
  html body .home-v2 .v2-stock__card--shed { top: 1159px !important; }
  html body .home-v2 .v2-stock__card--timber { top: 1351px !important; }
  html body .home-v2 .v2-stock__card--batten { top: 1550px !important; }
  html body .home-v2 .v2-stock__card--sip { top: 1742px !important; }
  html body .home-v2 .v2-stock__card--floorboard { top: 1934px !important; }
  html body .home-v2 .v2-stock__card--blockhouse { top: 2126px !important; }
  html body .home-v2 .v2-stock__card--imitation { top: 2325px !important; }
  html body .home-v2 .v2-stock__card--glue { top: 2517px !important; }
  html body .home-v2 .v2-stock__card--chipboard { top: 2709px !important; }
  html body .home-v2 .v2-stock__card--fibreboard { top: 2901px !important; }
  html body .home-v2 .v2-stock__card--edged-board { top: 3100px !important; }
  html body .home-v2 .v2-stock__card--edged-timber { top: 3292px !important; }
  html body .home-v2 .v2-stock__spoiler {
    top: 775px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #71be00 !important;
    color: #fff !important;
    font: 400 17px/1 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-stock__spoiler::before { display: block !important; content: 'Показать ещё' !important; }
  html body .home-v2 .v2-stock__figma.is-expanded .v2-stock__spoiler { display: none !important; }

  html body .home-v2 .v2-help--figma {
    height: 735px !important;
    min-height: 735px !important;
    background: #d2d8de url('/image/catalog/figma-home/mobile-help-illustration.webp') center bottom / 320px auto no-repeat !important;
    color: #525c68 !important;
  }
  html body .home-v2 .v2-help--figma > h2.visually-hidden {
    position: absolute !important;
    top: 54px !important;
    left: 20px !important;
    z-index: 1 !important;
    display: block !important;
    width: 310px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #525c68 !important;
    font: 700 28px/1.28 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-help--figma > .v2-help__intro {
    position: absolute !important;
    top: 143px !important;
    left: 20px !important;
    z-index: 1 !important;
    width: 315px !important;
    margin: 0 !important;
    color: #525c68 !important;
    font: 400 16px/1.35 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-help--figma input,
  html body .home-v2 .v2-help--figma input:focus {
    background: #fff !important;
    color: #525c68 !important;
  }
  html body .home-v2 .v2-help--figma input::placeholder { color: #c4c8cc !important; opacity: 1 !important; }
  html body .home-v2 .v2-help--figma .v2-help__submit {
    background: #71be00 !important;
    color: #fff !important;
    font: 400 27px/1 'Open Sans', Arial, sans-serif !important;
  }

  html body .home-v2 .v2-slide:nth-child(1) { background: #e6eaed url('/image/catalog/figma-home/mobile-hero-01.webp') center / cover no-repeat !important; }
  html body .home-v2 .v2-slide:nth-child(2) { padding: 0 !important; background: #161719 url('/image/catalog/figma-home/mobile-hero-02.webp') center / cover no-repeat !important; }
  html body .home-v2 .v2-slide:nth-child(3) { padding: 0 !important; background: #59653d url('/image/catalog/figma-home/mobile-hero-03.webp') center / cover no-repeat !important; }
  html body .home-v2 .v2-slide:nth-child(4) { padding: 0 !important; background-color: #e1e6e9 !important; background-image: url('/image/catalog/figma-home/mobile-hero-04-bushes.webp'), url('/image/catalog/figma-home/mobile-hero-04-house.webp'), linear-gradient(110deg, #eef1f3, #dfe5e8) !important; background-position: right bottom, right 8px bottom, center !important; background-size: 165px auto, 164px auto, cover !important; background-repeat: no-repeat !important; }
  html body .home-v2 .v2-slide:nth-child(5) { padding: 0 !important; background: #161719 url('/image/catalog/figma-home/mobile-hero-05.webp') center / cover no-repeat !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-eyebrow { display: none !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-title,
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-subtitle,
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-facts { position: absolute !important; z-index: 2 !important; left: 20px !important; display: block !important; margin: 0 !important; color: #fff !important; text-transform: uppercase !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-title { top: 28px !important; width: 225px !important; font: 800 18px/1.08 'Open Sans', Arial, sans-serif !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-title span,
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-title em { display: inline !important; color: #71be00 !important; font-style: normal !important; }
  html body .home-v2 .v2-slide:nth-child(2) .v2-slide-title span,
  html body .home-v2 .v2-slide:nth-child(2) .v2-slide-title em,
  html body .home-v2 .v2-slide:nth-child(3) .v2-slide-title span,
  html body .home-v2 .v2-slide:nth-child(3) .v2-slide-title em,
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-title span,
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-title em { display: block !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-subtitle { top: 95px !important; width: 190px !important; font: 700 13px/1.15 'Open Sans', Arial, sans-serif !important; text-transform: none !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-slide-subtitle em { color: #71be00 !important; font-style: normal !important; }
  html body .home-v2 .v2-slide:nth-child(n+2) .v2-button {
    position: absolute !important;
    z-index: 2 !important;
    top: 151px !important;
    left: 20px !important;
    display: flex !important;
    width: auto !important;
    min-width: 180px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    align-items: center !important;
    justify-content: center !important;
    background: #71be00 !important;
    color: #fff !important;
    font: 400 12px/1 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-slide:nth-child(3) .v2-slide-title::after { display: none !important; content: none !important; }
  html body .home-v2 .v2-slide:nth-child(3) .v2-slide-subtitle { width: 215px !important; font-size: 12px !important; }
  html body .home-v2 .v2-slide:nth-child(3) .v2-slide-subtitle em { color: #fff !important; }
  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title { width: 190px !important; color: transparent !important; font-size: 0 !important; }
  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title::before { display: block !important; content: 'Деревянные фасады' !important; color: #525c68 !important; font: 800 18px/1.08 'Open Sans', Arial, sans-serif !important; text-transform: uppercase !important; }
  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title::after { display: none !important; content: none !important; }
  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-subtitle { width: 190px !important; color: #525c68 !important; font-size: 12px !important; }
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-title { width: 170px !important; font-size: 16px !important; line-height: 1.06 !important; }
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-subtitle { display: none !important; }
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-facts { top: 103px !important; width: 160px !important; padding: 0 !important; font: 400 10px/1.28 'Open Sans', Arial, sans-serif !important; text-transform: none !important; }
  html body .home-v2 .v2-slide:nth-child(5) .v2-slide-facts li { margin: 0 0 5px !important; }
  html body .home-v2 .v2-slide:nth-child(5) .v2-button { top: 174px !important; min-width: 165px !important; }

  html body .home-v2 .v2-woodwork { height: 840px !important; aspect-ratio: auto !important; background: #fff !important; }
  html body .home-v2 .v2-woodwork .v2-heading { position: static !important; height: auto !important; margin: 0 !important; }
  html body .home-v2 .v2-woodwork .v2-heading h2 {
    position: absolute !important;
    top: 0 !important;
    left: 20px !important;
    width: 320px !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #525c68 !important;
    font: 700 28px/1.16 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 .v2-woodwork__card,
  html body .home-v2 .v2-woodwork__card--tabletop,
  html body .home-v2 .v2-woodwork__card--sill,
  html body .home-v2 .v2-woodwork__card--beam,
  html body .home-v2 .v2-woodwork__card--decor {
    left: 20px !important;
    width: 320px !important;
    height: 144px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 8px 18px rgba(36,48,59,.2) !important;
    color: #525c68 !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: auto 100% !important;
  }
  html body .home-v2 .v2-woodwork__card--tabletop { top: 128px !important; background-color: #35404c !important; background-image: url('/image/catalog/figma-home/mobile-woodwork-tabletop.webp') !important; color: #fff !important; }
  html body .home-v2 .v2-woodwork__card--sill { top: 302px !important; background-color: #e1e6e9 !important; background-image: url('/image/catalog/figma-home/mobile-woodwork-sill.webp') !important; }
  html body .home-v2 .v2-woodwork__card--beam { top: 476px !important; background-color: #71be00 !important; background-image: url('/image/catalog/figma-home/mobile-woodwork-beam.webp') !important; color: #fff !important; }
  html body .home-v2 .v2-woodwork__card--decor { top: 650px !important; background-color: #35404c !important; background-image: url('/image/catalog/figma-home/mobile-woodwork-decor.webp') !important; color: #fff !important; }
  html body .home-v2 .v2-woodwork__card span,
  html body .home-v2 .v2-woodwork__card b { position: absolute !important; z-index: 1 !important; left: 20px !important; display: block !important; max-width: 170px !important; color: inherit !important; }
  html body .home-v2 .v2-woodwork__card span { top: 31px !important; font: 800 15px/1.15 'Open Sans', Arial, sans-serif !important; text-transform: uppercase !important; }
  html body .home-v2 .v2-woodwork__card b { bottom: 28px !important; font-size: 0 !important; }
  html body .home-v2 .v2-woodwork__card b::before { display: block !important; content: 'Посмотреть каталог →' !important; color: inherit !important; font: 400 14px/1.2 'Open Sans', Arial, sans-serif !important; }

  html body .home-v2 #v2-bath-materials.v2-bath-materials { background: #1d120b !important; }
  html body .home-v2 #v2-bath-materials.v2-bath-materials::before {
    position: absolute !important;
    z-index: 2 !important;
    top: 58px !important;
    left: 20px !important;
    display: block !important;
    width: 250px !important;
    content: 'Пиломатериалы для бани' !important;
    color: #fff !important;
    font: 800 28px/1.05 'Open Sans', Arial, sans-serif !important;
  }
  html body .home-v2 #v2-bath-materials .v2-bath-materials__canvas { background: #1d120b url('/image/catalog/figma-home/mobile-bath-bg.webp') center / cover no-repeat !important; }
  html body .home-v2 #v2-bath-materials .v2-bath-materials__card {
    box-sizing: border-box !important;
    overflow: hidden !important;
    background-color: #e1e6e9 !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-size: 190px auto !important;
  }
  html body .home-v2 #v2-bath-materials .v2-bath-materials__card--floor { background-image: url('/image/catalog/figma-home/mobile-bath-floor.webp') !important; }
  html body .home-v2 #v2-bath-materials .v2-bath-materials__card--shelves { background-image: url('/image/catalog/figma-home/mobile-bath-shelves.webp') !important; }
  html body .home-v2 #v2-bath-materials .v2-bath-materials__card--walls { background-image: url('/image/catalog/figma-home/mobile-bath-walls.webp') !important; }
  html body .home-v2 #v2-bath-materials .v2-bath-materials__card::before {
    position: absolute !important;
    z-index: 1 !important;
    bottom: 25px !important;
    left: 32px !important;
    display: block !important;
    content: attr(data-title) !important;
    color: #525c68 !important;
    font: 800 16px/1.15 'Open Sans', Arial, sans-serif !important;
  }

  html body .home-v2 .v2-custom-order__card--curved {
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.72)), url('/image/catalog/figma-home/mobile-custom-order-curved.webp') !important;
  }
  html body .home-v2 .v2-custom-order__card--glued {
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.72)), url('/image/catalog/figma-home/mobile-custom-order-glued.webp') !important;
  }
}

/* The 576–767 homepage now follows the 768 tablet information architecture. */
@media (min-width:576px) and (max-width:575px){
  header #logo{flex:0 0 76px!important;max-width:76px!important}
  header .us-logo-img{width:62px!important;max-width:62px!important;max-height:76px!important}
  header .us-search-box,header .us-search-box_hidden{order:0!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin-right:8px!important}
  header .v2-header-actions{flex:0 0 162px!important}
  header .v2-header-action{min-width:45px!important;height:64px!important;padding:0 2px!important;gap:4px!important;font-size:9px!important}
  header .v2-header-action-icon,header .v2-header-action i{width:22px!important;height:22px!important;flex-basis:22px!important}
  header #cart{flex:0 0 55px!important;max-width:55px!important}
  .menu-row #oct-menu-box,.menu-row #oct-ultra-menu-header{flex-basis:62px!important;width:62px!important;max-width:62px!important}
  .menu-row #oct-megamenu>ul.v2-tablet-ready>li:nth-child(1){width:108px!important}.menu-row #oct-megamenu>ul.v2-tablet-ready>li:nth-child(2){width:58px!important}.menu-row #oct-megamenu>ul.v2-tablet-ready>li:nth-child(3){width:62px!important}.menu-row #oct-megamenu>ul.v2-tablet-ready>li:nth-child(4){width:72px!important}.menu-row #oct-megamenu>ul.v2-tablet-ready>li:nth-child(5){width:60px!important}.menu-row #oct-megamenu>ul.v2-tablet-ready>li.v2-tablet-more{width:70px!important}.menu-row #oct-megamenu>ul.v2-tablet-ready>li>a{padding:0 4px!important;font-size:10px!important}
}

/* Exact 360 px footer artwork, split into native accordion rows.  The source
   SVG remains the visual authority for the closed state; only the live lists
   are inserted between its fragments when a title is opened. */
@media (max-width: 575px) {
  .home-v2 + .v2-figma-footer {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: none !important;
    min-height: 865px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #353e48 !important;
  }

  .home-v2 + .v2-figma-footer .footer-sub {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
  }

  .home-v2 + .v2-figma-footer .footer-sub > .row:first-of-type {
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .home-v2 + .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box {
    position: relative !important;
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #353e48 !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-title {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 360px !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    background-color: #353e48 !important;
    background-repeat: no-repeat !important;
    background-size: 360px 865px !important;
    cursor: pointer !important;
  }

  .home-v2 + .v2-figma-footer.is-v2-footer-art-ready .us-footer-title {
    background-image: url('/image/catalog/figma-home/footer-mobile-360.svg?v=2') !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(1) > .us-footer-title {
    height: 121px !important;
    background-position: center 0 !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(2) > .us-footer-title {
    height: 81px !important;
    background-position: center -121px !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(3) > .us-footer-title {
    height: 81px !important;
    background-position: center -202px !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) > .us-footer-title {
    height: 582px !important;
    background-position: center -283px !important;
    cursor: default !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title.open::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    z-index: 2 !important;
    width: 24px !important;
    height: 24px !important;
    transform: translateY(-50%) !important;
    background: #353e48 !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title i {
    display: none !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title.open i {
    position: absolute !important;
    top: 50% !important;
    right: 24px !important;
    z-index: 3 !important;
    display: block !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    transform: translateY(-50%) rotate(180deg) !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-list {
    position: static !important;
    display: none !important;
    box-sizing: border-box !important;
    width: 360px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 20px 20px !important;
    overflow: visible !important;
    background: #353e48 !important;
    transition: none !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(-n+3) > .us-footer-title.open + .us-footer-list {
    display: block !important;
    padding-left: 20px !important;
  }

  /* The first supplied footer fragment includes the mockup's larger top gap,
     so its arrow sits lower than the geometric centre of the 121 px slice. */
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(1) > .us-footer-title.open::before,
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(1) > .us-footer-title.open i {
    top: 82px !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-title.open + .us-footer-list .us-footer-shedule {
    display: flex !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-title.open + .us-footer-list .us-footer-social {
    display: block !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) > .block-in-footer-my {
    display: none !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-social {
    display: none !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) > .us-footer-contact-box {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    height: 582px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-mail,
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-phone-btn,
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-address,
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-contact-link,
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .footer__call-request-btn {
    position: absolute !important;
    z-index: 3 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    background: transparent !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-mail { top: 199px !important; left: 20px !important; width: 220px !important; height: 24px !important; }
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-phone-btn { top: 232px !important; left: 20px !important; width: 210px !important; height: 26px !important; }
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-address { top: 268px !important; left: 20px !important; width: 320px !important; height: 35px !important; }
  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .footer__call-request-btn { top: 336px !important; left: 20px !important; width: 320px !important; height: 41px !important; }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-contact-list {
    position: absolute !important;
    top: 300px !important;
    left: 20px !important;
    z-index: 3 !important;
    display: flex !important;
    gap: 16px !important;
    width: auto !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .home-v2 + .v2-figma-footer .us-footer-box:nth-child(4) .us-footer-contact-item {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    visibility: visible !important;
  }

  .home-v2 + .v2-figma-footer .footer-sub > .row.row-padding-top,
  .home-v2 + .v2-figma-footer .footer-public-offer {
    display: none !important;
  }
}

/* Figma 360: «Пиломатериалы в наличии». Оба состояния собраны из
   предоставленных SVG; живые ссылки остаются поверх соответствующих карточек. */
@media (max-width: 575px) {
  .home-v2 .v2-stock {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 42px calc(50% - 50vw) 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .home-v2 .v2-stock .v2-a11y-heading {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
  .home-v2 .v2-stock__figma {
    position: relative !important;
    width: 360px !important;
    height: 928px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #fff !important;
    transition: height .28s ease !important;
  }
  .home-v2 .v2-stock__figma.is-v2-art-ready {
    background: #fff url('/image/catalog/figma-home/stock-mobile-360.svg?v=1') center top / 360px 928px no-repeat !important;
  }
  .home-v2 .v2-stock__figma::after { display: none !important; }
  .home-v2 .v2-stock__figma.is-expanded {
    height: 3555px !important;
  }
  .home-v2 .v2-stock__figma.is-expanded.is-v2-art-ready {
    background-image: url('/image/catalog/figma-home/stock-mobile-360-open.svg?v=1') !important;
    background-size: 360px 3555px !important;
  }
  .home-v2 .v2-stock__card {
    position: absolute !important;
    z-index: 1 !important;
    left: 20px !important;
    width: 320px !important;
    height: 162px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }
  .home-v2 .v2-stock__card::before { display: none !important; }
  .home-v2 .v2-stock__card:hover,
  .home-v2 .v2-stock__card:focus { transform: none !important; box-shadow: none !important; }
  .home-v2 .v2-stock__card--parquet { top: 91px !important; }
  .home-v2 .v2-stock__card--board { top: 283px !important; }
  .home-v2 .v2-stock__card--glulam { top: 475px !important; }
  .home-v2 .v2-stock__card--plywood { top: 667px !important; }
  .home-v2 .v2-stock__card--lining { top: 866px !important; }
  .home-v2 .v2-stock__card--furniture { top: 1058px !important; }
  .home-v2 .v2-stock__card--shed { top: 1250px !important; }
  .home-v2 .v2-stock__card--timber { top: 1442px !important; }
  .home-v2 .v2-stock__card--batten { top: 1641px !important; }
  .home-v2 .v2-stock__card--sip { top: 1833px !important; }
  .home-v2 .v2-stock__card--floorboard { top: 2025px !important; }
  .home-v2 .v2-stock__card--blockhouse { top: 2217px !important; }
  .home-v2 .v2-stock__card--imitation { top: 2416px !important; }
  .home-v2 .v2-stock__card--glue { top: 2608px !important; }
  .home-v2 .v2-stock__card--chipboard { top: 2800px !important; }
  .home-v2 .v2-stock__card--fibreboard { top: 2992px !important; }
  .home-v2 .v2-stock__card--edged-board { top: 3191px !important; left: 20px !important; width: 320px !important; height: 162px !important; }
  .home-v2 .v2-stock__card--edged-timber { top: 3383px !important; left: 20px !important; width: 320px !important; height: 162px !important; }
  .home-v2 .v2-stock__catalog { display: none !important; }
  .home-v2 .v2-stock__spoiler {
    position: absolute !important;
    z-index: 2 !important;
    top: 866px !important;
    left: 20px !important;
    display: block !important;
    width: 320px !important;
    height: 61px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }
  .home-v2 .v2-stock__figma.is-expanded .v2-stock__spoiler { display: none !important; }
  .home-v2 .v2-stock__spoiler:focus-visible { outline: 2px solid #fff !important; outline-offset: -4px !important; }
}

/* Figma 360: «Столешницы, подоконники и декор».  SVG keeps the approved
   composition; native links are transparent hit areas and have no mobile hover state. */
@media (max-width: 575px) {
  .home-v2 .v2-woodwork {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 360 / 840 !important;
    margin: 64px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .home-v2 .v2-woodwork.is-v2-art-ready { background: url('/image/catalog/figma-home/woodwork-mobile-360.svg?v=1') center / 100% 100% no-repeat !important; }

  .home-v2 .v2-woodwork .v2-heading { height: 0 !important; margin: 0 !important; }
  .home-v2 .v2-woodwork .v2-heading h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  .home-v2 .v2-woodwork__grid { position: absolute !important; inset: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important; }
  .home-v2 .v2-woodwork__card,
  .home-v2 .v2-woodwork__card--tabletop,
  .home-v2 .v2-woodwork__card--sill,
  .home-v2 .v2-woodwork__card--beam,
  .home-v2 .v2-woodwork__card--decor {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    transform: none !important;
  }
  .home-v2 .v2-woodwork__card::before,
  .home-v2 .v2-woodwork__card::after,
  .home-v2 .v2-woodwork__card span,
  .home-v2 .v2-woodwork__card b { display: none !important; }
  .home-v2 .v2-woodwork__card--tabletop { left: 5.5556% !important; top: 15.2708% !important; width: 88.8889% !important; height: 17.1429% !important; }
  .home-v2 .v2-woodwork__card--sill { left: 5.5556% !important; top: 35.9851% !important; width: 88.8889% !important; height: 17.1429% !important; }
  .home-v2 .v2-woodwork__card--beam { left: 5.5556% !important; top: 56.6994% !important; width: 88.8889% !important; height: 17.1429% !important; }
  .home-v2 .v2-woodwork__card--decor { left: 5.5556% !important; top: 77.4137% !important; width: 88.8889% !important; height: 19.1667% !important; }
  .home-v2 .v2-woodwork__card:focus-visible { outline: 2px solid #71be00 !important; outline-offset: -2px !important; }
}

/* Figma 360: «Сопутствующие материалы».  Native links remain over the
   original composition; no mobile hover treatment is applied. */
@media (max-width: 575px) {
  .home-v2 .v2-related {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 360 / 394 !important;
    margin: 64px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .home-v2 .v2-related.is-v2-art-ready { background: url('/image/catalog/figma-home/related-mobile-360.svg?v=1') center / 100% 100% no-repeat !important; }
  .home-v2 .v2-related .v2-heading { height: 0 !important; margin: 0 !important; }
  .home-v2 .v2-related .v2-heading h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  .home-v2 .v2-related__grid { position: absolute !important; inset: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important; }
  .home-v2 .v2-related__card,
  .home-v2 .v2-related__card--insulation,
  .home-v2 .v2-related__card--fasteners {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    transform: none !important;
  }
  .home-v2 .v2-related__card img,
  .home-v2 .v2-related__card span,
  .home-v2 .v2-related__card b { display: none !important; }
  .home-v2 .v2-related__card--insulation { left: 5.5556% !important; top: 23.9278% !important; width: 83.3333% !important; height: 32.6640% !important; }
  .home-v2 .v2-related__card--fasteners { left: 5.5556% !important; top: 64.2058% !important; width: 83.3333% !important; height: 32.6640% !important; }
  .home-v2 .v2-related__card:focus-visible { outline: 2px solid #71be00 !important; outline-offset: -2px !important; }
}

/* Figma 360: «Производство и дополнительные услуги».  SVG is the source of
   visual truth; existing native links supply the interactive card areas. */
@media (max-width: 575px) {
  .home-v2 .v2-services {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 360 / 1324 !important;
    margin: 64px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    isolation: isolate !important;
    contain: paint !important;
  }
  .home-v2 .v2-services > .v2-a11y-heading {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  .home-v2 .v2-services::before {
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 360px !important;
    max-width: 100% !important;
    height: 110px !important;
    content: '' !important;
    pointer-events: none !important;
    background: none !important;
  }
  .home-v2 .v2-services__figma { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; }
  .home-v2 .v2-services__figma::after,
  .home-v2 .v2-services__link::before,
  .home-v2 .v2-services__link::after { display: none !important; content: none !important; }
  .home-v2 .v2-services__link {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 360px 1324px !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
  }
  .home-v2 .v2-services__link--production { left: 5.5556% !important; top: 9.6677% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -128px !important; }
  .home-v2 .v2-services__link--bent { left: 5.5556% !important; top: 16.4653% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -218px !important; }
  .home-v2 .v2-services__link--hardwood { left: 5.5556% !important; top: 23.2628% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -308px !important; }
  .home-v2 .v2-services__link--sills { left: 5.5556% !important; top: 30.0604% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -398px !important; }
  .home-v2 .v2-services__link--oil { left: 5.5556% !important; top: 36.8580% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -488px !important; }
  .home-v2 .v2-services__link--thermal { left: 5.5556% !important; top: 43.6556% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -578px !important; }
  .home-v2 .v2-services__link--impregnation { left: 5.5556% !important; top: 50.4532% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -668px !important; }
  .home-v2 .v2-services__link--calculation { left: 5.5556% !important; top: 57.2508% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -758px !important; }
  .home-v2 .v2-services__link--brushing { left: 5.5556% !important; top: 64.0483% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -848px !important; }
  .home-v2 .v2-services__link--sawing { left: 5.5556% !important; top: 70.8459% !important; width: 88.8889% !important; height: 5.5891% !important; background-position: -20px -938px !important; }
  .home-v2 .v2-services__link--cta { left: 5.5556% !important; top: 77.6435% !important; width: 88.8889% !important; height: 20.1724% !important; background-position: -20px -1028px !important; }
  .home-v2 .v2-services.is-v2-art-ready::before { background-image: url('/image/catalog/figma-home/services-mobile-360.svg?v=3') !important; }
  .home-v2 .v2-services.is-v2-art-ready .v2-services__link { background-image: url('/image/catalog/figma-home/services-mobile-360.svg?v=3') !important; }
  .home-v2 .v2-services__link:focus-visible { outline: 2px solid #71be00 !important; outline-offset: -2px !important; }
}


/* Two material cards between the video and featured products.
   Live text/CSS layers preserve the accepted 360 px composition, while only the
   two transparent Figma photos are loaded as responsive WebP images. */
@media (max-width: 575px) {
  .home-v2 #v2-material-cards.v2-material-cards {
    position: relative !important;
    display: block !important;
    width: 320px !important;
    height: 295px !important;
    min-height: 0 !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
    background: none !important;
  }

  .home-v2 #v2-material-cards .v2-material-card {
    position: absolute !important;
    left: 0 !important;
    width: 320px !important;
    height: 128.696px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(105deg, #d2d8de 0%, #edeef0 100%) !important;
    box-shadow: 0 1.739px 10.435px rgba(53, 62, 72, 0.15) !important;
  }

  .home-v2 #v2-material-cards .v2-material-card:first-child { top: 8.69568px !important; }
  .home-v2 #v2-material-cards .v2-material-card:nth-child(2) { top: 153.391px !important; }

  .home-v2 #v2-material-cards .v2-material-card__cta {
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  .home-v2 #v2-material-cards .v2-material-card__title {
    position: absolute !important;
    z-index: 2 !important;
    top: 26px !important;
    left: 13px !important;
    display: block !important;
    color: #525c68 !important;
    font: 800 13.5px/1.26 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .home-v2 #v2-material-cards .v2-material-card__link {
    position: absolute !important;
    z-index: 2 !important;
    top: 99px !important;
    left: 13px !important;
    display: block !important;
    color: #71be00 !important;
    font: 400 10px/1.2 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .home-v2 #v2-material-cards .v2-material-card__image {
    position: absolute !important;
    z-index: 1 !important;
    top: -5.219px !important;
    left: 180px !important;
    display: block !important;
    width: 220px !important;
    max-width: none !important;
    height: 146.739px !important;
    object-fit: fill !important;
    pointer-events: none !important;
  }

  .home-v2 #v2-material-cards .v2-material-card__cta::before,
  .home-v2 #v2-material-cards .v2-material-card__cta::after { content: none !important; }

  .home-v2 #v2-material-cards .v2-material-card__cta:focus-visible {
    outline: 2px solid #71be00 !important;
    outline-offset: 2px !important;
  }
}

/* Sheet materials after "Рекомендуем" — live cards built from the exact Figma
   photos, text and CSS shadows instead of the 11.5 MiB composite SVG. */
@media (max-width: 575px) {
  .home-v2 #v2-sheet-materials.v2-sheet-materials {
    position: relative !important;
    display: block !important;
    width: 320px !important;
    height: 362px !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__canvas {
    display: none !important;
    background: none !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__title {
    position: absolute !important;
    z-index: 2 !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    margin: 0 !important;
    color: #525c68 !important;
    font: 800 28px/1.214 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__fallback { display: none !important; }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: #e7dfd5 !important;
    box-shadow: 0 4px 24px rgba(53, 62, 72, 0.15) !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
    cursor: pointer !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link span {
    position: absolute !important;
    z-index: 2 !important;
    top: 39px !important;
    left: 20px !important;
    display: block !important;
    color: #525c68 !important;
    font: 800 13.5px/1.2 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    pointer-events: none !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__image {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    max-width: none !important;
    object-fit: fill !important;
    pointer-events: none !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--plywood .v2-sheet-materials__image {
    top: 0 !important;
    left: -92.845px !important;
    width: 337.678px !important;
    height: 240px !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--osb .v2-sheet-materials__image {
    top: -197.159px !important;
    left: -70.327px !important;
    width: 222.328px !important;
    height: 561.972px !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--mdf .v2-sheet-materials__image {
    top: 0 !important;
    left: -8px !important;
    width: 168px !important;
    height: 112px !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link:hover { transform: none !important; box-shadow: 0 4px 24px rgba(53, 62, 72, 0.15) !important; }
  .home-v2 #v2-sheet-materials .v2-sheet-materials__link:focus-visible { outline: 2px solid #71be00 !important; outline-offset: 2px !important; }
  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--plywood { left: 0 !important; top: 94px !important; width: 152px !important; height: 240px !important; }
  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--osb { left: 168px !important; top: 94px !important; width: 152px !important; height: 112px !important; }
  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--mdf { left: 168px !important; top: 222px !important; width: 152px !important; height: 112px !important; }
}

/* "Пиломатериалы от производителя" — live typography and the exact responsive
   Figma photo instead of the 4.4 MiB mobile composite SVG. */
@media (max-width: 575px) {
  .home-v2 #v2-production.v2-production-figma {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: 1127px !important;
    min-height: 0 !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .home-v2 #v2-production .v2-production-figma__canvas {
    display: none !important;
    background: none !important;
  }

  .home-v2 #v2-production .v2-production-figma__fallback {
    position: absolute !important;
    z-index: 1 !important;
    top: 20px !important;
    left: 0 !important;
    display: block !important;
    width: 360px !important;
    height: 1079px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 58px 32px 0 !important;
    overflow: hidden !important;
    border-radius: 1px !important;
    background: linear-gradient(92deg, #d2d8de 0%, #edeef0 100%) !important;
    box-shadow: 0 4px 24px rgba(53, 62, 72, 0.15) !important;
    box-sizing: border-box !important;
  }

  .home-v2 #v2-production .v2-production-figma__fallback > div {
    position: relative !important;
    z-index: 2 !important;
    width: 296px !important;
  }

  .home-v2 #v2-production .v2-production-figma__fallback h2 {
    margin: 0 0 20px !important;
    color: #525c68 !important;
    font: 800 28px/1.214 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .home-v2 #v2-production .v2-production-figma__fallback p {
    margin: 0 0 18px !important;
    color: #525c68 !important;
    font: 400 18px/1.233 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  .home-v2 #v2-production .v2-production-figma__picture {
    position: absolute !important;
    z-index: 1 !important;
    top: 747px !important;
    left: 32px !important;
    display: block !important;
    width: 296px !important;
    height: 272px !important;
    overflow: hidden !important;
    border-radius: 1px !important;
  }

  .home-v2 #v2-production .v2-production-figma__picture img {
    position: absolute !important;
    top: 0 !important;
    left: -84.318px !important;
    display: block !important;
    width: 464.637px !important;
    max-width: none !important;
    height: 272px !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    object-fit: fill !important;
  }
}

/* Production categories — live links, typography and exact responsive Figma
   cutouts instead of the 4.1 MiB composite SVG. */
@media (max-width: 575px) {
  .home-v2 #v2-production-categories.v2-production-categories-figma {
    position: relative !important;
    display: block !important;
    width: 320px !important;
    height: 488px !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__canvas {
    display: none !important;
    background: none !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__fallback { display: none !important; }

  .home-v2 #v2-production-categories .v2-production-categories__cta {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: linear-gradient(105deg, #d2d8de 0%, #edeef0 100%) !important;
    box-shadow: 0 4px 24px rgba(53, 62, 72, 0.15) !important;
    color: #525c68 !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
    cursor: pointer !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__cta--stairs { background: linear-gradient(105deg, #353e48 0%, #6a737e 100%) !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--thermo { background: linear-gradient(105deg, #548f00 0%, #71be00 100%) !important; }

  .home-v2 #v2-production-categories .v2-production-categories__cta .v2-production-category-title {
    position: absolute !important;
    z-index: 2 !important;
    top: 30px !important;
    left: 32px !important;
    display: block !important;
    margin: 0 !important;
    color: #fff !important;
    font: 800 15px/1.17 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__cta--facade .v2-production-category-title {
    top: 20px !important;
    color: #525c68 !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__cta span {
    position: absolute !important;
    z-index: 2 !important;
    top: 88px !important;
    left: 32px !important;
    display: block !important;
    color: #71be00 !important;
    font: 400 13.5px/1.23 'Open Sans', Arial, sans-serif !important;
    letter-spacing: 0 !important;
    pointer-events: none !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__cta--facade span,
  .home-v2 #v2-production-categories .v2-production-categories__cta--thermo span { top: 71px !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--thermo span { color: #fff !important; }

  .home-v2 #v2-production-categories .v2-production-categories__image {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    max-width: none !important;
    object-fit: fill !important;
    pointer-events: none !important;
  }

  .home-v2 #v2-production-categories .v2-production-categories__cta--stairs .v2-production-categories__image { top: -18.349px !important; left: 110px !important; width: 274.278px !important; height: 182.852px !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--facade .v2-production-categories__image { top: -10.349px !important; left: 140px !important; width: 228.544px !important; height: 152.363px !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--thermo .v2-production-categories__image { top: -11.349px !important; left: 168px !important; width: 215.509px !important; height: 143.673px !important; }

  .home-v2 #v2-production-categories .v2-production-categories__cta:hover { transform: none !important; box-shadow: 0 4px 24px rgba(53, 62, 72, 0.15) !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta:focus-visible { outline: 2px solid #71be00 !important; outline-offset: 2px !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--stairs { left: 0 !important; top: 20px !important; width: 320px !important; height: 138px !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--facade { left: 0 !important; top: 188px !important; width: 320px !important; height: 121px !important; }
  .home-v2 #v2-production-categories .v2-production-categories__cta--thermo { left: 0 !important; top: 339px !important; width: 320px !important; height: 121px !important; }
}

/* "Как мы работаем" — mobile horizontal workflow slider. */
@media (max-width: 575px), (max-device-width: 600px) {
  .home-v2 #v2-how-we-work.v2-how-we-work {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: 309px !important;
    min-height: 0 !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .home-v2 #v2-how-we-work .v2-how-we-work__canvas { display: none !important; }
  .home-v2 #v2-how-we-work .v2-how-we-work__fallback { display: block !important; }
  .home-v2 #v2-how-we-work .v2-heading { position: absolute !important; top: 0 !important; left: 20px !important; z-index: 2 !important; margin: 0 !important; }
  .home-v2 #v2-how-we-work .v2-heading h2 { margin: 0 !important; color: #353e48 !important; font: 700 20px/22px 'Open Sans', Arial, sans-serif !important; }
  .home-v2 #v2-how-we-work .v2-how-we-work__viewport {
    position: absolute !important;
    top: 61.5059px !important;
    left: 20px !important;
    width: 275px !important;
    height: 223px !important;
    overflow: hidden !important;
  }
  .home-v2 #v2-how-we-work .v2-steps {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    list-style: none !important;
    counter-reset: workflow !important;
    transition: transform .28s ease !important;
  }
  .home-v2 #v2-how-we-work .v2-steps li {
    position: relative !important;
    display: flex !important;
    width: 275px !important;
    height: 223px !important;
    min-height: 223px !important;
    margin: 0 !important;
    padding: 28px !important;
    flex: 0 0 275px !important;
    align-items: flex-end !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: #fff !important;
    box-shadow: 0 3px 8px rgba(43, 57, 70, .15) !important;
    color: #525c68 !important;
    font: 700 22px/1.12 'Open Sans', Arial, sans-serif !important;
    counter-increment: workflow !important;
  }
  .home-v2 #v2-how-we-work .v2-steps li::before {
    position: absolute !important;
    top: 27px !important;
    left: 28px !important;
    content: '0' counter(workflow) !important;
    color: #71be00 !important;
    font: 700 20px/1 'Open Sans', Arial, sans-serif !important;
  }
  .home-v2 #v2-how-we-work .v2-steps { touch-action: pan-y !important; }
  .home-v2 #v2-how-we-work .v2-steps li,
  .home-v2 #v2-how-we-work .v2-steps li:first-child {
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    background-color: #fff !important;
    background-image: url('/image/catalog/figma-home/how-we-work-figma.svg?v=1') !important;
    background-repeat: no-repeat !important;
    background-size: 1188.3333px 590.2156px !important;
  }
  .home-v2 #v2-how-we-work .v2-steps li::before { content: none !important; }
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(1) { background-position: -6.6667px -74.935px !important; }
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(2) { background-position: -306.6667px -74.935px !important; }
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(3) { background-position: -606.6667px -74.935px !important; }
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(4) { background-position: -906.6667px -74.935px !important; }
  /* Первый кадр уже согласован по отдельному мобильному исходнику. */
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(1) {
    background: #fff url('/image/catalog/figma-home/how-we-work-mobile-360.svg?v=1') -20px -61.5059px / 360px 309px no-repeat !important;
  }
  /* Нижний ряд в desktop SVG уже имеет высоту 223 px: не растягиваем его
   * по вертикали и не подмешиваем соседний ряд планшетного исходника. */
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(5),
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(6),
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(7),
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(8) {
    background-image: url('/image/catalog/figma-home/how-we-work-figma.svg?v=1') !important;
    background-size: 1188.3333px 532px !important;
    background-position-y: -298.545px !important;
  }
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(5),
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(7) { background-position-x: -6.6667px !important; }
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(6),
  .home-v2 #v2-how-we-work .v2-steps li:nth-child(8) { background-position-x: -306.6667px !important; }
  /* Единый шаблон всех этапов: тот же ритм, что у первого слайда. */
  .home-v2 #v2-how-we-work .v2-steps li,
  .home-v2 #v2-how-we-work .v2-steps li:first-child {
    display: block !important;
    box-sizing: border-box !important;
    padding: 18px 20px !important;
    color: #525c68 !important;
    font-size: inherit !important;
    background: #fff !important;
    background-image: none !important;
    background-position: 0 0 !important;
    background-size: auto !important;
    counter-increment: none !important;
  }
  .home-v2 #v2-how-we-work .v2-steps li::before,
  .home-v2 #v2-how-we-work .v2-steps li::after {
    content: none !important;
    display: none !important;
  }
  .home-v2 #v2-how-we-work .v2-steps li > * {
    position: relative !important;
    z-index: 1 !important;
  }
  .home-v2 #v2-how-we-work .v2-how-step__number {
    display: block !important;
    margin: 0 0 14px !important;
    color: #71be00 !important;
    font: 800 40px/42px 'Open Sans', Arial, sans-serif !important;
    letter-spacing: -1px !important;
  }
  .home-v2 #v2-how-we-work .v2-how-step__title {
    display: block !important;
    margin: 0 0 12px !important;
    color: #525c68 !important;
    font: 700 18px/22px 'Open Sans', Arial, sans-serif !important;
  }
  .home-v2 #v2-how-we-work .v2-how-step__description {
    display: block !important;
    color: #7b7f84 !important;
    font: 400 15px/19px 'Open Sans', Arial, sans-serif !important;
  }
  .home-v2 #v2-how-we-work__dots,
  .home-v2 #v2-how-we-work .v2-how-we-work__dots {
    position: absolute !important;
    z-index: 3 !important;
    bottom: 0 !important;
    left: 50% !important;
    display: flex !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    transform: translateX(-50%) !important;
  }
  .home-v2 #v2-how-we-work .v2-how-we-work__dots button {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 12px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .12) !important;
    cursor: pointer !important;
  }
  .home-v2 #v2-how-we-work .v2-how-we-work__dots button.is-active { width: 18.4px !important; flex-basis: 18.4px !important; border-radius: 6px !important; background: #71be00 !important; }
}

/* The exact 360 composition stays intact.  Above 400 px the workflow must
 * remain inside the shared page width, otherwise 100vw adds a page scrollbar. */
@media (min-width: 576px) and (max-width: 575px) {
  .home-v2 #v2-how-we-work.v2-how-we-work {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* Keep the parent anchors as the click targets without hiding their live
 * HTML layers. The old SVG-only composition made this block scale and render
 * inconsistently on real mobile browsers. */
@media (max-width: 575px) {
  .home-v2 .v2-hero-promos .v2-promo,
  .home-v2 .v2-hero-promos .v2-promo:hover,
  .home-v2 .v2-hero-promos .v2-promo:focus,
  .home-v2 .v2-hero-promos .v2-promo:active {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
  }
}

/* Final mobile safeguard for the two promo cards. The reference frame is
 * 360 px wide with a 320 x 204 calculator card. Use the lightweight image
 * only for the photograph; copy and CTA stay as separate live layers. */
@media (max-width: 575px) {
  html body .home-v2 .v2-hero-promos {
    margin-right: auto !important;
    margin-left: auto !important;
    background: none !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo-green {
    background: #527b00 url('/image/catalog/figma-home/mobile-promo-calculator-cutout-v1.webp?v=1') right -60px bottom -28px / 260px auto no-repeat !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo > span:not(.v2-promo-button),
  html body .home-v2 .v2-hero-promos .v2-promo > p,
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    display: block !important;
    visibility: visible !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    display: inline-flex !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo > span em {
    display: inline !important;
    visibility: visible !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo-green > p {
    max-width: 160px !important;
  }
}

/* 576–767 px keeps the fluid mobile composition.  The 768 artwork begins
 * exactly at its own breakpoint, so no two-card tablet rule leaks below it. */
@media (min-width: 576px) and (max-width: 575px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .home-v2 { min-width: 0; overflow-x: clip; }
  .home-v2 .v2-hero-promos {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 444px !important;
    gap: 14px !important;
    background: none !important;
  }
  .home-v2 .v2-hero-promos .v2-promo {
    width: 100% !important;
    flex: 0 0 auto !important;
    padding: 20px !important;
    background-repeat: no-repeat !important;
    background-position: center, right bottom !important;
    background-size: cover, auto 100% !important;
  }
  .home-v2 .v2-hero-promos .v2-promo-dark {
    min-height: 226px !important;
    background-color: #35404c !important;
    background-image: linear-gradient(90deg, rgba(43,54,66,.98), rgba(43,54,66,.1)), url('/image/catalog/figma-home/promo-nonstandard.png') !important;
  }
  .home-v2 .v2-hero-promos .v2-promo-green {
    min-height: 204px !important;
    background-color: #71be00 !important;
    background-image: url('/image/catalog/figma-home/promo-calculator.png') !important;
  }
  .home-v2 .v2-hero-promos .v2-promo > span {
    display: block !important;
    max-width: 190px !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    text-transform: uppercase !important;
  }
  .home-v2 .v2-hero-promos .v2-promo > p {
    display: block !important;
    max-width: 245px !important;
    margin: 9px 0 0 !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 149px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    background: #71be00 !important;
    color: #fff !important;
    margin-top: auto !important;
    align-self: flex-start !important;
  }
  .home-v2 .v2-hero-promos .v2-promo-green > .v2-promo-button { background: #dce1e5 !important; color: #566271 !important; }
  .home-v2 .v2-benefits,
  .home-v2 .v2-grid-2,
  .home-v2 .v2-grid-3,
  .home-v2 .v2-grid-4,
  .home-v2 .v2-review-grid,
  .home-v2 .v2-woodwork__grid,
  .home-v2 .v2-services .v2-mosaic,
  .home-v2 .v2-related__grid,
  .home-v2 .v2-category-slot .us-categories-wall-row { grid-template-columns: 1fr !important; }
}

/* Figma 360: second hero banner (320 x 250).
 * The supplied SVG is the exact visual composition; only the live controls
 * remain above it as transparent interaction layers. */
@media (max-width: 575px) {
  .home-v2 .v2-slide:nth-child(2) {
    justify-content: flex-start !important;
    padding: 0 !important;
    background: #161719 !important;
  }
  .home-v2 .v2-slide:nth-child(2).is-v2-art-ready { background: #161719 url('/image/catalog/figma-home/hero-banner02-mobile-figma-clean.svg?v=2') center -20px / 368px 298px no-repeat !important; }

  .home-v2 .v2-slide:nth-child(2)::before,
  .home-v2 .v2-slide:nth-child(2)::after,
  .home-v2 .v2-slide:nth-child(2) .v2-eyebrow,
  .home-v2 .v2-slide:nth-child(2) .v2-slide-title,
  .home-v2 .v2-slide:nth-child(2) .v2-slide-subtitle {
    display: none !important;
  }

  .home-v2 .v2-slide:nth-child(2) .v2-button {
    position: absolute !important;
    z-index: 2 !important;
    top: 151px !important;
    left: 20px !important;
    display: block !important;
    width: 180px !important;
    min-width: 180px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

}

/* Figma 360: first hero banner (320 x 250). */
@media (max-width: 575px) {
  .home-v2 .v2-slide:nth-child(1) {
    justify-content: flex-start !important;
    padding: 28px 20px 18px !important;
    /* Mobile export of the same approved hero artwork: 25 KB instead of the
       1.38 MB desktop PNG. Keep the existing cover crop and all live text. */
    background: #e6eaed url('/image/catalog/figma-home/mobile-hero-01.webp') center / cover no-repeat !important;
  }

  .home-v2 .v2-slide:nth-child(1)::before,
  .home-v2 .v2-slide:nth-child(1)::after {
    display: none !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-slide-title {
    width: 224px !important;
    max-width: 224px !important;
    margin: 0 0 8px !important;
    color: #566271 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-slide-title span,
  .home-v2 .v2-slide:nth-child(1) .v2-slide-title em {
    display: inline !important;
    color: #71be00 !important;
    font-style: normal !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-hero-facts {
    width: 190px !important;
    max-width: 190px !important;
    margin: 0 0 10px !important;
    color: #66717e !important;
    font-size: 8px !important;
    line-height: 12px !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-button {
    align-self: flex-start !important;
    width: 147px !important;
    min-width: 147px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 1px !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-dots {
    left: 20px !important;
    bottom: 20px !important;
    gap: 8px !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-dots button {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-dots button.is-active {
    width: 18px !important;
    flex-basis: 18px !important;
    border-radius: 6px !important;
  }
}

/* Figma 360: third hero banner (320 x 250).
 * The source SVG contains the exact Figma composition.  The live CTA and
 * slider controls remain as transparent interaction layers above it. */
@media (max-width: 575px) {
  .home-v2 .v2-slide:nth-child(3) {
    justify-content: flex-start !important;
    padding: 0 !important;
    background: #59653d !important;
  }
  .home-v2 .v2-slide:nth-child(3).is-v2-art-ready { background: #59653d url('/image/catalog/figma-home/hero-banner03-mobile-clean.svg?v=1') center -20px / 368px 298px no-repeat !important; }

  .home-v2 .v2-slide:nth-child(3)::before,
  .home-v2 .v2-slide:nth-child(3)::after,
  .home-v2 .v2-slide:nth-child(3) .v2-eyebrow,
  .home-v2 .v2-slide:nth-child(3) .v2-slide-title,
  .home-v2 .v2-slide:nth-child(3) .v2-slide-subtitle,
  .home-v2 .v2-slide:nth-child(3) .v2-slide-facts {
    display: none !important;
  }

  .home-v2 .v2-slide:nth-child(3) .v2-button {
    position: absolute !important;
    z-index: 2 !important;
    top: 151px !important;
    left: 20px !important;
    display: block !important;
    width: 193px !important;
    min-width: 193px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

}

/* Figma 360: fourth hero banner (320 x 250).
 * The supplied source SVG contains the approved Figma composition.  Keep only
 * the actual CTA as a transparent live control above the visual asset. */
@media (max-width: 575px) {
  .home-v2 .v2-slide:nth-child(4) {
    justify-content: flex-start !important;
    padding: 0 !important;
    background: #e1e6e9 !important;
  }
  .home-v2 .v2-slide:nth-child(4).is-v2-art-ready { background: #e1e6e9 url('/image/catalog/figma-home/hero-banner04-mobile-figma-clean.svg?v=1') center -20px / 368px 298px no-repeat !important; }

  .home-v2 .v2-slide:nth-child(4)::before,
  .home-v2 .v2-slide:nth-child(4)::after,
  .home-v2 .v2-slide:nth-child(4) .v2-eyebrow,
  .home-v2 .v2-slide:nth-child(4) .v2-slide-title,
  .home-v2 .v2-slide:nth-child(4) .v2-slide-subtitle,
  .home-v2 .v2-slide:nth-child(4) .v2-slide-facts,
  .home-v2 .v2-slide:nth-child(4) .v2-facade-blur {
    display: none !important;
  }

  .home-v2 .v2-slide:nth-child(4) .v2-button {
    position: absolute !important;
    z-index: 2 !important;
    top: 151px !important;
    left: 20px !important;
    display: block !important;
    width: 193px !important;
    min-width: 193px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

}

/* Figma 360: fifth and final hero banner (320 x 250).
 * Its SVG supplies the composition; the existing slider dots remain live. */
@media (max-width: 575px) {
  .home-v2 .v2-slide:nth-child(5) {
    justify-content: flex-start !important;
    padding: 0 !important;
    background: #161719 !important;
  }
  .home-v2 .v2-slide:nth-child(5).is-v2-art-ready { background: #161719 url('/image/catalog/figma-home/hero-banner05-mobile-source-clean.svg?v=1') center -20px / 368px 298px no-repeat !important; }

  .home-v2 .v2-slide:nth-child(5)::before,
  .home-v2 .v2-slide:nth-child(5)::after,
  .home-v2 .v2-slide:nth-child(5) .v2-eyebrow,
  .home-v2 .v2-slide:nth-child(5) .v2-slide-title,
  .home-v2 .v2-slide:nth-child(5) .v2-slide-subtitle,
  .home-v2 .v2-slide:nth-child(5) .v2-slide-facts {
    display: none !important;
  }

  .home-v2 .v2-slide:nth-child(5) .v2-button {
    position: absolute !important;
    z-index: 2 !important;
    top: 163px !important;
    left: 20px !important;
    display: block !important;
    width: 191px !important;
    min-width: 191px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
}

/* Sticky mobile header — separate from the ordinary 360 px header. */
@media (max-width: 575px) {
  .v2-mobile-sticky-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    z-index: 1600 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 27px 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(44, 57, 70, .16) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-110%) !important;
    transition: opacity .2s ease, transform .2s ease !important;
  }
  .v2-mobile-sticky-header.is-visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
  .v2-mobile-sticky-header__row {
    display: flex !important;
    height: 49.5px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 5px !important;
  }
  .v2-mobile-sticky-header__logo {
    display: inline-flex !important;
    width: 72.6px !important;
    height: 49.5px !important;
    flex: 0 0 72.6px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }
  .v2-mobile-sticky-header__logo img {
    display: block !important;
    width: 72.6px !important;
    height: 49.5px !important;
    content: url('/catalog/view/theme/oct_ultrastore/image/logo-mobile-4x.png?v=1') !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: auto !important;
  }
  .v2-mobile-sticky-header__messenger {
    display: inline-flex !important;
    width: 28px !important;
    height: 32px !important;
    flex: 0 0 28px !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
  }
  .v2-mobile-sticky-header__messenger img {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
    filter: none !important;
    transition: opacity .18s ease !important;
  }
  .v2-mobile-sticky-header__messenger:hover img,
  .v2-mobile-sticky-header__messenger:focus img { opacity: .72 !important; }
  .v2-mobile-sticky-header__max img { border-radius: 0 !important; }
  .v2-mobile-sticky-header__inline-icon {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    color: #797f86 !important;
    transition: color .18s ease, opacity .18s ease !important;
  }
  .v2-mobile-sticky-header__messenger:hover .v2-mobile-sticky-header__inline-icon,
  .v2-mobile-sticky-header__messenger:focus .v2-mobile-sticky-header__inline-icon {
    color: #71be00 !important;
  }
  .v2-mobile-sticky-header__menu {
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 0 0 2px !important;
    padding: 0 !important;
    flex: 0 0 40px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #71be00 !important;
    cursor: pointer !important;
  }
  .v2-mobile-sticky-header__menu span {
    display: block !important;
    width: 23px !important;
    height: 2px !important;
    margin: 0 !important;
    background: #fff !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }
  .v2-mobile-sticky-header__menu.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg) !important; }
  .v2-mobile-sticky-header__menu.is-open span:nth-child(2) { opacity: 0 !important; }
  .v2-mobile-sticky-header__menu.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg) !important; }
  .v2-mobile-sticky-header__search {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #71be00 !important;
    background: #fff !important;
  }
  .v2-mobile-sticky-header__search input[type='search'] {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 52px 0 20px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #56616d !important;
    font: 400 20px/50px 'Open Sans', Arial, sans-serif !important;
  }
  .v2-mobile-sticky-header__search input::placeholder { color: #c5c9cd !important; opacity: 1 !important; }
  .v2-mobile-sticky-header__search button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: flex !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #7d858d !important;
    font-size: 24px !important;
    cursor: pointer !important;
  }
}

@media (max-width: 575px) {
  #us_menu_mobile_box.v2-mobile-menu-ready {
    flex-direction: column !important;
    width: min(360px, 100vw) !important;
    max-width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_title {
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    height: 67px !important;
    min-height: 67px !important;
    padding: 12px 20px 10px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    border: 0 !important;
    background: #fff !important;
  }

  #us_menu_mobile_box.v2-mobile-menu-ready .modal-title { display: none !important; }
  #us_menu_mobile_box.v2-mobile-menu-ready .v2-mobile-menu-logo {
    display: block !important;
    width: 44px !important;
    height: 30px !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }
  #us_menu_mobile_box.v2-mobile-menu-ready .v2-mobile-menu-logo img {
    display: block !important;
    width: 44px !important;
    height: 30px !important;
    content: url('/catalog/view/theme/oct_ultrastore/image/logo-mobile-4x.png?v=1') !important;
    object-fit: contain !important;
    object-position: center !important;
    image-rendering: auto !important;
  }

  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_close {
    position: relative !important;
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #71be00 !important;
  }
  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_close svg { display: none !important; }
  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_close::before,
  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_close::after {
    content: '' !important;
    position: absolute !important;
    top: 17px !important;
    left: 9px !important;
    width: 18px !important;
    height: 2px !important;
    background: #fff !important;
  }
  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_close::before { transform: rotate(45deg) !important; }
  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_close::after { transform: rotate(-45deg) !important; }

  #us_menu_mobile_box.v2-mobile-menu-ready #us_menu_mobile_content {
    position: absolute !important;
    inset: 67px 0 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
  }

  .v2-mobile-menu-root,
  .v2-mobile-catalog-panel { display: none !important; }
  .v2-mobile-menu-root.is-active,
  .v2-mobile-catalog-panel.is-active { display: block !important; }

  .v2-mobile-root-list,
  .v2-mobile-root-submenu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .v2-mobile-root-list { padding: 0 20px !important; }
  .v2-mobile-root-item { border-bottom: 1px solid #e8ebed !important; }
  .v2-mobile-root-link,
  .v2-mobile-root-trigger {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    min-height: 51px !important;
    margin: 0 !important;
    padding: 13px 28px 13px 0 !important;
    align-items: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #505a66 !important;
    font: 400 16px/1.45 'Open Sans', Arial, sans-serif !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  .v2-mobile-root-link:hover,
  .v2-mobile-root-link:focus,
  .v2-mobile-root-trigger:hover,
  .v2-mobile-root-trigger:focus { color: #71be00 !important; }
  .v2-mobile-menu-chevron {
    position: absolute !important;
    top: 50% !important;
    right: 3px !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: translateY(-50%) rotate(45deg) !important;
    transition: transform .2s ease !important;
  }
  .v2-mobile-root-item.is-open > .v2-mobile-root-trigger .v2-mobile-menu-chevron {
    transform: translateY(-65%) rotate(135deg) !important;
  }
  .v2-mobile-root-submenu {
    display: none !important;
    margin: 0 -20px !important;
    padding: 3px 40px 9px !important;
    background: #f3f5f6 !important;
  }
  .v2-mobile-root-item.is-open > .v2-mobile-root-submenu { display: block !important; }
  .v2-mobile-root-subitem { border-bottom: 1px solid #e2e5e7 !important; }
  .v2-mobile-root-subitem:last-child { border-bottom: 0 !important; }
  .v2-mobile-root-sublink {
    display: block !important;
    padding: 12px 0 !important;
    color: #59636e !important;
    font: 400 14px/1.35 'Open Sans', Arial, sans-serif !important;
    text-decoration: none !important;
  }
  .v2-mobile-root-sublink:hover,
  .v2-mobile-root-sublink:focus { color: #71be00 !important; }

  .v2-mobile-menu-contacts {
    padding: 27px 20px 42px !important;
    color: #505a66 !important;
  }
  .v2-mobile-contact-row { margin: 0 0 22px !important; }
  .v2-mobile-contact-label {
    margin: 0 0 7px !important;
    color: #505a66 !important;
    font: 700 16px/1.25 'Open Sans', Arial, sans-serif !important;
  }
  .v2-mobile-contact-value,
  .v2-mobile-contact-link {
    display: block !important;
    color: #59636e !important;
    font: 400 14px/1.45 'Open Sans', Arial, sans-serif !important;
    text-decoration: none !important;
  }
  .v2-mobile-contact-link:hover,
  .v2-mobile-contact-link:focus { color: #71be00 !important; }
  .v2-mobile-messengers { display: flex !important; flex-direction: column !important; gap: 9px !important; }
  .v2-mobile-messengers .v2-mobile-contact-label { margin-bottom: 1px !important; }
  .v2-mobile-messenger-link {
    display: inline-flex !important;
    width: max-content !important;
    align-items: center !important;
    gap: 10px !important;
    color: #59636e !important;
    font: 400 14px/1.2 'Open Sans', Arial, sans-serif !important;
    text-decoration: none !important;
  }
  .v2-mobile-messenger-link:hover,
  .v2-mobile-messenger-link:focus { color: #71be00 !important; }
  .v2-mobile-messenger-icon {
    display: inline-flex !important;
    width: 24px !important;
    height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #7c858f !important;
    font-size: 21px !important;
  }
  .v2-mobile-messenger-link:hover .v2-mobile-messenger-icon { color: #71be00 !important; }
  .v2-mobile-max-icon {
    background: url('/image/max-h.png') 50% 50% / contain no-repeat !important;
    border-radius: 50% !important;
  }

  .v2-mobile-catalog-heading {
    position: relative !important;
    display: flex !important;
    min-height: 43px !important;
    padding: 1px 20px 8px !important;
    align-items: center !important;
  }
  .v2-mobile-catalog-title {
    color: #4e5863 !important;
    font: 600 22px/1.25 'Open Sans', Arial, sans-serif !important;
  }
  .v2-mobile-catalog-back {
    width: 26px !important;
    height: 34px !important;
    margin: 0 3px 0 -9px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #68727c !important;
    font: 300 34px/1 Arial, sans-serif !important;
    cursor: pointer !important;
  }
  .v2-mobile-catalog-search {
    position: relative !important;
    display: block !important;
    height: 40px !important;
    margin: 0 20px 12px !important;
    border: 1px solid #71be00 !important;
    background: #fff !important;
  }
  .v2-mobile-catalog-search input[type='search'] {
    width: 100% !important;
    height: 38px !important;
    padding: 0 43px 0 12px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #505a66 !important;
    font: 400 13px/38px 'Open Sans', Arial, sans-serif !important;
  }
  .v2-mobile-catalog-search-button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 40px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #98a0a8 !important;
    font-size: 17px !important;
    cursor: pointer !important;
  }

  .v2-mobile-catalog-panel > #oct-menu-ul {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 20px 35px !important;
    overflow: visible !important;
    background: #fff !important;
  }
  .v2-mobile-catalog-panel > #oct-menu-ul > .oct-menu-li {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e4e7e9 !important;
    background: #fff !important;
  }
  .v2-mobile-catalog-panel > #oct-menu-ul > .oct-menu-li > .d-flex {
    min-height: 57px !important;
    padding: 0 !important;
  }
  .v2-mobile-catalog-panel > #oct-menu-ul > .oct-menu-li > .d-flex > .oct-menu-a {
    display: flex !important;
    min-height: 57px !important;
    padding: 11px 8px 11px 0 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    color: #505a66 !important;
    font: 400 14px/1.32 'Open Sans', Arial, sans-serif !important;
    text-decoration: none !important;
  }
  .v2-mobile-catalog-panel > #oct-menu-ul > .oct-menu-li > .d-flex > .oct-menu-toggle {
    display: flex !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 57px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    color: #4f5963 !important;
    font-size: 15px !important;
    cursor: pointer !important;
  }
  .v2-mobile-catalog-panel .oct-menu-child-ul {
    z-index: 7 !important;
    background: #fff !important;
  }
}

/* Must remain last: review pager is independent from the theme slider rules. */
@media (max-width: 575px) {
  html body .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-reviews__dots {
    position: absolute !important;
    z-index: 10 !important;
    bottom: 0 !important;
    left: 50% !important;
    display: flex !important;
    width: auto !important;
    height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    transform: translateX(-50%) !important;
  }
  html body .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-reviews__dots button {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 12px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.12) !important;
    pointer-events: auto !important;
    cursor: pointer !important;
  }
  html body .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-reviews__dots button.is-active {
    width: 18.4px !important;
    min-width: 18.4px !important;
    flex-basis: 18.4px !important;
    border-radius: 6px !important;
    background: #71be00 !important;
  }
  html body .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review:not(.is-current) { display: block !important; }
}

/* Must remain last: live 360 workflow cards never use the desktop SVG crop. */
@media (max-width: 575px) {
  html body .home-v2 #v2-how-we-work .v2-steps li,
  html body .home-v2 #v2-how-we-work .v2-steps li:nth-child(n) {
    display: block !important;
    box-sizing: border-box !important;
    padding: 18px 20px !important;
    color: #525c68 !important;
    background: #fff !important;
    background-image: none !important;
    background-position: 0 0 !important;
    background-size: auto !important;
    font-size: inherit !important;
    counter-increment: none !important;
  }
  html body .home-v2 #v2-how-we-work .v2-steps li::before,
  html body .home-v2 #v2-how-we-work .v2-steps li::after { content: none !important; display: none !important; }
  html body .home-v2 #v2-how-we-work .v2-how-step__number { display: block !important; margin: 0 0 14px !important; color: #71be00 !important; font: 800 40px/42px 'Open Sans', Arial, sans-serif !important; }
  html body .home-v2 #v2-how-we-work .v2-how-step__title { display: block !important; margin: 0 0 12px !important; color: #525c68 !important; font: 700 18px/22px 'Open Sans', Arial, sans-serif !important; }
  html body .home-v2 #v2-how-we-work .v2-how-step__description { display: block !important; color: #7b7f84 !important; font: 400 15px/19px 'Open Sans', Arial, sans-serif !important; }
}

/* Figma 360: «Пиломатериалы для бани».  The supplied SVG is the visual
 * source; transparent native anchors retain the existing OpenCart routes. */
@media (max-width: 575px) {
  .home-v2 #v2-bath-materials.v2-bath-materials {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: 853px !important;
    min-height: 0 !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }
  .home-v2 #v2-bath-materials .v2-bath-materials__canvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: #fff !important;
    pointer-events: none !important;
  }
  .home-v2 #v2-bath-materials.is-v2-art-ready .v2-bath-materials__canvas { background: #fff url('/image/catalog/figma-home/bath-materials-mobile-360.svg?v=1') center top / 360px 853px no-repeat !important; }
  .home-v2 #v2-bath-materials .v2-bath-materials__fallback { display: none !important; }
  .home-v2 #v2-bath-materials .v2-bath-materials__card {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    width: 320px !important;
    height: 177px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: none !important;
  }
  .home-v2 #v2-bath-materials .v2-bath-materials__card--floor { left: 20px !important; top: 174px !important; }
  .home-v2 #v2-bath-materials .v2-bath-materials__card--shelves { left: 20px !important; top: 381px !important; }
  .home-v2 #v2-bath-materials .v2-bath-materials__card--walls { left: 20px !important; top: 588px !important; }
  .home-v2 #v2-bath-materials .v2-bath-materials__card:focus-visible { outline: 2px solid #71be00 !important; outline-offset: 2px !important; }
}

/* Figma 360: «Отзывы клиентов» — one live review per slide. */
@media (max-width: 575px) {
  .home-v2 .v2-reviews[data-v2-reviews-slider] {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: 452px !important;
    min-height: 0 !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-heading { position: absolute !important; top: 0 !important; left: 20px !important; right: 20px !important; z-index: 2 !important; margin: 0 !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-heading h2 { margin: 0 !important; color: #525c68 !important; font: 700 20px/22px 'Open Sans', Arial, sans-serif !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-heading a { position: absolute !important; top: 0 !important; right: 0 !important; width: 28px !important; height: 28px !important; overflow: hidden !important; color: #71be00 !important; font-size: 0 !important; text-decoration: none !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-heading a::before { content: '→' !important; font: 400 30px/24px Arial, sans-serif !important; }
  .home-v2 .v2-reviews__viewport { position: absolute !important; top: 52px !important; left: 20px !important; width: 320px !important; height: 360px !important; overflow: hidden !important; touch-action: pan-y !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review-grid { display: block !important; width: 320px !important; height: 360px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-reviews__track { display: flex !important; width: max-content !important; height: 360px !important; gap: 12px !important; transition: transform .28s ease !important; will-change: transform !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review { box-sizing: border-box !important; display: block !important; width: 320px !important; height: 360px !important; min-height: 360px !important; margin: 0 !important; padding: 24px 20px !important; flex: 0 0 320px !important; overflow: hidden !important; border: 0 !important; border-radius: 1px !important; background: #f5f6f7 !important; box-shadow: none !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review:not(.is-current) { display: block !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review__meta { display: grid !important; grid-template-columns: 1fr auto !important; gap: 8px 12px !important; margin: 0 0 20px !important; color: #525c68 !important; font: 700 15px/20px 'Open Sans', Arial, sans-serif !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review__stars { grid-column: 1 / -1 !important; color: #71be00 !important; font-size: 19px !important; letter-spacing: 2px !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review__meta time { color: #8b939b !important; font-weight: 400 !important; }
  .home-v2 .v2-reviews[data-v2-reviews-slider] .v2-review p { margin: 0 !important; color: #6d7680 !important; font: 400 16px/23px 'Open Sans', Arial, sans-serif !important; }
  .home-v2 .v2-reviews__dots { position: absolute !important; bottom: 0 !important; left: 50% !important; z-index: 2 !important; display: flex !important; height: 12px !important; gap: 8px !important; transform: translateX(-50%) !important; }
  .home-v2 .v2-reviews__dots button { width: 12px !important; height: 12px !important; margin: 0 !important; padding: 0 !important; flex: 0 0 12px !important; border: 0 !important; border-radius: 50% !important; background: rgba(0,0,0,.12) !important; }
  .home-v2 .v2-reviews__dots button.is-active { width: 18.4px !important; flex-basis: 18.4px !important; border-radius: 6px !important; background: #71be00 !important; }
}

/* Real phones wider than the 360 px reference keep the accepted 320 px
 * content canvas centred. Full-bleed section backgrounds continue to span the
 * viewport. The 360 px reference itself is intentionally unchanged. */
@media (min-width: 361px) and (max-width: 575px) {
  html body .home-v2 .v2-related .v2-heading h2,
  html body .home-v2 .v2-related__card,
  html body .home-v2 .v2-woodwork .v2-heading h2,
  html body .home-v2 .v2-woodwork__card,
  html body .home-v2 #v2-bath-materials .v2-bath-materials__card,
  html body .home-v2 .v2-reviews__viewport,
  html body .home-v2 .v2-help--figma > h2.visually-hidden,
  html body .home-v2 .v2-help--figma > .v2-help__intro,
  html body .home-v2 .v2-help--figma form,
  html body .home-v2 .v2-services > .v2-a11y-heading {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  html body .home-v2 .v2-stock .v2-a11y-heading,
  html body .home-v2 .v2-stock__figma {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body .home-v2 #v2-production .v2-production-figma__fallback {
    width: 100vw !important;
    padding-right: calc((100vw - 296px) / 2) !important;
    padding-left: calc((100vw - 296px) / 2) !important;
  }

  html body .home-v2 #v2-production .v2-production-figma__picture {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  html body .home-v2 #v2-bath-materials.v2-bath-materials::before {
    left: calc((100vw - 320px) / 2) !important;
    transform: none !important;
  }
}

/* Mobile acceptance follow-up: the isolated sill image sits between its live
 * heading and CTA, while the obsolete fixed contacts never bleed through the
 * custom sticky header transition. */
@media (max-width: 575px) {
  html body .home-v2 .v2-woodwork__card--sill {
    background-position: right -36px !important;
  }

  html body header > .container > .row > .us-phone-box {
    display: none !important;
  }
}

/* Figma 360, fourth hero: preserve the source composition as live text and
 * optimised independent image layers.  This avoids reintroducing the large
 * composite SVG while keeping the title, copy and CTA in their source places. */
@media (max-width: 575px) {
  html body .home-v2 .v2-slide:nth-child(4) {
    background-color: #e1e6e9 !important;
    background-image: linear-gradient(110deg, #eef1f3, #dfe5e8) !important;
    background-position: center !important;
    background-size: cover !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title {
    top: 29px !important;
    width: 275px !important;
    color: #525c68 !important;
    font: 800 18px/1.08 'Open Sans', Arial, sans-serif !important;
    white-space: nowrap !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title::before {
    content: none !important;
    display: none !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title span {
    color: #71be00 !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-title em {
    color: #525c68 !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-slide-subtitle {
    top: 64px !important;
    width: 225px !important;
    color: #525c68 !important;
    font: 700 12px/1.15 'Open Sans', Arial, sans-serif !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-button {
    top: 152px !important;
    width: 184px !important;
    min-width: 184px !important;
  }

  html body .home-v2 .v2-slide:nth-child(4)::before,
  html body .home-v2 .v2-slide:nth-child(4)::after,
  html body .home-v2 .v2-slide:nth-child(4) .v2-facade-blur,
  html body .home-v2 .v2-slide:nth-child(4) .v2-facade-bush {
    display: block !important;
    position: absolute !important;
    content: '' !important;
    pointer-events: none !important;
  }

  html body .home-v2 .v2-slide:nth-child(4)::after {
    left: auto !important;
    top: auto !important;
    right: -175px !important;
    bottom: -75px !important;
    width: 269px !important;
    height: 255px !important;
    background: url('/image/catalog/figma-home/mobile-hero-04-house-figma.webp?v=2') center / cover no-repeat !important;
    transform: scaleX(-1) !important;
    z-index: 1 !important;
  }

  html body .home-v2 .v2-slide:nth-child(4)::before {
    left: 205px !important;
    top: 150px !important;
    right: auto !important;
    bottom: auto !important;
    width: 89px !important;
    height: 87px !important;
    background: url('/image/catalog/figma-home/mobile-hero-04-bushes-figma.webp?v=2') right top / 200% 200% no-repeat !important;
    z-index: 2 !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-facade-bush {
    left: 179px !important;
    top: 175px !important;
    width: 114px !important;
    height: 111px !important;
    background: url('/image/catalog/figma-home/mobile-hero-04-bushes-figma.webp?v=2') right bottom / 200% 200% no-repeat !important;
    z-index: 3 !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-facade-blur {
    left: 145px !important;
    top: 202px !important;
    width: 88px !important;
    height: 87px !important;
    background: url('/image/catalog/figma-home/mobile-hero-04-bushes-figma.webp?v=2') left bottom / 200% 200% no-repeat !important;
    filter: blur(7px) !important;
    opacity: .34 !important;
    z-index: 2 !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-dots button {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .55) !important;
    transform: none !important;
  }

  html body .home-v2 .v2-slide:nth-child(4) .v2-dots button.is-active {
    width: 18px !important;
    flex-basis: 18px !important;
    border-radius: 6px !important;
    background: #71be00 !important;
  }
}

/* Beget visible homepage H2 patch 20260915 */
@media (max-width:575px){
  .home-v2 #v2-sheet-materials .v2-art-heading {
    top:0!important;left:0!important;width:169px!important;color:#525c68!important;
    font:800 28px/1.214 'Open Sans',Arial,sans-serif!important;white-space:normal!important;
  }
  .home-v2 #v2-production .v2-production-fallback-title {visibility:hidden!important;}
  .home-v2 #v2-production .v2-art-heading {
    top:78px!important;left:calc((100vw - 296px)/2)!important;width:296px!important;color:#525c68!important;
    font:800 28px/1.214 'Open Sans',Arial,sans-serif!important;white-space:normal!important;
  }
  .home-v2 #v2-how-we-work .v2-how-we-work__fallback .v2-heading {visibility:hidden!important;}
  .home-v2 #v2-how-we-work .v2-art-heading {
    top:0!important;left:20px!important;color:#353e48!important;
    font:700 20px/22px 'Open Sans',Arial,sans-serif!important;
    letter-spacing:-.03em!important;white-space:nowrap!important;
  }
  html body .home-v2 #v2-bath-materials.v2-bath-materials::before {content:none!important;display:none!important;}
  .home-v2 #v2-bath-materials .v2-art-heading {
    top:58px!important;left:calc((100vw - 320px)/2)!important;width:250px!important;color:#fff!important;
    font:800 28px/1.05 'Open Sans',Arial,sans-serif!important;white-space:normal!important;
  }
}