/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.4_webpack@5.102.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.8_typescript@5.9.3_webpack@5.102.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/.pnpm/sass-loader@16.0.7_sass@1.93.2_webpack@5.102.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_spacenk/cartridge/client/default/scss/layout.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-container {
  max-width: 1200px;
}

.region {
  position: relative;
  display: flex;
}
.region .experience-component {
  flex: 1;
}
.region .experience-assets-verticalDivider {
  flex: unset;
}

.row-region-delivery .swiper {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.row-region-trading .region {
  flex-direction: column;
}
@media (min-width: 810px) {
  .row-region-trading .region {
    flex-direction: row;
  }
}

div .sf-interactions-proxyHoverContainer a {
  overflow: visible;
}