/*
File generated by XWK on Thu, 12 Nov 2026 15:21:16 +0100 - NEVER EDIT THIS FILE 
File src: files/cache/dscss/itemgroup.base.inc.20AC2908.scss 
Compile Time: 12ms 
*/
@media (min-width: 769px) {
  .item-group .item-wrapper.col-sm-1:not(.ignore-max-width) {
    width: var(--item-width-c1);
    min-width: var(--item-width-c1) !important;
    max-width: var(--item-width-c1) !important; }

  .item-group .item-wrapper.col-sm-2:not(.ignore-max-width) {
    width: var(--item-width-c2);
    min-width: var(--item-width-c2) !important;
    max-width: var(--item-width-c2) !important; }

  .item-group .item-wrapper.col-sm-3:not(.ignore-max-width) {
    width: var(--item-width-c3);
    min-width: var(--item-width-c3) !important;
    max-width: var(--item-width-c3) !important; }

  .item-group .item-wrapper.col-sm-4:not(.ignore-max-width) {
    width: var(--item-width-c4);
    min-width: var(--item-width-c4) !important;
    max-width: var(--item-width-c4) !important; }

  .item-group .item-wrapper.col-sm-5:not(.ignore-max-width) {
    width: var(--item-width-c5);
    min-width: var(--item-width-c5) !important;
    max-width: var(--item-width-c5) !important; }

  .item-group .item-wrapper.col-sm-6:not(.ignore-max-width) {
    width: var(--item-width-c6);
    min-width: var(--item-width-c6) !important;
    max-width: var(--item-width-c6) !important; }

  .item-group .item-wrapper.col-sm-7:not(.ignore-max-width) {
    width: var(--item-width-c7);
    min-width: var(--item-width-c7) !important;
    max-width: var(--item-width-c7) !important; }

  .item-group .item-wrapper.col-sm-8:not(.ignore-max-width) {
    width: var(--item-width-c8);
    min-width: var(--item-width-c8) !important;
    max-width: var(--item-width-c8) !important; }

  .item-group .item-wrapper.col-sm-9:not(.ignore-max-width) {
    width: var(--item-width-c9);
    min-width: var(--item-width-c9) !important;
    max-width: var(--item-width-c9) !important; }

  .item-group .item-wrapper.col-sm-10:not(.ignore-max-width) {
    width: var(--item-width-c10);
    min-width: var(--item-width-c10) !important;
    max-width: var(--item-width-c10) !important; }

  .item-group .item-wrapper.col-sm-11:not(.ignore-max-width) {
    width: var(--item-width-c11);
    min-width: var(--item-width-c11) !important;
    max-width: var(--item-width-c11) !important; }

  .item-group .item-wrapper.col-sm-12:not(.ignore-max-width) {
    width: var(--item-width-c12);
    min-width: var(--item-width-c12) !important;
    max-width: var(--item-width-c12) !important; }

  .item-group .item-wrapper.col-sm-13:not(.ignore-max-width) {
    width: var(--item-width-c13);
    min-width: var(--item-width-c13) !important;
    max-width: var(--item-width-c13) !important; }

  .item-group .item-wrapper.col-sm-14:not(.ignore-max-width) {
    width: var(--item-width-c14);
    min-width: var(--item-width-c14) !important;
    max-width: var(--item-width-c14) !important; }

  .item-group .item-wrapper.col-sm-15:not(.ignore-max-width) {
    width: var(--item-width-c15);
    min-width: var(--item-width-c15) !important;
    max-width: var(--item-width-c15) !important; }

  .item-group .item-wrapper.col-sm-16:not(.ignore-max-width) {
    width: var(--item-width-c16);
    min-width: var(--item-width-c16) !important;
    max-width: var(--item-width-c16) !important; }

  .item-group .item-wrapper.col-sm-17:not(.ignore-max-width) {
    width: var(--item-width-c17);
    min-width: var(--item-width-c17) !important;
    max-width: var(--item-width-c17) !important; }

  .item-group .item-wrapper.col-sm-18:not(.ignore-max-width) {
    width: var(--item-width-c18);
    min-width: var(--item-width-c18) !important;
    max-width: var(--item-width-c18) !important; }

  .item-group .item-wrapper.col-sm-19:not(.ignore-max-width) {
    width: var(--item-width-c19);
    min-width: var(--item-width-c19) !important;
    max-width: var(--item-width-c19) !important; }

  .item-group .item-wrapper.col-sm-20:not(.ignore-max-width) {
    width: var(--item-width-c20);
    min-width: var(--item-width-c20) !important;
    max-width: var(--item-width-c20) !important; }

  .item-group .item-wrapper.col-sm-21:not(.ignore-max-width) {
    width: var(--item-width-c21);
    min-width: var(--item-width-c21) !important;
    max-width: var(--item-width-c21) !important; }

  .item-group .item-wrapper.col-sm-22:not(.ignore-max-width) {
    width: var(--item-width-c22);
    min-width: var(--item-width-c22) !important;
    max-width: var(--item-width-c22) !important; }

  .item-group .item-wrapper.col-sm-23:not(.ignore-max-width) {
    width: var(--item-width-c23);
    min-width: var(--item-width-c23) !important;
    max-width: var(--item-width-c23) !important; }

  .item-group .item-wrapper.col-sm-24:not(.ignore-max-width) {
    width: var(--item-width-c24);
    min-width: var(--item-width-c24) !important;
    max-width: var(--item-width-c24) !important; } }
