/* Tablet reconciliation for the supplied 768 px homepage SVG.
   This layer is deliberately isolated from the approved mobile and desktop layouts. */
@media (min-width: 576px) and (max-width: 1024px) {
  :root {
    --v2-tablet-gutter: 20px;
    --v2-tablet-content: calc(100vw - 40px);
  }

  html,
  body {
    overflow-x: hidden;
  }

  .home-v2 .container,
  header > .container,
  .menu-row > .container,
  footer .container {
    width: 100vw;
    max-width: none;
    padding-left: var(--v2-tablet-gutter);
    padding-right: var(--v2-tablet-gutter);
  }

  /* Header: exact 48/120/40 px rows from the 768 px source. */
  #top {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    background: #353e48 !important;
    box-shadow: none !important;
  }

  #top > .container {
    width: 100vw !important;
    height: 48px !important;
    padding: 0 var(--v2-tablet-gutter) !important;
  }

  #top .row,
  #top-links {
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    align-items: center !important;
  }

  #top > .container > .us-mobile-top-btn,
  #top > .container > #us_menu_mobile_button,
  #top > .container > #dropdown_menu_info,
  #top > .container > #us_cart_mobile {
    display: none !important;
  }

  #top #top-links {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    justify-content: flex-start !important;
  }

  #top .v2-top-contacts {
    display: flex !important;
    height: 48px !important;
    margin: 0 !important;
    align-items: center !important;
    gap: 12px !important;
    color: #fff !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  #top .v2-top-contacts a,
  #top .v2-top-phone {
    color: #fff !important;
  }

  #top .v2-top-phone {
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  #top .v2-top-messenger {
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #top .btn-group,
  #top #language,
  #top #currency,
  #top #us-account-dropdown {
    display: none !important;
  }

  header {
    height: 120px !important;
    min-height: 120px !important;
    padding: 0 !important;
  }

  header > .container,
  header > .container > .row {
    height: 120px !important;
    min-height: 120px !important;
  }

  header > .container > .row {
    margin: 0 !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  header #logo {
    display: flex !important;
    flex: 0 0 110px !important;
    max-width: 110px !important;
    height: 120px !important;
    padding: 12px 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  header .us-logo-img {
    width: 90px !important;
    max-width: 90px !important;
    max-height: 96px !important;
    object-fit: contain !important;
  }

  header .us-search-box,
  header .us-search-box_hidden {
    display: block !important;
    flex: 0 0 296px !important;
    width: 296px !important;
    max-width: 296px !important;
    margin: 0 18px 0 0 !important;
    padding: 0 !important;
  }

  header .header-input-group {
    height: 40px !important;
    border: 1px solid #71be00 !important;
    background: #fff !important;
  }

  header .header-input-group input,
  header .header-input-group button {
    height: 38px !important;
  }

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

  header .v2-header-actions {
    display: flex !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    height: 120px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: space-around !important;
  }

  header .v2-header-action {
    display: flex !important;
    min-width: 62px !important;
    height: 74px !important;
    padding: 0 4px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: #7f8993 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  header .v2-header-action-icon,
  header .v2-header-action i {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    object-fit: contain !important;
  }

  header #cart {
    display: flex !important;
    flex: 0 0 68px !important;
    max-width: 68px !important;
    height: 120px !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  header #cart .us-cart-img,
  header #cart .us-cart-img img {
    display: block !important;
    width: 29px !important;
    height: 29px !important;
  }

  header #cart .us-cart-img {
    position: relative !important;
    margin: 0 0 7px !important;
  }

  header #cart .us-cart-img img {
    content: url('/image/catalog/figma-home/header-cart.svg') !important;
  }

  header #cart .header-cart-index {
    top: -7px !important;
    right: -8px !important;
    left: auto !important;
    min-width: 16px !important;
    height: 16px !important;
    padding: 0 3px !important;
    border-radius: 9px !important;
    background: #71be00 !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 16px !important;
  }

  header #cart .us-cart-content > span {
    display: block !important;
    color: #7f8993 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    white-space: nowrap !important;
  }

  header #cart .us-cart-text,
  header #cart .us-cart-link {
    display: none !important;
  }

  .menu-row {
    display: block !important;
    height: 40px !important;
    min-height: 40px !important;
    background: #353e48 !important;
  }

  .menu-row > .container,
  .menu-row > .container > .row {
    height: 40px !important;
    min-height: 40px !important;
  }

  .menu-row > .container > .row {
    margin: 0 !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  .menu-row #oct-menu-box {
    display: block !important;
    flex: 0 0 210px !important;
    max-width: 210px !important;
    height: 40px !important;
    margin: 0 !important;
  }

  .menu-row #oct-ultra-menu,
  .menu-row .oct-ultra-menu {
    height: 40px !important;
    min-height: 40px !important;
    background: #71be00 !important;
    font-size: 13px !important;
  }

  .menu-row #oct-ultra-menu i,
  .menu-row .oct-ultra-menu i {
    top: 12px !important;
    left: 14px !important;
    font-size: 17px !important;
  }

  .menu-row #oct-menu-dropdown-menu {
    top: 40px !important;
  }

  .menu-row #oct-megamenu-box,
  .menu-row #oct-megamenu {
    display: block !important;
    flex: 1 1 auto !important;
    max-width: none !important;
    height: 40px !important;
    overflow: hidden !important;
  }

  .menu-row .oct-mm-link,
  .menu-row .oct-mm-simple-link,
  .menu-row .oct-mm-link > a,
  .menu-row .oct-mm-simple-link > a {
    height: 40px !important;
  }

  .menu-row .oct-mm-link > a,
  .menu-row .oct-mm-simple-link > a {
    padding: 0 7px !important;
    font-size: 11px !important;
    line-height: 42px !important;
    white-space: nowrap !important;
  }

  /* Homepage container and common section rhythm from the 768 px artboard. */
  .home-v2 {
    padding-bottom: 0 !important;
  }

  .home-v2 .v2-section,
  .home-v2 .v2-grid,
  .home-v2 .v2-production,
  .home-v2 .v2-help,
  .home-v2 .v2-production-categories,
  .home-v2 .v2-how-we-work,
  .home-v2 .v2-bath-materials,
  .home-v2 .v2-custom-order,
  .home-v2 .v2-woodwork,
  .home-v2 .v2-related,
  .home-v2 .v2-services,
  .home-v2 .v2-stock {
    margin-top: 64px;
  }

  .home-v2 .v2-heading h2,
  .home-v2 .v2-custom-order__title,
  .home-v2 .v2-a11y-heading,
  .home-v2 .v2-related h2,
  .home-v2 .v2-woodwork h2 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  /* Hero: main banner, then two horizontal promo cards. */
  .home-v2 .v2-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 34px;
  }

  .home-v2 .v2-slides {
    min-height: 0;
    height: 370px;
    border-radius: 0;
  }

  .home-v2 .v2-slide {
    padding: 38px 44px !important;
    border-radius: 0 !important;
  }

  .home-v2 .v2-slide .v2-slide-title {
    max-width: 430px;
    font-size: 30px !important;
    line-height: 1.13 !important;
  }

  .home-v2 .v2-slide-subtitle {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .home-v2 .v2-slide-facts,
  .home-v2 .v2-hero-facts {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .home-v2 .v2-dots {
    left: 44px;
    bottom: 24px;
  }

  .home-v2 .v2-hero-promos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 206px;
    gap: 14px;
  }

  .home-v2 .v2-promo {
    min-height: 206px;
    padding: 24px;
    border-radius: 0;
  }

  .home-v2 .v2-promo span {
    max-width: 250px;
    font-size: 22px;
  }

  /* Four benefits, 2 x 2. */
  .home-v2 .v2-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 80px;
  }

  .home-v2 .v2-benefits a {
    position: relative;
    min-height: 126px;
    padding: 22px 92px 20px 22px;
    border-radius: 0;
    overflow: hidden;
  }

  .home-v2 .v2-benefits a i {
    position: absolute;
    top: 50%;
    right: 14px;
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
    transform: translateY(-50%);
    font-size: 0 !important;
  }

  .home-v2 .v2-benefits a i img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .home-v2 .v2-benefits b {
    margin: 0;
    font-size: 16px;
    line-height: 1.18;
  }

  .home-v2 .v2-benefits span {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.3;
  }

  /* Product modules: three cards per row at the target width. */
  .home-v2 .v2-product-slot .us-module-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 !important;
  }

  .home-v2 .v2-product-slot .us-item {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .home-v2 .v2-product-slot .us-module-item {
    position: relative;
    min-height: 455px;
    padding: 12px;
    border: 1px solid #e6eaed;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 5px 12px rgba(35, 47, 57, .08);
  }

  .home-v2 .v2-product-slot .us-module-img {
    display: flex;
    height: 205px;
    margin: 0 0 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
  }

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

  .home-v2 .v2-product-slot .us-module-title {
    min-height: 54px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.35;
  }

  .home-v2 .v2-product-slot .us-module-attr-cont {
    min-height: 50px;
    font-size: 11px;
  }

  .home-v2 .v2-product-slot .us-module-price-actual {
    font-size: 18px;
  }

  .home-v2 .v2-product-slot .us-module-cart-btn {
    min-height: 40px;
  }

  /* Video and the paired catalogue cards. */
  .home-v2 .v2-video {
    border-radius: 0;
  }

  .home-v2 .v2-material-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 64px;
  }

  .home-v2 .v2-material-cards article {
    min-height: 232px;
  }

  /* Tablet fallbacks follow the vertical order of the SVG. */
  .home-v2 .v2-sheet-materials {
    position: relative;
  }

  .home-v2 .v2-sheet-materials__canvas,
  .home-v2 .v2-sheet-materials__link {
    display: none;
  }

  .home-v2 .v2-sheet-materials__fallback {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    grid-template-rows: repeat(2, 176px);
    gap: 14px;
  }

  .home-v2 .v2-sheet-materials__fallback a {
    min-height: 0;
    border-radius: 0;
  }

  .home-v2 .v2-sheet-materials__fallback a:first-child {
    grid-row: span 2;
  }

  .home-v2 .v2-production-figma {
    display: block;
    padding: 0;
    background: transparent;
  }

  .home-v2 .v2-production-figma__canvas {
    display: none;
  }

  .home-v2 .v2-production-figma__fallback {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 34px;
    border-radius: 0;
    background: var(--v2-paper);
  }

  .home-v2 .v2-production-figma__fallback img {
    width: 100%;
    height: 310px;
    min-height: 0;
    border-radius: 0;
    object-fit: cover;
  }

  .home-v2 .v2-production-categories__canvas,
  .home-v2 .v2-production-categories__cta {
    display: none;
  }

  .home-v2 .v2-production-categories__fallback {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-v2 .v2-production-categories__fallback-card {
    min-height: 235px;
    padding: 28px;
  }

  .home-v2 .v2-production-categories__fallback-card--stairs {
    grid-row: auto;
  }

  .home-v2 .v2-how-we-work__canvas {
    display: none;
  }

  .home-v2 .v2-how-we-work__fallback {
    display: block;
  }

  .home-v2 .v2-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .home-v2 .v2-steps li {
    min-height: 126px;
  }

  .home-v2 .v2-bath-materials__canvas,
  .home-v2 .v2-bath-materials__card {
    display: none;
  }

  .home-v2 .v2-bath-materials__fallback {
    display: block;
    padding: 30px;
    background: #1f1a16;
  }

  .home-v2 .v2-bath-materials__fallback .v2-grid-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
  }

  .home-v2 .v2-bath-materials__fallback .v2-image-card {
    min-height: 292px;
    border-radius: 0;
  }

  .home-v2 .v2-custom-order__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-v2 .v2-custom-order__card {
    min-height: 315px;
  }

  .home-v2 .v2-review-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .home-v2 .v2-review-grid blockquote {
    min-height: 0;
    padding: 18px 0 0;
    border-radius: 0;
    border-top: 1px solid #e4e8ea;
    background: transparent;
    font-size: 16px;
    line-height: 1.5;
  }

  .home-v2 .v2-woodwork__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-v2 .v2-woodwork__card {
    min-height: 285px;
  }

  .home-v2 .v2-related__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .home-v2 .v2-related__card {
    min-height: 285px;
  }

  /* Composite Figma assets scale without horizontal overflow. */
  .home-v2 .v2-services {
    overflow: hidden;
  }

  .home-v2 .v2-services__figma {
    width: 100%;
    min-width: 0;
    aspect-ratio: 1458 / 1060;
    background-size: 100% 100%;
  }

  .home-v2 .v2-stock__figma {
    width: 100%;
    min-width: 0;
    aspect-ratio: 1410 / 1172;
    background-size: 100% 100%;
  }

  /* Form: exact tablet content width, two inputs and a full-width submit. */
  .home-v2 .v2-help--figma {
    position: relative;
    width: 100%;
    min-height: 430px;
    margin-top: 64px;
    padding: 62px var(--v2-tablet-gutter) 0;
    border-radius: 0;
    overflow: hidden;
    background-color: #dce1e5;
    background-image: none;
  }

  .home-v2 .v2-help--figma > h2.visually-hidden {
    position: static !important;
    display: block !important;
    width: auto !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: #566271;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
  }

  .home-v2 .v2-help--figma > h2.visually-hidden::after {
    display: block;
    margin-top: 14px;
    content: 'Опишите задачу — поможем подобрать материал и объём, дадим цену';
    color: #566271;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
  }

  .home-v2 .v2-help--figma form {
    display: grid;
    width: 100%;
    max-width: none;
    margin: 26px 0 0;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .home-v2 .v2-help--figma label {
    display: block;
    margin: 0;
  }

  .home-v2 .v2-help--figma input {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    background: #fff;
  }

  .home-v2 .v2-help--figma .v2-help__submit {
    grid-column: 1 / -1;
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    background: #71be00;
    color: #fff;
    font-size: 24px;
  }

  .home-v2 .v2-help--figma .v2-form-result {
    grid-column: 1 / -1;
  }

  /* Footer at tablet width: two-column groups, no horizontal drift. */
  footer {
    margin-top: 0 !important;
    overflow: hidden;
  }

  footer .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  footer [class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* The theme mobile fixed navigation is not part of the 768 px artboard. */
  #us_menu_mobile_box {
    display: none !important;
  }

  /* Final 768 px geometry pass based on the supplied 768 x 17280 SVG. */
  .home-v2 .v2-slides {
    height: 365px;
  }

  .home-v2 .v2-hero-promos {
    grid-template-rows: 204px;
  }

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

  .home-v2 .v2-benefits a {
    min-height: 128px;
  }

  .home-v2 .v2-product-slot .us-item:nth-child(n + 4) {
    display: none !important;
  }

  .home-v2 .v2-product-slot .us-module-row {
    gap: 16px;
  }

  .home-v2 .v2-product-slot .us-module-item {
    min-height: 489px;
  }

  .home-v2 .v2-product-slot .us-module-img {
    height: 218px;
  }

  .home-v2 .v2-section:has(.v2-video) .v2-video {
    height: 522px;
    padding-top: 0;
  }

  .home-v2 .v2-material-cards {
    gap: 30px;
  }

  .home-v2 .v2-material-cards article {
    min-height: 296px;
  }

  .home-v2 .v2-sheet-materials__fallback {
    grid-template-columns: 349px 349px;
    grid-template-rows: 134px 134px;
    gap: 30px;
  }

  .home-v2 .v2-sheet-materials__fallback .v2-heading {
    grid-column: 1 / -1;
  }

  .home-v2 .v2-sheet-materials__fallback .v2-leaf {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 349px 349px;
    grid-template-rows: 134px 134px;
    gap: 30px;
  }

  .home-v2 .v2-sheet-materials__fallback .v2-leaf a:first-child {
    grid-row: 1 / 3;
    min-height: 298px;
  }

  .home-v2 .v2-production-figma__fallback {
    gap: 30px;
    padding: 32px;
  }

  .home-v2 .v2-production-figma__fallback img {
    height: 562px;
  }

  .home-v2 .v2-production-categories__fallback {
    gap: 30px;
  }

  .home-v2 .v2-production-categories__fallback-card {
    min-height: 206px;
  }

  .home-v2 .v2-production-categories__fallback-card--stairs {
    min-height: 442px;
  }

  .home-v2 .v2-steps {
    gap: 30px;
  }

  .home-v2 .v2-steps li {
    min-height: 201px;
    padding: 28px;
  }

  .home-v2 .v2-steps li:nth-child(5),
  .home-v2 .v2-steps li:nth-child(6) {
    min-height: 223px;
  }

  .home-v2 .v2-bath-materials__fallback {
    padding: 32px;
  }

  .home-v2 .v2-bath-materials__fallback .v2-grid-3 {
    gap: 30px;
  }

  .home-v2 .v2-bath-materials__fallback .v2-image-card {
    min-height: 237px;
  }

  .home-v2 .v2-custom-order__grid {
    gap: 30px;
  }

  .home-v2 .v2-custom-order__card {
    min-height: 390px;
  }

  .home-v2 .v2-review-grid {
    gap: 30px;
  }

  .home-v2 .v2-review-grid blockquote,
  .home-v2 .v2-review {
    min-height: 190px;
  }

  /* Services are rearranged into the tablet hierarchy instead of shrinking the
     four-column desktop composite. The existing links remain functional. */
  .home-v2 .v2-services {
    overflow: visible;
  }

  .home-v2 .v2-services__figma {
    display: grid;
    width: 100%;
    min-height: 0;
    aspect-ratio: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 164px;
    gap: 14px;
    background: transparent;
  }

  .home-v2 .v2-services__figma::after {
    display: none;
  }

  .home-v2 .v2-services__link {
    position: relative !important;
    inset: auto !important;
    z-index: 1;
    display: flex;
    width: auto !important;
    height: auto !important;
    min-height: 164px;
    padding: 28px;
    align-items: flex-start;
    color: #566271 !important;
    background: #e8ecef;
    box-shadow: 0 8px 18px rgba(35, 47, 57, .1);
    text-decoration: none;
  }

  .home-v2 .v2-services__link::before {
    position: static;
    inset: auto;
    display: block;
    content: attr(aria-label);
    max-width: 90%;
    background: none;
    opacity: 1;
    pointer-events: none;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.18;
    text-transform: uppercase;
  }

  .home-v2 .v2-services__link:hover::before {
    opacity: 1;
  }

  .home-v2 .v2-services__link--cta::after {
    display: block;
    margin-top: 22px;
    content: 'Оставьте заявку — обсудим детали';
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
    text-transform: none;
  }

  .home-v2 .v2-services__link--production,
  .home-v2 .v2-services__link--calculation {
    grid-column: 1 / -1;
  }

  .home-v2 .v2-services__link--production {
    min-height: 318px;
    grid-row: span 2;
    color: #fff !important;
    background: #3b4652 url('/image/catalog/figma-home/production-factory.png') right bottom / 58% auto no-repeat;
  }

  .home-v2 .v2-services__link--hardwood,
  .home-v2 .v2-services__link--sills,
  .home-v2 .v2-services__link--impregnation,
  .home-v2 .v2-services__link--brushing {
    color: #fff !important;
    background-color: #67b900;
  }

  .home-v2 .v2-services__link--calculation {
    min-height: 190px;
    background: #3b4652;
    color: #fff !important;
  }

  .home-v2 .v2-services__link--cta {
    grid-column: 2;
    grid-row: span 2;
    min-height: 342px;
    flex-direction: column;
    justify-content: center;
    color: #fff !important;
    background: linear-gradient(110deg, #36414c, #aebdcc);
  }

  /* Each stock category is cropped from the original desktop Figma composite;
     the crop preserves the original artwork while the grid follows the tablet
     two-column hierarchy. */
  .home-v2 .v2-stock__figma {
    display: grid;
    width: 100%;
    aspect-ratio: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 14px;
    background: transparent;
  }

  .home-v2 .v2-stock__figma::after {
    display: none;
  }

  .home-v2 .v2-stock__card {
    position: relative !important;
    inset: auto !important;
    display: block;
    width: auto !important;
    height: 198px !important;
    background-image: url('/image/catalog/figma/stock/figma-stock.svg?v=2');
    background-repeat: no-repeat;
    background-size: 427.27% auto;
    box-shadow: 0 6px 14px rgba(35, 47, 57, .12);
  }

  .home-v2 .v2-stock__card:nth-of-type(4n + 1) { background-position-x: 0%; }
  .home-v2 .v2-stock__card:nth-of-type(4n + 2) { background-position-x: 33.333%; }
  .home-v2 .v2-stock__card:nth-of-type(4n + 3) { background-position-x: 66.666%; }
  .home-v2 .v2-stock__card:nth-of-type(4n + 4) { background-position-x: 100%; }
  .home-v2 .v2-stock__card:nth-of-type(-n + 4) { background-position-y: 6.4%; }
  .home-v2 .v2-stock__card:nth-of-type(n + 5):nth-of-type(-n + 8) { background-position-y: 28.9%; }
  .home-v2 .v2-stock__card:nth-of-type(n + 9):nth-of-type(-n + 12) { background-position-y: 47.2%; }
  .home-v2 .v2-stock__card:nth-of-type(n + 13):nth-of-type(-n + 16) { background-position-y: 67.9%; }

  .home-v2 .v2-stock__card:nth-of-type(n + 17) {
    background-size: 204.35% auto;
    background-position-y: 100%;
  }

  .home-v2 .v2-stock__card:nth-of-type(17) { background-position-x: 0%; }
  .home-v2 .v2-stock__card:nth-of-type(18) { background-position-x: 100%; }

  .home-v2 .v2-stock__catalog {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 / -1;
    display: flex;
    width: 100% !important;
    height: 42px !important;
    align-items: center;
    justify-content: flex-end;
    color: #62b600;
    font-size: 16px;
  }
}

/* Three-mode contract: the 576–767 range keeps the complete 768 hero
   composition, while its live text layer shrinks just enough to remain inside
   the same banner.  The 768 px reference values remain unchanged. */
@media (min-width: 576px) and (max-width: 767px) {
  .home-v2 .v2-slide:nth-child(1) {
    padding-left: clamp(28px, 5.2vw, 40px) !important;
    padding-right: clamp(28px, 5.2vw, 40px) !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-slide-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(24px, 3.9vw, 30px) !important;
    line-height: 1.16 !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-hero-facts {
    font-size: clamp(12px, 1.82vw, 14px) !important;
    line-height: clamp(19px, 3.12vw, 24px) !important;
  }

  .home-v2 .v2-hero-promos {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 728 / 204 !important;
    grid-template-rows: 1fr !important;
  }

  .home-v2 .v2-hero-promos .v2-promo {
    min-height: 0 !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    left: 8% !important;
    top: 64.7% !important;
    width: 60% !important;
    height: 19.6% !important;
  }
}

/* Final 768 source-frame restoration.
   Keep all OpenCart controls live, but use the exact geometry exported for the
   approved tablet frames.  These selectors intentionally outrank the older
   live-promo experiment above. */
@media (min-width: 576px) and (max-width: 1024px) {
  html body .home-v2 .v2-hero-promos {
    position: relative !important;
    display: grid !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 728 / 204 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
    gap: 16px !important;
    background: transparent url('/image/catalog/figma-home/hero-promos-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: default !important;
    transform: none !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo > span,
  html body .home-v2 .v2-hero-promos .v2-promo > b,
  html body .home-v2 .v2-hero-promos .v2-promo > p,
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    display: none !important;
    visibility: hidden !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    position: absolute !important;
    z-index: 2 !important;
    top: 64.7% !important;
    left: 5.62% !important;
    display: block !important;
    visibility: visible !important;
    width: 41.85% !important;
    height: 19.6% !important;
    border-radius: 1px !important;
    cursor: pointer !important;
  }

  /* 768 x 288 benefits source: 20px side insets, 16px column/row gap. */
  html body .home-v2 .v2-benefits {
    box-sizing: border-box !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    min-height: 288px !important;
    margin-top: 80px !important;
    padding-top: 6px !important;
    padding-bottom: 10px !important;
  }

  html body .home-v2 .v2-benefits a {
    min-height: 128px !important;
  }

  /* Both product source frames start their live row 66px below the heading. */
  html body .home-v2 .v2-section:has(> [data-v2-slot="latest"]) .v2-heading,
  html body .home-v2 .v2-section:has(> [data-v2-slot="featured"]) .v2-heading {
    margin-bottom: 32px !important;
  }

  html body .home-v2 [data-v2-slot="latest"] .us-module-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body .home-v2 [data-v2-slot="featured"] .us-module-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .us-module-item.v2-new-card {
    position: relative !important;
    display: block !important;
    margin: 0 !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;
    cursor: default !important;
    transform: none !important;
  }

  html body .home-v2 [data-v2-slot="latest"] .us-module-item.v2-new-card {
    height: 489.416px !important;
    min-height: 489.416px !important;
  }

  html body .home-v2 [data-v2-slot="featured"] .us-module-item.v2-new-card {
    height: 480.196px !important;
    min-height: 480.196px !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-grade {
    position: absolute !important;
    z-index: 2 !important;
    top: 8px !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 21px !important;
    color: #525c68 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-align: center !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  html body .home-v2 [data-v2-slot="latest"] .v2-new-card .us-module-img { height: 189.671px !important; }
  html body .home-v2 [data-v2-slot="featured"] .v2-new-card .us-module-img { height: 180.451px !important; }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img > a,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img img {
    object-fit: contain !important;
    mix-blend-mode: normal !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-stock {
    position: absolute !important;
    left: 20px !important;
    display: flex !important;
    height: 19px !important;
    align-items: center !important;
    padding: 0 5px !important;
    color: #fff !important;
    background: #71be00 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    white-space: nowrap !important;
  }

  html body .home-v2 [data-v2-slot="latest"] .v2-new-stock { top: 225.671px !important; }
  html body .home-v2 [data-v2-slot="featured"] .v2-new-stock { top: 216.451px !important; }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-title {
    position: absolute !important;
    left: 20px !important;
    display: -webkit-box !important;
    width: calc(100% - 40px) !important;
    height: 38px !important;
    min-height: 0 !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    color: #525c68 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
  }

  html body .home-v2 [data-v2-slot="latest"] .v2-new-card .us-module-title { top: 264px !important; }
  html body .home-v2 [data-v2-slot="featured"] .v2-new-card .us-module-title { top: 255px !important; }
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-title a { color: inherit !important; }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-rating,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card > .us-module-price,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card > .us-module-attr-cont {
    display: none !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-list {
    position: absolute !important;
    z-index: 3 !important;
    top: 20px !important;
    right: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-item,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-link {
    display: flex !important;
    width: 20px !important;
    height: 20px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #525c68 !important;
    background: transparent !important;
    font-size: 0 !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-link i { display: none !important; }
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .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;
  }
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-wishlist::before { background-image: url('/image/catalog/figma-home/product-favorite.svg') !important; }
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-compare::before { background-image: url('/image/catalog/figma-home/product-compare.svg') !important; }
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-wishlist:hover::before { background-image: url('/image/catalog/figma-home/product-favorite-active.svg') !important; }
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-compare:hover::before { background-image: url('/image/catalog/figma-home/product-compare-active.svg') !important; }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-panel {
    position: absolute !important;
    left: 20px !important;
    box-sizing: border-box !important;
    width: calc(100% - 40px) !important;
    height: 100px !important;
    padding: 8px !important;
    background: #f2f3f5 !important;
  }

  html body .home-v2 [data-v2-slot="latest"] .v2-new-unit-panel { top: 313.416px !important; }
  html body .home-v2 [data-v2-slot="featured"] .v2-new-unit-panel { top: 304.196px !important; }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: 32px !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-tab,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-single {
    min-width: 0 !important;
    height: 32px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #525c68 !important;
    background: #d1d3d5 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    text-align: center !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-tab.is-active,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-single {
    color: #fff !important;
    background: #959ba1 !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-qty {
    display: flex !important;
    height: 31px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #6f7780 !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-qty button {
    width: 14px !important;
    height: 22px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #a9aeb3 !important;
    background: transparent !important;
    font-size: 19px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-qty output {
    min-width: 12px !important;
    color: #6f7780 !important;
    font-size: 17px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    color: #666 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    white-space: nowrap !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-total {
    position: absolute !important;
    bottom: 26px !important;
    left: 20px !important;
    color: #525c68 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-cart-btn {
    position: absolute !important;
    right: 20px !important;
    bottom: 20px !important;
    display: flex !important;
    width: 84px !important;
    min-width: 84px !important;
    height: 40px !important;
    min-height: 40px !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;
    line-height: 1 !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-cart-btn::before {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    content: '' !important;
    background: url('/image/catalog/figma-home/product-cart.svg') center / contain no-repeat !important;
  }

  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-cart-btn:hover,
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-cart-btn:focus {
    background-color: #8bd52b !important;
  }
}

/* 576–1024 uses the live promo layers, not the older combined SVG.
 * This keeps the calculator below the copy and removes its exported left bar. */
@media (min-width: 576px) and (max-width: 1024px) {
  html body .home-v2 .v2-hero-promos {
    background: none !important;
  }

  html body .home-v2 .v2-hero-promos .v2-promo {
    position: relative !important;
    overflow: hidden !important;
    padding: 25px 20px !important;
    cursor: pointer !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,
  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 {
    position: absolute !important;
    bottom: 31px !important;
    left: 20px !important;
    display: inline-flex !important;
    width: 149px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
  }

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

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

/* One proportional tablet navigation grid for 576–1024. */
@media (min-width: 576px) and (max-width: 1024px) {
  .menu-row #oct-menu-box,
  .menu-row #oct-ultra-menu-header {
    flex-basis: clamp(62px, 10.1563vw, 78px) !important;
    width: clamp(62px, 10.1563vw, 78px) !important;
    max-width: clamp(62px, 10.1563vw, 78px) !important;
  }

  .menu-row #oct-megamenu-box,
  .menu-row #oct-megamenu,
  .menu-row #oct-megamenu > ul.v2-tablet-ready { min-width: 0 !important; }

  .menu-row #oct-megamenu > ul.v2-tablet-ready > li,
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(1),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(2),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(3),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(4),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(5),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(1) { flex-grow: 1.63 !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li > a {
    min-width: 0 !important;
    padding: 0 clamp(3px, 1.0417vw, 8px) !important;
    font-size: clamp(9px, 1.5625vw, 12px) !important;
  }

  .v2-figma-footer .footer-sub > .row:first-of-type {
    grid-template-rows: minmax(433px, auto) minmax(297px, auto) !important;
  }

  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box,
  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box::before,
  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box::after {
    border: 0 !important;
  }
}

/* 768px: exact Figma source for the reviews block. The existing Twig keeps
   live review data and the reviews-page link; the SVG supplies only the
   approved visual composition. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-reviews {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 611 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/image/catalog/figma-home/reviews-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .home-v2 .v2-reviews .v2-heading {
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
  }

  .home-v2 .v2-reviews .v2-heading h2,
  .home-v2 .v2-reviews .v2-review-grid {
    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-reviews .v2-heading > a {
    position: absolute !important;
    z-index: 2 !important;
    left: 80.46875% !important;
    top: 0 !important;
    width: 17.1875% !important;
    height: 6.218% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
    cursor: pointer !important;
  }

  .home-v2 .v2-reviews .v2-heading > a:hover,
  .home-v2 .v2-reviews .v2-heading > a:focus-visible {
    background: rgba(113, 190, 0, .08) !important;
    transform: none !important;
  }

  .home-v2 .v2-reviews .v2-heading > a:focus-visible {
    outline: 2px solid #71be00 !important;
    outline-offset: -2px !important;
  }
}

/* Footer — tablet 768 px, matched to the supplied Figma SVG (768 × 988).
   The existing footer markup is retained; only its tablet grid is restyled. */
@media (min-width: 576px) and (max-width: 1024px) {
  .v2-figma-footer {
    box-sizing: border-box;
    min-height: 988px;
    padding: 70px 0 20px;
    color: #fff;
    background: #353e48;
    font-family: 'Open Sans', sans-serif;
  }

  .v2-figma-footer .footer-sub.container {
    width: calc(100% - 40px);
    max-width: 728px;
    padding: 0;
  }

  .v2-figma-footer .footer-sub > .row:first-of-type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 433px 297px;
    column-gap: 30px;
    row-gap: 0;
    margin: 0;
  }

  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box {
    width: auto;
    max-width: none;
    min-height: 0;
    padding: 0;
    border: 0;
  }

  .v2-figma-footer .us-footer-title {
    margin: 0 0 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  .v2-figma-footer .us-footer-list,
  .v2-figma-footer .us-footer-social-list,
  .v2-figma-footer .us-footer-contact-list,
  .v2-figma-footer .us-footer-bottom-payment-list {
    margin: 0;
  }

  /* Keep the complete 768 footer state below Bootstrap's legacy 768 px
     accordion breakpoint: tablet lists stay open and chevrons stay hidden. */
  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box > .us-footer-list {
    display: block !important;
  }

  .v2-figma-footer .us-footer-title i {
    display: none !important;
  }

  .v2-figma-footer .us-footer-item {
    margin: 0 0 8px;
    line-height: 1.35;
  }

  .v2-figma-footer .us-footer-link,
  .v2-figma-footer .us-footer-text,
  .v2-figma-footer .us-footer-shedule-text-item,
  .v2-figma-footer .us-footer-address {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
  }

  .v2-figma-footer .us-footer-link,
  .v2-figma-footer .us-footer-mail,
  .v2-figma-footer .us-footer-phone-btn,
  .v2-figma-footer .us-footer-address {
    transition: color .2s ease;
  }

  .v2-figma-footer .us-footer-link:hover,
  .v2-figma-footer .us-footer-link:focus,
  .v2-figma-footer .us-footer-mail:hover,
  .v2-figma-footer .us-footer-mail:focus,
  .v2-figma-footer .us-footer-phone-btn:hover,
  .v2-figma-footer .us-footer-phone-btn:focus,
  .v2-figma-footer .us-footer-address:hover,
  .v2-figma-footer .us-footer-address:focus {
    color: #71be00;
    text-decoration: none;
  }

  .v2-figma-footer .us-footer-shedule {
    align-items: flex-start !important;
  }

  .v2-figma-footer .us-footer-shedule-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 12px;
  }

  .v2-figma-footer .us-footer-shedule-icon img {
    display: block;
    width: 24px;
    height: 24px;
  }

  .v2-figma-footer .us-footer-shedule-text {
    max-width: 265px;
  }

  .v2-figma-footer .us-footer-social {
    margin-top: 25px;
  }

  .v2-figma-footer .us-footer-social-text {
    margin: 0 0 12px;
  }

  .v2-figma-footer .us-footer-social-list,
  .v2-figma-footer .us-footer-contact-list {
    align-items: center;
    gap: 16px;
  }

  .v2-figma-footer .us-footer-social-item,
  .v2-figma-footer .us-footer-contact-item {
    margin: 0;
  }

  .v2-figma-footer .us-footer-social-link {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 4px;
    place-items: center;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: rgba(203, 207, 212, .2);
    font-size: 24px;
    line-height: 24px;
    transition: color .2s ease, background-color .2s ease;
  }

  .v2-figma-footer .us-footer-social-link:hover,
  .v2-figma-footer .us-footer-social-link:focus {
    color: #71be00;
    background: rgba(203, 207, 212, .32);
  }

  .v2-figma-footer .us-footer-social-link i,
  .v2-figma-footer .us-footer-contact-link i {
    display: none;
  }

  .v2-figma-footer .us-footer-social-link::before,
  .v2-figma-footer .us-footer-contact-link::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .v2-figma-footer .us-footer-social-link-telegram-plane::before,
  .v2-figma-footer .us-footer-social-link-fa-telegram-plane::before,
  .v2-figma-footer .us-footer-social-link-telegram::before,
  .v2-figma-footer .us-footer-contact-link-telegram::before {
    -webkit-mask-image: url('/image/catalog/figma-footer/telegram.svg');
    mask-image: url('/image/catalog/figma-footer/telegram.svg');
  }

  .v2-figma-footer .us-footer-social-link-vk::before,
  .v2-figma-footer .us-footer-social-link-fa-vk::before {
    -webkit-mask-image: url('/image/catalog/figma-footer/vk.svg');
    mask-image: url('/image/catalog/figma-footer/vk.svg');
  }

  .v2-figma-footer .us-footer-contact-link-whatsapp::before {
    -webkit-mask-image: url('/image/catalog/figma-footer/max.svg');
    mask-image: url('/image/catalog/figma-footer/max.svg');
  }

  .v2-figma-footer .block-in-footer-my {
    width: 90px;
    height: 96px;
    margin: 0 0 12px;
  }

  .v2-figma-footer .block-in-footer-my img {
    display: block;
    width: 90px;
    height: 96px;
    object-fit: contain;
  }

  .v2-figma-footer .us-footer-contact-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .v2-figma-footer .us-footer-mail {
    order: 1;
    margin: 0 0 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
  }

  .v2-figma-footer .us-footer-phone-btn {
    order: 2;
    min-height: 0;
    margin: 0 0 12px;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
  }

  .v2-figma-footer .us-footer-address {
    order: 3;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 0 16px;
    text-decoration: none;
  }

  .v2-figma-footer .us-footer-contact-list {
    order: 4;
    margin-bottom: 16px;
  }

  .v2-figma-footer .us-footer-contact-link {
    display: grid;
    width: 24px;
    height: 24px;
    padding: 0;
    place-items: center;
    border-radius: 0;
    color: #fff;
    background: transparent;
    font-size: 24px;
    line-height: 24px;
    transition: color .2s ease;
  }

  .v2-figma-footer .us-footer-contact-link-whatsapp {
    background: none !important;
  }

  .v2-figma-footer .us-footer-contact-link:hover,
  .v2-figma-footer .us-footer-contact-link:focus {
    padding: 0;
    border-radius: 0;
    color: #71be00;
    background: transparent;
  }

  .v2-figma-footer .footer__call-request-btn {
    order: 5;
    display: flex;
    width: 100%;
    height: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 20px;
    border: 0;
    border-radius: 1px;
    color: #fff;
    background: #71be00;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    transition: background-color .2s ease;
  }

  .v2-figma-footer .footer__call-request-btn:hover,
  .v2-figma-footer .footer__call-request-btn:focus {
    color: #fff;
    background: #8bd52b;
  }

  .v2-figma-footer .footer-sub > .row.row-padding-top {
    margin: 30px 0 0;
  }

  .v2-figma-footer .footer-sub > .row.row-padding-top > .col-lg-12 {
    padding: 0;
  }

  .v2-figma-footer .us-footer-bottom {
    min-height: 64px;
    align-items: flex-start;
    padding-top: 30px;
    border-top: 1px solid #545e68;
  }

  .v2-figma-footer .us-footer-bottom-credits {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 33px;
  }

  .v2-figma-footer .us-footer-bottom-payment-list {
    height: 33px;
    flex-wrap: nowrap;
  }

  .v2-figma-footer .us-footer-bottom-payment-item:not(.v2-footer-payment-figma) {
    display: none;
  }

  .v2-figma-footer .us-footer-bottom-payment-item.v2-footer-payment-figma {
    display: block;
    width: 168px;
    height: 33px;
    margin: 0;
    opacity: 1;
    background: none;
  }

  .v2-figma-footer .v2-footer-payment-figma img {
    display: block;
    width: 168px;
    height: 33px;
  }

  .v2-figma-footer .footer-public-offer {
    height: 44px;
    margin: 30px 0 0;
    padding: 12px 4px;
    color: #fff;
    background: #292d31;
    text-align: center;
  }

  .v2-figma-footer .footer-public-offer__text {
    width: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    background: transparent;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
  }
}

/* Figma 768: help form.  The supplied source also contains the footer below
   this 420 px artboard; the section clips it and keeps the real controls live
   over the original Figma visual. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-help--figma {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;
    height: 420px !important;
    min-height: 420px !important;
    margin: 64px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #d2d8de url('/image/catalog/figma-home/help-form-tablet-768.svg?v=1') center top / 768px auto 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: 190px !important;
    left: 20px !important;
    display: grid !important;
    width: calc(100% - 40px) !important;
    height: 140px !important;
    margin: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 60px 60px !important;
    column-gap: 20px !important;
    row-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 16px !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 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1.527px !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 {
    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;
  }

  .home-v2 .v2-help--figma .v2-form-result:empty {
    display: none !important;
  }
}

/* Figma 768: three catalogue cards after the producer section.
   The supplied SVG is the complete visual composition. Native anchors remain
   only over the three CTA labels so the cards themselves are not links. */
@media (min-width: 576px) and (max-width: 1024px) {
  /* «Как мы работаем»: исходный 768 px SVG сохраняет точную сетку всех восьми шагов. */
  .home-v2 #v2-how-we-work.v2-how-we-work {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 994 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    isolation: isolate;
  }

  .home-v2 #v2-how-we-work.v2-how-we-work .v2-how-we-work__canvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: url('/image/catalog/figma-home/how-we-work-tablet-768-without-heading.svg?v=2') center / 100% 100% no-repeat !important;
    pointer-events: none !important;
  }

  .home-v2 #v2-how-we-work.v2-how-we-work .v2-how-we-work__fallback {
    display: none !important;
  }

  /* «Пиломатериалы для бани»: точный Figma-исходник 768 × 1065.
     Нативные ссылки остаются поверх трёх карточек, поэтому OpenCart-маршруты
     сохраняются, а сама композиция не пересобирается из приблизительных CSS-блоков. */
  .home-v2 #v2-bath-materials.v2-bath-materials {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 1065 !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    isolation: isolate;
  }

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__canvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: url('/image/catalog/figma-home/bath-materials-tablet-768-without-heading.svg?v=2') center / 100% 100% no-repeat !important;
    pointer-events: none !important;
  }

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

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer !important;
    text-decoration: none !important;
  }

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card::before,
  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card::after {
    display: none !important;
  }

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card--floor {
    left: 4.1666667% !important;
    top: 16.5258216% !important;
    width: 91.6666667% !important;
    height: 22.2535211% !important;
  }

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card--shelves {
    left: 4.1666667% !important;
    top: 41.5962441% !important;
    width: 91.6666667% !important;
    height: 22.2535211% !important;
  }

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card--walls {
    left: 4.1666667% !important;
    top: 66.6666667% !important;
    width: 91.6666667% !important;
    height: 22.2535211% !important;
  }

  .home-v2 #v2-bath-materials.v2-bath-materials .v2-bath-materials__card:focus-visible {
    outline: 2px solid #71be00 !important;
    outline-offset: 2px !important;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 962 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    isolation: isolate;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__canvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: url('/image/catalog/figma-home/production-categories-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
    pointer-events: none !important;
  }

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

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__cta {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__cta span {
    display: none !important;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__cta--stairs {
    left: 6.5104167% !important;
    top: 41.1642412% !important;
    width: 36.4583333% !important;
    height: 5.1975052% !important;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__cta--facade {
    left: 6.5104167% !important;
    top: 66.6320166% !important;
    width: 36.4583333% !important;
    height: 5.1975052% !important;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__cta--thermo {
    left: 6.5104167% !important;
    top: 91.1642412% !important;
    width: 36.4583333% !important;
    height: 5.1975052% !important;
  }

  .home-v2 #v2-production-categories.v2-production-categories-figma .v2-production-categories__cta:focus-visible {
    outline: 2px solid #71be00 !important;
    outline-offset: 2px !important;
  }
}

/* Sheet materials: exact 768 px Figma composition. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 #v2-sheet-materials.v2-sheet-materials {
    position: relative;
    width: 100vw;
    max-width: none;
    height: auto;
    aspect-ratio: 768 / 392;
    margin-top: 64px;
    padding: 0;
    overflow: visible;
    isolation: isolate;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__canvas {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    background: url('/image/catalog/figma-home/sheet-materials-tablet-without-heading.svg?v=2') center / 100% 100% no-repeat;
    pointer-events: none;
  }

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

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link span {
    display: none;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--plywood {
    left: 2.6041667%;
    top: 17.0918367%;
    width: 45.4427083%;
    height: 75.5102041%;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--osb {
    left: 51.953125%;
    top: 16.8367347%;
    width: 45.4427083%;
    height: 34.1836735%;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--mdf {
    left: 51.953125%;
    top: 58.6734694%;
    width: 45.4427083%;
    height: 34.1836735%;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link:focus-visible {
    outline: 2px solid #71be00;
    outline-offset: 2px;
  }
}

/* Figma 768: "Пиломатериалы в наличии".
   The supplied SVG is the visual source of truth. Existing OpenCart anchors
   remain transparent keyboard-accessible hit areas above the artwork. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-stock {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 2039 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/image/catalog/figma-home/stock-tablet-768.svg?v=2') center / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .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;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  .home-v2 .v2-stock__figma {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .home-v2 .v2-stock__card {
    position: absolute !important;
    z-index: 1 !important;
    display: block !important;
    width: 45.4427083% !important;
    height: 9.1221187% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .home-v2 .v2-stock__card:nth-of-type(odd) { left: 2.6041667% !important; }
  .home-v2 .v2-stock__card:nth-of-type(even) { left: 51.953125% !important; }
  .home-v2 .v2-stock__card:nth-of-type(1),
  .home-v2 .v2-stock__card:nth-of-type(2) { top: 3.0897509% !important; }
  .home-v2 .v2-stock__card:nth-of-type(3),
  .home-v2 .v2-stock__card:nth-of-type(4) { top: 13.6831780% !important; }
  .home-v2 .v2-stock__card:nth-of-type(5),
  .home-v2 .v2-stock__card:nth-of-type(6) { top: 24.6199117% !important; }
  .home-v2 .v2-stock__card:nth-of-type(7),
  .home-v2 .v2-stock__card:nth-of-type(8) { top: 35.2133399% !important; }
  .home-v2 .v2-stock__card:nth-of-type(9),
  .home-v2 .v2-stock__card:nth-of-type(10) { top: 46.1500736% !important; }
  .home-v2 .v2-stock__card:nth-of-type(11),
  .home-v2 .v2-stock__card:nth-of-type(12) { top: 56.7435017% !important; }
  .home-v2 .v2-stock__card:nth-of-type(13),
  .home-v2 .v2-stock__card:nth-of-type(14) { top: 67.6802354% !important; }
  .home-v2 .v2-stock__card:nth-of-type(15),
  .home-v2 .v2-stock__card:nth-of-type(16) { top: 78.2736636% !important; }
  .home-v2 .v2-stock__card:nth-of-type(17),
  .home-v2 .v2-stock__card:nth-of-type(18) {
    top: 89.2103973% !important;
    height: 10.2991663% !important;
  }

  .home-v2 .v2-stock__catalog {
    display: none !important;
  }

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

}

/* Figma 768: production and additional services. The supplied artwork owns
   the visual composition; the existing OpenCart links stay as transparent
   hit areas over their corresponding cards. */
@media (min-width: 576px) and (max-width: 1024px) {
  .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: 768 / 1290 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/image/catalog/figma-home/production-services-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .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__figma {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    background: transparent !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-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .home-v2 .v2-services__link:hover {
    transform: none !important;
    box-shadow: none !important;
  }

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

  .home-v2 .v2-services__link--production { left: 2.6041667% !important; top: 7.5777442% !important; width: 94.7916667% !important; height: 11.0077519% !important; }
  .home-v2 .v2-services__link--bent { left: 2.6041667% !important; top: 20.9110853% !important; width: 45.4427083% !important; height: 12.0930233% !important; }
  .home-v2 .v2-services__link--sills { left: 51.953125% !important; top: 20.9110853% !important; width: 45.4427083% !important; height: 12.0930233% !important; }
  .home-v2 .v2-services__link--hardwood { left: 2.6041667% !important; top: 35.3296899% !important; width: 45.4427083% !important; height: 10.0775194% !important; }
  .home-v2 .v2-services__link--oil { left: 51.953125% !important; top: 36.3374419% !important; width: 45.4427083% !important; height: 8.0620155% !important; }
  .home-v2 .v2-services__link--thermal { left: 2.6041667% !important; top: 47.7327907% !important; width: 45.4427083% !important; height: 10.0775194% !important; }
  .home-v2 .v2-services__link--impregnation { left: 51.953125% !important; top: 47.7327907% !important; width: 45.4427083% !important; height: 10.0775194% !important; }
  .home-v2 .v2-services__link--calculation { left: 2.6041667% !important; top: 60.1358915% !important; width: 94.7916667% !important; height: 11.0077519% !important; }
  .home-v2 .v2-services__link--brushing { left: 2.6041667% !important; top: 73.4699922% !important; width: 45.4427083% !important; height: 11.0077519% !important; }
  .home-v2 .v2-services__link--sawing { left: 2.6041667% !important; top: 86.8025581% !important; width: 45.4427083% !important; height: 11.0077519% !important; }
  .home-v2 .v2-services__link--cta { left: 51.953125% !important; top: 73.4699922% !important; width: 45.4427083% !important; height: 24.3410853% !important; }
}

/* Figma 768: «Столешницы, подоконники и декор».
   The supplied source already contains the exact visual composition. Native
   OpenCart links remain as transparent hit areas above their matching cards. */
@media (min-width: 576px) and (max-width: 1024px) {
  .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: 768 / 1234 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/image/catalog/figma-home/woodwork-tablet-768.svg?v=2') center / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .home-v2 .v2-woodwork .v2-heading {
    display: block !important;
    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;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !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;
    cursor: pointer !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: 2.6041667% !important; top: 5.3484603% !important; width: 94.7916667% !important; height: 23.6628849% !important; }
  .home-v2 .v2-woodwork__card--sill     { left: 2.6041667% !important; top: 31.4424635% !important; width: 94.7916667% !important; height: 16.7747164% !important; }
  .home-v2 .v2-woodwork__card--beam     { left: 2.6041667% !important; top: 50.6482982% !important; width: 94.7916667% !important; height: 16.6126418% !important; }
  .home-v2 .v2-woodwork__card--decor    { left: 2.6041667% !important; top: 69.6920583% !important; width: 94.7916667% !important; height: 28.0388979% !important; }

  .home-v2 .v2-woodwork__card:hover,
  .home-v2 .v2-woodwork__card:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(113, 190, 0, .82) !important;
  }

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

/* Figma 768: «Сопутствующие материалы». Исходный SVG содержит точную
   композицию. Две нативные OpenCart-ссылки остаются прозрачными hit-area
   поверх соответствующих карточек. */
@media (min-width: 576px) and (max-width: 1024px) {
  .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: 768 / 717 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/image/catalog/figma-home/related-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .home-v2 .v2-related .v2-heading {
    display: block !important;
    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;
    width: auto !important;
    height: auto !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;
    cursor: pointer !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: 2.6041667% !important; top: 9.21456% !important; width: 94.7916667% !important; height: 41.28298% !important; }
  .home-v2 .v2-related__card--fasteners  { left: 2.6041667% !important; top: 54.68173% !important; width: 94.7916667% !important; height: 41.28298% !important; }

  .home-v2 .v2-related__card:hover,
  .home-v2 .v2-related__card:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(113, 190, 0, .82) !important;
  }

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

/* «Изготовление на заказ»: планшетная композиция из исходного Figma SVG
   768 × 868. Семантические OpenCart-ссылки остаются поверх двух карточек,
   а заголовок и подписи рисует исходник, чтобы не расходиться с макетом. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 #v2-custom-order.v2-custom-order {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 868 !important;
    margin-top: 64px !important;
    margin-left: 0 !important;
    margin-right: calc(100% - 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url('/image/catalog/figma-home/custom-order-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__title {
    display: none !important;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__grid {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card {
    position: absolute !important;
    z-index: 1 !important;
    left: 2.6041667% !important;
    display: block !important;
    width: 94.7916667% !important;
    height: 42.8571429% !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;
    cursor: pointer !important;
    text-decoration: none !important;
    transform: none !important;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card::before,
  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card::after,
  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card > span {
    display: none !important;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card--curved {
    top: 7.6036866% !important;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card--glued {
    top: 53.9170507% !important;
  }

  .home-v2 #v2-custom-order.v2-custom-order .v2-custom-order__card:focus-visible {
    outline: 2px solid #71be00 !important;
    outline-offset: -2px !important;
  }
}

/* Figma 768: "Пиломатериалы от производителя".
   The supplied artboard already contains the exact typography, spacing and image crop. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 #v2-production.v2-production-figma {
    position: relative;
    display: block;
    width: 100vw;
    max-width: none;
    height: auto;
    min-height: 0;
    aspect-ratio: 768 / 1119;
    margin-left: 0;
    margin-right: calc(100% - 100vw);
    padding: 0;
    overflow: hidden;
    background: transparent;
  }

  .home-v2 #v2-production .v2-production-figma__canvas {
    position: absolute;
    inset: 0;
    display: block;
    background: url('/image/catalog/figma-home/production-tablet-768-without-heading.svg?v=2') center / 100% 100% no-repeat;
    pointer-events: none;
  }

  .home-v2 #v2-production .v2-production-figma__fallback {
    display: none;
  }
}

/* Exact interactive tablet header from the supplied 768 x 208 source. */
@media (min-width: 576px) and (max-width: 1024px) {
  #top > .container { position: relative !important; }
  #top .v2-top-contacts { gap: 0 !important; }
  #top .v2-top-messenger {
    width: 30px !important; height: 28px !important; flex: 0 0 30px !important;
    background-repeat: no-repeat !important; background-position: center !important;
    background-size: contain !important;
  }
  #top .v2-top-messenger:first-child {
    margin-right: 20px !important;
    background-image: url('/image/catalog/figma-home/tablet-top-telegram.svg') !important;
  }
  #top .v2-top-messenger:nth-child(2) {
    margin-right: 12px !important;
    background-image: url('/image/catalog/figma-home/tablet-top-max.svg') !important;
  }
  #top .v2-top-messenger i { display: none !important; }
  #top .v2-top-email { font-size: 12px !important; line-height: 18px !important; }
  #top .v2-top-phone {
    margin-left: 18px !important; font-size: 16px !important; line-height: 20px !important;
  }
  #top .v2-tablet-menu-toggle {
    display: none !important;
  }
  #top .v2-tablet-menu-toggle span {
    display: block !important; width: 24px !important; height: 2px !important;
    border-radius: 1px !important; background: #fff !important;
  }
  .menu-row #oct-menu-box { flex: 0 0 78px !important; max-width: 78px !important; }
  .menu-row #oct-ultra-menu-header {
    display: flex !important; width: 78px !important; height: 40px !important;
    padding: 0 !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important;
  }
  .menu-row #oct-ultra-menu-header > span {
    display: flex !important; width: 100% !important; height: 40px !important; padding: 0 !important;
    align-items: center !important; justify-content: center !important; color: #fff !important;
    text-align: center !important;
    font-size: 13px !important; font-weight: 400 !important; line-height: 40px !important;
    white-space: nowrap !important;
  }
  .menu-row #oct-ultra-menu-header i { display: none !important; }
  .menu-row #oct-menu-dropdown-menu {
    display: none !important; top: 40px !important; left: 0 !important; width: 290px !important;
  }
  .menu-row #oct-menu-box.v2-tablet-open #oct-menu-dropdown-menu {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important; transform: none !important;
  }
  .menu-row #oct-megamenu-box {
    padding-right: 0 !important; padding-left: 0 !important;
  }
  .menu-row #oct-megamenu-box, .menu-row #oct-megamenu { overflow: visible !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready {
    display: flex !important; width: 100% !important; height: 40px !important;
    margin: 0 !important; padding: 0 !important;
    align-items: stretch !important; overflow: visible !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li {
    position: relative !important; flex: 0 0 auto !important; height: 40px !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(1) { width: 150px !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(2) { width: 90px !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(3) { width: 87px !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(4) { width: 88px !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(5) { width: 74px !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more {
    width: 92px !important; margin-left: auto !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li > a {
    display: flex !important; width: 100% !important; height: 40px !important; padding: 0 8px !important;
    align-items: center !important; justify-content: center !important; color: #fff !important;
    font-size: 12px !important; font-weight: 400 !important; line-height: 40px !important;
    white-space: nowrap !important; cursor: pointer !important; pointer-events: auto !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li > a i {
    margin-left: 7px !important; font-size: 8px !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li > .oct-mm-dropdown {
    top: 40px !important; z-index: 10020 !important; display: none !important;
    min-width: 230px !important; opacity: 0 !important; visibility: hidden !important;
    pointer-events: none !important; transform: none !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-open > .oct-mm-dropdown {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production:focus-within > .oct-mm-dropdown,
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about:focus-within > .oct-mm-dropdown,
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more:focus-within > .oct-mm-dropdown {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li[data-v2-tablet-open="1"] > .oct-mm-dropdown {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important;
  }
  .menu-row .v2-tablet-more-dropdown {
    right: 0 !important; left: auto !important; width: 270px !important;
  }
  .menu-row .v2-tablet-more-list {
    margin: 0 !important; padding: 8px 0 !important; background: #fff !important;
  }
  .menu-row .v2-tablet-more-list > li {
    position: relative !important; display: block !important; width: 100% !important; height: auto !important;
  }
  .menu-row .v2-tablet-more-list > li > a {
    display: flex !important; min-height: 38px !important; padding: 9px 16px !important;
    align-items: center !important; justify-content: space-between !important;
    color: #353e48 !important; font-size: 13px !important; line-height: 20px !important;
    white-space: normal !important; pointer-events: auto !important;
  }
  .menu-row .v2-tablet-more-list > li > a:hover,
  .menu-row .v2-tablet-more-list > li.v2-tablet-open > a { color: #71be00 !important; }
  .menu-row .v2-tablet-more-list > li > .oct-mm-dropdown {
    position: static !important; display: none !important; width: 100% !important;
    min-width: 0 !important; margin: 0 !important; box-shadow: none !important;
  }
  .menu-row .v2-tablet-more-list > li.v2-tablet-open > .oct-mm-dropdown {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important;
  }
  .menu-row .v2-tablet-more-list > li:focus-within > .oct-mm-dropdown {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 768 px Figma catalogue dropdown: the live OpenCart item set stays intact;
     only the root list presentation is aligned to the supplied component. */
  @media (max-width: 1024px) {
    .menu-row #oct-menu-dropdown-menu {
      left: -20px !important;
      width: 100vw !important;
      max-width: 100vw !important;
      height: 636px !important;
      padding: 0 !important;
      border: 0 !important;
      background: #fff !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul {
      display: flex !important;
      width: 100% !important;
      height: 636px !important;
      margin: 0 !important;
      padding: 0 !important;
      flex-direction: column !important;
      overflow: visible !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li {
      display: block !important;
      flex: 1 1 0 !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: #fff !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li:hover {
      background: #f7f7f7 !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li > .justify-content-between {
      display: flex !important;
      width: 100% !important;
      height: 100% !important;
      min-height: 0 !important;
      padding: 0 !important;
      align-items: center !important;
      justify-content: space-between !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li > .justify-content-between > a {
      display: flex !important;
      width: calc(100% - 58px) !important;
      height: 100% !important;
      min-height: 0 !important;
      padding: 0 0 0 20px !important;
      align-items: center !important;
      color: #1a1a1a !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 1.25 !important;
      text-decoration: none !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li > .justify-content-between > a .oct-menu-item-name {
      display: block !important;
      width: auto !important;
      max-width: 100% !important;
      color: inherit !important;
      font-size: inherit !important;
      line-height: inherit !important;
    }

    /* Production and About use the same full-width list pattern as Catalogue.
       Their existing OpenCart links and item counts remain untouched. */
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown {
      width: 100vw !important;
      max-width: 100vw !important;
      min-width: 100vw !important;
      padding: 0 !important;
      border: 0 !important;
      background: #fff !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown {
      left: -98px !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown {
      left: -248px !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown {
      right: -20px !important;
      left: auto !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown .dropdown-inner,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown .dropdown-inner,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown .oct-menu-information-ul,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown .oct-menu-information-ul {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #fff !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown .oct-menu-li,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown .oct-menu-li {
      display: block !important;
      width: 100% !important;
      height: 49px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: #fff !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown .oct-menu-li:hover,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown .oct-menu-li:hover {
      background: #f7f7f7 !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown .oct-menu-a,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown .oct-menu-a {
      position: relative !important;
      display: flex !important;
      width: 100% !important;
      height: 49px !important;
      padding: 0 58px 0 20px !important;
      align-items: center !important;
      color: #1a1a1a !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 1.25 !important;
      text-decoration: none !important;
      white-space: normal !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-production > .oct-mm-dropdown .oct-menu-a::after,
    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-menu-about > .oct-mm-dropdown .oct-menu-a::after {
      position: absolute !important;
      top: 50% !important;
      right: 23px !important;
      width: 7px !important;
      height: 7px !important;
      border-right: 1px solid #797f86 !important;
      border-bottom: 1px solid #797f86 !important;
      content: '' !important;
      transform: translateY(-50%) rotate(-45deg) !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown .v2-tablet-more-list {
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #fff !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown .v2-tablet-more-list > li {
      display: block !important;
      width: 100% !important;
      min-height: 49px !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: #fff !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown .v2-tablet-more-list > li:hover {
      background: #f7f7f7 !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown .v2-tablet-more-list > li > a {
      position: relative !important;
      display: flex !important;
      width: 100% !important;
      min-height: 49px !important;
      padding: 0 58px 0 20px !important;
      align-items: center !important;
      color: #1a1a1a !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 1.25 !important;
      text-decoration: none !important;
      white-space: normal !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown .v2-tablet-more-list > li.oct-mm-link > a::after {
      position: absolute !important;
      top: 50% !important;
      right: 23px !important;
      width: 7px !important;
      height: 7px !important;
      border-right: 1px solid #797f86 !important;
      border-bottom: 1px solid #797f86 !important;
      content: '' !important;
      transform: translateY(-50%) rotate(-45deg) !important;
    }

    .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more > .oct-mm-dropdown .v2-tablet-more-list > li.oct-mm-link > a > i {
      display: none !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li > .justify-content-between > .oct-menu-toggle {
      position: relative !important;
      display: flex !important;
      width: 58px !important;
      height: 100% !important;
      padding: 0 30px 0 20px !important;
      align-items: center !important;
      justify-content: flex-end !important;
      color: #c0c0c8 !important;
      cursor: pointer !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li > .justify-content-between > .oct-menu-toggle i {
      display: none !important;
    }

    .menu-row #oct-menu-dropdown-menu > #oct-menu-ul > .oct-menu-li > .justify-content-between > .oct-menu-toggle::before {
      content: '' !important;
      display: block !important;
      width: 5px !important;
      height: 5px !important;
      border-right: 1px solid #c0c0c8 !important;
      border-bottom: 1px solid #c0c0c8 !important;
      transform: rotate(-45deg) !important;
    }
  }
}

/* The legacy full-bleed services artwork adds 42px to a container that only
   has 30px of horizontal padding. Keep it inside the viewport until the
   fixed-width desktop container has at least 6px of real outer clearance. */
@media (min-width: 1025px) and (max-width: 1306px) {
  .home-v2 .v2-services__figma {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}

/* 992–1024 px also matches legacy desktop composition rules. Restore the
   two live promo cards so the tablet layout continues smoothly to 1024 px. */
@media (min-width: 1025px) and (max-width: 1024px) {
  .home-v2 .v2-hero-promos {
    background: none !important;
  }

  .home-v2 .v2-hero-promos .v2-promo {
    display: flex !important;
    padding: 24px !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, .92) 43%, rgba(43, 54, 66, .10) 76%), url('/image/catalog/figma-home/promo-nonstandard.png') !important;
    background-position: center, right bottom !important;
    background-repeat: no-repeat !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-repeat: no-repeat !important;
    background-size: auto 100% !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > span,
  .home-v2 .v2-hero-promos .v2-promo > p,
  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    display: block !important;
  }

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

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

/* Figma 768: exact two-card promo composition, preserving live CTA hit areas. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-hero-promos {
    position: relative;
    height: 204px;
    min-height: 204px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 204px;
    gap: 14px;
    background: transparent url('/image/catalog/figma-home/hero-promos-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
  }

  .home-v2 .v2-hero-promos .v2-promo {
    position: relative !important;
    min-height: 204px !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: default !important;
  }

  .home-v2 .v2-hero-promos .v2-promo:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > span,
  .home-v2 .v2-hero-promos .v2-promo > b,
  .home-v2 .v2-hero-promos .v2-promo > p,
  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    display: none !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    position: absolute !important;
    display: block !important;
    left: 20px !important;
    top: 132px !important;
    width: 149px !important;
    height: 40px !important;
    border-radius: 1px !important;
    cursor: pointer !important;
    z-index: 2 !important;
    transition: background-color .2s ease !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit:hover {
    background: rgba(255, 255, 255, .2) !important;
  }
}

/* Figma 768: first hero slide. Keep the live HTML controls, but reproduce
   the exact 728 x 365 composition from the supplied source frame. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-slide:nth-child(1) {
    justify-content: flex-start !important;
    padding: 60px 40px 24px !important;
    background: #e6eaed url('/image/catalog/figma-home/hero-banner01-background.webp?v=1') 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: 620px !important;
    max-width: 620px !important;
    margin: 0 0 12px !important;
    color: #566271 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 36px !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: block !important;
    color: #71be00 !important;
    font-style: normal !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-hero-facts {
    margin: 0 0 20px !important;
    color: #66717e !important;
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-hero-facts li {
    margin: 0 !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-button {
    align-self: flex-start !important;
    width: 262px !important;
    min-width: 262px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 1px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-dots {
    left: 40px !important;
    bottom: 22px !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;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e5e9ec !important;
    box-shadow: none !important;
    transform: none !important;
  }

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

/* Figma 768: two catalogue cards immediately after the video.
   The supplied SVG is the visual source of truth; native anchors remain live
   over the two CTA labels without making the whole cards clickable. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-material-cards {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 768 / 670 !important;
    margin-top: 64px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent url('/image/catalog/figma-home/material-cards-tablet-768.svg?v=1') center top / 100% 100% no-repeat !important;
    isolation: isolate;
  }

  .home-v2 .v2-material-cards .v2-material-card {
    position: absolute !important;
    left: 2.6041667% !important;
    width: 94.7916667% !important;
    height: 44.1791045% !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;
    cursor: default !important;
  }

  .home-v2 .v2-material-cards .v2-material-card:first-child {
    top: 2.9850746% !important;
  }

  .home-v2 .v2-material-cards .v2-material-card:nth-child(2) {
    top: 51.641791% !important;
  }

  .home-v2 .v2-material-cards .v2-material-card__cta {
    position: absolute !important;
    z-index: 2 !important;
    left: 4.3956044% !important;
    top: 68.2432432% !important;
    display: block !important;
    width: 31.8681319% !important;
    height: 16.2162162% !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !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;
  }
}

/* Final 768 px sheet-materials override: keep after all tablet rules. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 #v2-sheet-materials.v2-sheet-materials {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 768 / 392 !important;
    margin-top: 64px !important;
    padding: 0 !important;
    overflow: visible !important;
    isolation: isolate;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__canvas {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: url('/image/catalog/figma-home/sheet-materials-tablet-without-heading.svg?v=2') center / 100% 100% no-repeat !important;
    pointer-events: 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;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

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

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--plywood {
    left: 2.6041667% !important;
    top: 17.0918367% !important;
    width: 45.4427083% !important;
    height: 75.5102041% !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--osb {
    left: 51.953125% !important;
    top: 16.8367347% !important;
    width: 45.4427083% !important;
    height: 34.1836735% !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link--mdf {
    left: 51.953125% !important;
    top: 58.6734694% !important;
    width: 45.4427083% !important;
    height: 34.1836735% !important;
  }

  .home-v2 #v2-sheet-materials .v2-sheet-materials__link:focus-visible {
    outline: 2px solid #71be00 !important;
    outline-offset: 2px !important;
  }
}
/* Фрейм 768 уже содержит статическую навигацию в SVG: мобильные точки
   не участвуют в этой композиции и не должны выводиться отдельной строкой. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 #v2-how-we-work .v2-how-we-work__dots,
  .home-v2 .v2-reviews .v2-reviews__dots {
    display: none !important;
  }
}

/* Narrow tablet keeps the 768 composition proportionate instead of leaking
   the former one-column 576–767 mobile rules. */
@media (min-width: 576px) and (max-width: 1024px) {
  .home-v2 .v2-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    padding-top: 28px !important;
  }

  .home-v2 .v2-slides {
    width: auto !important;
    min-width: 0 !important;
    height: 365px !important;
  }

  .home-v2 .v2-slide:nth-child(1) {
    padding: 48px 38px 24px !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-slide-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(24px, 4.5vw, 30px) !important;
    line-height: 1.16 !important;
  }

  .home-v2 .v2-slide:nth-child(1) .v2-hero-facts {
    margin-bottom: 14px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .home-v2 .v2-hero-promos {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 728 / 204 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr !important;
  }

  .home-v2 .v2-hero-promos .v2-promo {
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    left: 8% !important;
    top: 64.7% !important;
    width: 60% !important;
    height: 19.6% !important;
  }

  /* Keep the supplied 768 product-card composition.  Previously this range
     inherited the 360 flow inside a three-column grid, making every card tall. */
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .us-module-item.v2-new-card {
    height: 451px !important;
    min-height: 451px !important;
    margin: 0 !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 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    width: calc(100% - 36px) !important;
    height: 189px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img > a,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-img img { object-fit: contain !important; }
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-stock { position: absolute !important; top: 220px !important; left: 18px !important; }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-title {
    position: absolute !important;
    top: 255px !important;
    left: 18px !important;
    display: -webkit-box !important;
    width: calc(100% - 36px) !important;
    height: 34px !important;
    min-height: 0 !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    color: #525c68 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-rating,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card > .us-module-price,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card > .us-module-attr-cont { display: none !important; }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-list {
    position: absolute !important;
    z-index: 3 !important;
    top: 18px !important;
    right: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-item,
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-link {
    display: flex !important;
    width: 18px !important;
    height: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-buttons-compare { display: flex !important; }
  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-unit-panel {
    position: absolute !important;
    top: 297px !important;
    left: 18px !important;
    width: calc(100% - 36px) !important;
    height: 88px !important;
    padding: 8px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-total {
    position: absolute !important;
    bottom: 25px !important;
    left: 18px !important;
    color: #525c68 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
  }

  .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-card .us-module-cart-btn {
    position: absolute !important;
    right: 18px !important;
    bottom: 17px !important;
    display: flex !important;
    width: 74px !important;
    min-width: 74px !important;
    height: 35px !important;
    min-height: 35px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
  }
}


/* Final regime guard: proportional 768 navigation and borderless tablet footer. */
@media (min-width: 576px) and (max-width: 1024px) {
  .menu-row #oct-menu-box,
  .menu-row #oct-ultra-menu-header {
    flex-basis: clamp(62px, 10.1563vw, 78px) !important;
    width: clamp(62px, 10.1563vw, 78px) !important;
    max-width: clamp(62px, 10.1563vw, 78px) !important;
  }
  .menu-row #oct-megamenu-box,
  .menu-row #oct-megamenu,
  .menu-row #oct-megamenu > ul.v2-tablet-ready { min-width: 0 !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li,
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(1),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(2),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(3),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(4),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(5),
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li.v2-tablet-more {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li:nth-child(1) { flex-grow: 1.63 !important; }
  .menu-row #oct-megamenu > ul.v2-tablet-ready > li > a {
    min-width: 0 !important;
    padding: 0 clamp(3px, 1.0417vw, 8px) !important;
    font-size: clamp(9px, 1.5625vw, 12px) !important;
  }
  .v2-figma-footer .footer-sub > .row:first-of-type {
    grid-template-rows: minmax(433px, auto) minmax(297px, auto) !important;
  }
  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box,
  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box::before,
  .v2-figma-footer .footer-sub > .row:first-of-type > .us-footer-box::after { border: 0 !important; }
}


/* Final normal-header guard for the single 576–1024 tablet regime. */
@media (min-width: 576px) and (max-width: 1024px) {
  header > .container > .row {
    width: min(100%, 728px) !important;
    max-width: 728px !important;
    margin: 0 auto !important;
  }
  header #logo {
    flex: 0 0 clamp(76px, 14.3229vw, 110px) !important;
    max-width: clamp(76px, 14.3229vw, 110px) !important;
  }
  header .us-logo-img {
    width: clamp(62px, 11.7188vw, 90px) !important;
    max-width: clamp(62px, 11.7188vw, 90px) !important;
    max-height: clamp(76px, 12.5vw, 96px) !important;
  }
  header .us-search-box,
  header .us-search-box_hidden {
    order: 0 !important;
    flex: 1 1 296px !important;
    width: auto !important;
    min-width: 120px !important;
    max-width: 296px !important;
    margin: 0 clamp(8px, 2.3438vw, 18px) 0 0 !important;
  }
  header .v2-header-actions {
    flex: 1 1 236px !important;
    min-width: 135px !important;
    max-width: 236px !important;
  }
  header .v2-header-action {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    font-size: clamp(9px, 1.4323vw, 11px) !important;
  }
  header .v2-header-action-icon,
  header .v2-header-action i {
    width: clamp(22px, 3.6458vw, 28px) !important;
    height: clamp(22px, 3.6458vw, 28px) !important;
    flex-basis: clamp(22px, 3.6458vw, 28px) !important;
  }
  header #cart {
    flex: 0 0 clamp(55px, 8.8542vw, 68px) !important;
    max-width: clamp(55px, 8.8542vw, 68px) !important;
  }
}

/* Final narrow-tablet guard: preserve the approved 768 hero structure without
   clipping its live content at the narrower edge of the tablet regime. */
@media (min-width: 576px) and (max-width: 767px) {
  .home-v2 .v2-slide:nth-child(1) {
    padding-left: clamp(28px, 5.2vw, 40px) !important;
    padding-right: clamp(28px, 5.2vw, 40px) !important;
  }
  .home-v2 .v2-slide:nth-child(1) .v2-slide-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(24px, 3.9vw, 30px) !important;
    line-height: 1.16 !important;
  }
  .home-v2 .v2-slide:nth-child(1) .v2-hero-facts {
    font-size: clamp(12px, 1.82vw, 14px) !important;
    line-height: clamp(19px, 3.12vw, 24px) !important;
  }
  .home-v2 .v2-hero-promos {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 728 / 204 !important;
    grid-template-rows: 1fr !important;
  }
  .home-v2 .v2-hero-promos .v2-promo { min-height: 0 !important; }
  .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    left: 8% !important;
    top: 64.7% !important;
    width: 60% !important;
    height: 19.6% !important;
  }
}

/* True final cascade guard for the approved tablet promo source. */
@media (min-width: 576px) and (max-width: 1024px) {
  html body .home-v2 .v2-hero-promos {
    gap: 16px !important;
    background: transparent url('/image/catalog/figma-home/hero-promos-tablet-768.svg?v=1') center / 100% 100% no-repeat !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo {
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    background-image: none !important;
    cursor: default !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo > span,
  html body .home-v2 .v2-hero-promos .v2-promo > b,
  html body .home-v2 .v2-hero-promos .v2-promo > p,
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-button {
    display: none !important;
    visibility: hidden !important;
  }
  html body .home-v2 .v2-hero-promos .v2-promo > .v2-promo-hit {
    position: absolute !important;
    z-index: 2 !important;
    top: 64.7% !important;
    left: 5.62% !important;
    display: block !important;
    visibility: visible !important;
    width: 41.85% !important;
    height: 19.6% !important;
    cursor: pointer !important;
  }

  /* Exact live benefit content bounds from the 768 x 288 source. */
  html body .home-v2 .v2-benefits a {
    padding-right: 150px !important;
    padding-left: 24px !important;
  }
  html body .home-v2 .v2-benefits a i {
    right: 38px !important;
    width: 80px !important;
    height: 80px !important;
  }
  html body .home-v2 .v2-benefits b,
  html body .home-v2 .v2-benefits span {
    max-width: 190px !important;
  }

  /* Product grade is an overlay badge in both supplied product frames. */
  html body .home-v2 :is([data-v2-slot="latest"], [data-v2-slot="featured"]) .v2-new-grade {
    top: 28px !important;
    left: 28px !important;
    width: auto !important;
    min-width: 52px !important;
    height: 28px !important;
    padding: 0 8px !important;
    color: #fff !important;
    background: #525c68 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}
/* The Falshbalki artwork is already embedded in the tablet stock SVG.
   Disable the desktop compatibility overlay to avoid a duplicated card frame. */
.home-v2 .v2-stock__card.v2-stock__card--shed:after {
  content: none !important;
  background: none !important;
}

/* Beget visible homepage H2 patch 20260915 */
@media (min-width:576px) and (max-width:1024px){
  .home-v2 #v2-sheet-materials .v2-art-heading {
    top:-.91146vw!important;left:2.60417%!important;color:#525c68!important;
    font:800 4.6875vw/1.2 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;
  }
  .home-v2 #v2-production .v2-art-heading {
    top:9.20465%!important;left:4.5573%!important;color:#525c68!important;
    font:800 4.6875vw/1.2 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;
  }
  .home-v2 #v2-production .v2-art-heading br {display:none!important;}
  .home-v2 #v2-how-we-work .v2-art-heading {
    top:-.91146vw!important;left:2.99479%!important;color:#525c68!important;
    font:800 4.6875vw/1.2 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;
  }
  .home-v2 #v2-bath-materials .v2-art-heading {
    top:9.48357%!important;left:4.5573%!important;color:#fff!important;
    font:800 4.6875vw/1.2 'Open Sans',Arial,sans-serif!important;white-space:nowrap!important;
  }
}