/* --- Item group inner items width END --- */
.item-wrapper.item-group.no-border.overflow-hidden > .item > .item-content {
  overflow: hidden; }

.item-wrapper.item-group.with-border.overflow-hidden > .item > .item-content {
  overflow: hidden; }

/* --- fix for "item-content" overflow hidden START --- */
/*
 show shadows of inner items if the item group has no border
 (this is not working because we now (19.1.2017) have item background color for items without border)
 */
.item-wrapper.item-group > .item > .item-content {
  margin-bottom: -36px; }
  .item-wrapper.item-group > .item > .item-content > .item-links {
    margin-bottom: 36px; }

.item-wrapper.item-group.with-border {
  margin-bottom: 36px; }

.item-wrapper.item-group.with-border > .item > .item-content {
  margin-bottom: -36px; }

.item-wrapper.item-group.inner-items-has-force-row-gap > .item > .item-content {
  margin-bottom: -36px; }

.item-wrapper.item-group.inner-items-has-force-row-gap.with-border > .item > .item-content {
  margin-bottom: -36px; }
/* --- fix for "item-content" overflow hidden END --- */
/* --- Item group padding START --- */
.item-wrapper.item-group.with-border > .item > .item-content {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 18px;
  padding-bottom: 18px; }

@media (max-width: 768px) {
  .item-wrapper.item-group.with-border.no-content-padding-left-xs > .item > .item-content {
    padding-left: 0 !important; }
    .item-wrapper.item-group.with-border.no-content-padding-right-xs > .item > .item-content {
      padding-right: 0 !important; }
    .item-wrapper.item-group.with-border.no-content-padding-top-xs > .item > .item-content {
      padding-top: 0 !important; }
    .item-wrapper.item-group.with-border.no-content-padding-bottom-xs > .item > .item-content {
      padding-bottom: 0 !important; } }

@media (min-width: 769px) {
  .item-wrapper.item-group.with-border.no-content-padding-left-sm > .item > .item-content {
    padding-left: 0 !important; }
    .item-wrapper.item-group.with-border.no-content-padding-right-sm > .item > .item-content {
      padding-right: 0 !important; }
    .item-wrapper.item-group.with-border.no-content-padding-top-sm > .item > .item-content {
      padding-top: 0 !important; }
    .item-wrapper.item-group.with-border.no-content-padding-bottom-sm > .item > .item-content {
      padding-bottom: 0 !important; } }

.content-root > .container-fluid.full-width > .item-wrapper.item-group.full-width > .item > .item-content.full-width > .container-fluid.full-width {
  max-width: none; }

.item-wrapper.item-group.full-width > .item > .item-content.full-width {
  width: auto; }
  .item-wrapper.item-group.full-width > .item > .item-content.full-width > .container-fluid.full-width > .row {
    width: 100%; }
/* --- Item group padding END --- */
/* --- Item group padding for main groups START --- */
#wrapper > #align-wrapper > #align-container > .container-fluid > .row > .item-wrapper.item-group.full-width:not(.with-border) > .item > .item-content:not(.full-width), #wrapper > #align-wrapper .content-root > .container-fluid > .row > .item-wrapper.item-group.full-width:not(.with-border) > .item > .item-content:not(.full-width) {
  padding-left: 20px;
  padding-right: 20px; }
  #wrapper > #align-wrapper > #align-container > .container-fluid > .row > .item-wrapper.item-group.full-width:not(.with-border) > .item > .item-content:not(.full-width) > .container-fluid.full-width, #wrapper > #align-wrapper .content-root > .container-fluid > .row > .item-wrapper.item-group.full-width:not(.with-border) > .item > .item-content:not(.full-width) > .container-fluid.full-width {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -10px;
    width: calc(100% + 20px); }

#wrapper > #align-wrapper > #align-container > .container-fluid > .row > .item-wrapper.item-group.with-border.full-width > .item > .item-content.full-width {
  padding-left: 18px;
  padding-right: 18px; }

#wrapper > #align-wrapper > #align-container > .container-fluid > .row > .item-wrapper.item-group.with-border > .item > .item-content {
  padding-top: 18px;
  padding-bottom: 18px; }
/* --- Item group padding for main groups START --- */
/* --- Item group inner items alignment START --- */
.item-wrapper.item-group.justify-items-left > .item > .item-content > .container-fluid > .row, .item-wrapper.item-group.justify-items-left > .item > .item-content > .container-fluid > .row-continuous > .row {
  justify-content: flex-start; }
  .item-wrapper.item-group.justify-items-left > .item > .item-content > .container-fluid > .row > div, .item-wrapper.item-group.justify-items-left > .item > .item-content > .container-fluid > .row-continuous > .row > div {
    margin-left: 0;
    margin-right: 0; }
  .item-wrapper.item-group.justify-items-center > .item > .item-content > .container-fluid > .row, .item-wrapper.item-group.justify-items-center > .item > .item-content > .container-fluid > .row-continuous > .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .item-wrapper.item-group.justify-items-center > .item > .item-content > .container-fluid > .row > div, .item-wrapper.item-group.justify-items-center > .item > .item-content > .container-fluid > .row-continuous > .row > div {
    margin-left: 0;
    margin-right: 0; }
  .item-wrapper.item-group.justify-items-right > .item > .item-content > .container-fluid > .row, .item-wrapper.item-group.justify-items-right > .item > .item-content > .container-fluid > .row-continuous > .row {
    justify-content: flex-end; }
  .item-wrapper.item-group.justify-items-right > .item > .item-content > .container-fluid > .row > div, .item-wrapper.item-group.justify-items-right > .item > .item-content > .container-fluid > .row-continuous > .row > div {
    margin-left: 0;
    margin-right: 0; }

.product-hint-select-wrapper.item-group.justify-items-left .item-wrapper > .item > .item-content > .container-fluid > .row, .item-shop-last-visited-products.item-group.justify-items-left .item-wrapper > .item > .item-content > .container-fluid > .row {
  justify-content: flex-start; }
  .product-hint-select-wrapper.item-group.justify-items-left .item-wrapper > .item > .item-content > .container-fluid > .row > div, .item-shop-last-visited-products.item-group.justify-items-left .item-wrapper > .item > .item-content > .container-fluid > .row > div {
    margin-left: 0;
    margin-right: 0; }
  .product-hint-select-wrapper.item-group.justify-items-center .item-wrapper > .item > .item-content > .container-fluid > .row, .item-shop-last-visited-products.item-group.justify-items-center .item-wrapper > .item > .item-content > .container-fluid > .row {
    justify-content: center; }
  .product-hint-select-wrapper.item-group.justify-items-center .item-wrapper > .item > .item-content > .container-fluid > .row > div, .item-shop-last-visited-products.item-group.justify-items-center .item-wrapper > .item > .item-content > .container-fluid > .row > div {
    margin-left: 0;
    margin-right: 0; }
  .product-hint-select-wrapper.item-group.justify-items-right .item-wrapper > .item > .item-content > .container-fluid > .row, .item-shop-last-visited-products.item-group.justify-items-right .item-wrapper > .item > .item-content > .container-fluid > .row {
    justify-content: flex-end; }
  .product-hint-select-wrapper.item-group.justify-items-right .item-wrapper > .item > .item-content > .container-fluid > .row > div, .item-shop-last-visited-products.item-group.justify-items-right .item-wrapper > .item > .item-content > .container-fluid > .row > div {
    margin-left: 0;
    margin-right: 0; }

.container-fluid.full-width .item-wrapper.item-group.full-width > .item > .item-content.fit-grid {
  padding-left: 20px;
  padding-right: 20px; }

.item-wrapper.item-group.align-items-top > .item > .item-content > .container-fluid > .row {
  align-content: flex-start;
  flex-grow: 1; }
  .item-wrapper.item-group.align-items-top > .item > .item-content.fit-grid > .container-fluid > .row {
    flex-grow: 1 !important;
    align-content: flex-start !important; }
  .item-wrapper.item-group.align-items-center > .item > .item-content > .container-fluid > .row {
    align-content: center;
    flex-grow: 1;
    display: flex;
    align-items: center; }
  .item-wrapper.item-group.align-items-center > .item > .item-content.fit-grid > .container-fluid > .row {
    flex-grow: 1 !important;
    align-content: center !important; }
  .item-wrapper.item-group.align-items-bottom > .item > .item-content > .container-fluid > .row {
    align-content: flex-end;
    flex-grow: 1;
    display: flex;
    align-items: flex-end; }
  .item-wrapper.item-group.align-items-bottom > .item > .item-content.fit-grid > .container-fluid > .row {
    flex-grow: 1 !important;
    align-content: flex-end !important; }

.product-hint-select-wrapper.item-group.align-items-top .item-wrapper > .item > .item-content > .container-fluid > .row {
  align-content: flex-start; }
  .product-hint-select-wrapper.item-group.align-items-center .item-wrapper > .item > .item-content > .container-fluid > .row {
    align-content: center; }
  .product-hint-select-wrapper.item-group.align-items-bottom .item-wrapper > .item > .item-content > .container-fluid > .row {
    align-content: flex-end; }

.item-wrapper.item-group > .item > .item-content.fit-grid > .container-fluid:not(.row-continuous) {
  display: flex;
  flex-direction: column; }
  .item-wrapper.item-group > .item > .item-content.fit-grid > .container-fluid:not(.row-continuous) > .row {
    flex-grow: 1 !important;
    align-content: normal;
    height: auto;
    min-height: 100%; }
/* --- Item group inner items alignment START --- */