.catalogue-items-container{
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}
.catalogue-items-container>li{
    margin: 0;
    padding: 0;
    display: flex;
}
.catalogue-items-container>li>.store-item-widget{
    width: 100%;
    box-shadow: var(--shadow-raised);

    /* min-width: auto;
    max-width: none; */
}

.store-item-widget .sic-product-media img{
  transition: all 0.3s;
}

.store-item-widget :hover > img{
  transform: scale(1.1);
}

.main-wrapper.groups > .catalogue-products-view-selector.desktop{
  display: none;
}.page-title-row{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 12px;
}
.page-title-row #breadcrumbs{
  flex: 1 1 auto;
  min-width: 0;
}
.page-title-row .catalogue-products-view-selector{
  flex: none;
  /*margin: 0;*/
}

.catalogue-products-view-selector{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.main-wrapper.groups > .catalogue-products-view-selector{
  display: none;
}
.catalogue-products-view-selector ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.catalogue-products-view-selector ul li{
  margin: 0;
  padding: 0;
  flex: none;
  width: 42px;
  height: 38px;
}
.catalogue-products-view-selector ul li a{
  height: 100%;
  width: 100%;
  background: var(--color-grey-900);
  border: 1px solid var(--color-grey-500);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-small);
}
.catalogue-products-view-selector ul li.active a{
  background: var(--color-secondary-500);
}

.catalogue-products-view-selector .vsel-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--main-color);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.catalogue-products-view-selector .vsel-icon--small {
  -webkit-mask-image: url("/images/catalogue-view-small.svg");
  mask-image: url("/images/catalogue-view-small.svg");
}
.catalogue-products-view-selector .vsel-icon--medium {
  -webkit-mask-image: url("/images/catalogue-view-medium.svg");
  mask-image: url("/images/catalogue-view-medium.svg");
}
.catalogue-products-view-selector .vsel-icon--large {
  -webkit-mask-image: url("/images/catalogue-view-large.svg");
  mask-image: url("/images/catalogue-view-large.svg");
}
.catalogue-products-view-selector .vsel-icon--table {
  -webkit-mask-image: url("/images/catalogue-view-table.svg");
  mask-image: url("/images/catalogue-view-table.svg");
}
.catalogue-products-view-selector .vsel-icon--pro {
  -webkit-mask-image: url("/images/catalogue-view-pro.svg");
  mask-image: url("/images/catalogue-view-pro.svg");
}
.catalogue-products-view-selector .vsel-icon--regular {
  -webkit-mask-image: url("/images/catalogue-view-regular.svg");
  mask-image: url("/images/catalogue-view-regular.svg");
}
.catalogue-products-view-selector ul li a .vsel-icon {
  background-color: var(--main-color);
}
.catalogue-products-view-selector ul li.active a .vsel-icon {
  background-color: var(--color-grey-900);
}
.catalogue-products-view-selector.desktop{
  display: none;
}

.cardmode-toggle{
  flex: none;
  width: 38px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color);
  border: 1px solid var(--main-color);
}
.cardmode-toggle.cardmode-toggle--regular {
  background: var(--color-grey-900);
  border: 1px solid var(--color-grey-500);
}

.catalogue-products-view-selector .cardmode-toggle.cardmode-toggle--pro .vsel-icon{
  background-color: var(--color-grey-900);
}.catalog-filters-block .catalog-filters-block-statistic:before{
    content:" ("
}
.catalog-filters-block .catalog-filters-block-statistic:after{
    content:")"
}
.catalog-filters-block .catalog-filters-block-statistic{
    font-size: 12px;
    position: absolute;
    top: 0;
    padding-left: 4px;
}
.catalog-filters-block > ul > li{
    position: relative;
}

.catalog-filters-block .catalog-filters-block-item.no-stat{
 display: none;
}
.catalog-filters-block .catalog-filters-block-item.with-stat{

}/* Store Item Widget Styles */
.store-item-widget {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
}

.store-item-widget .sic-card{
  display: none;
}

.sic-images-container video {
  height: 100%;
}

.store-item-widget .sic-card.active{
  display: flex;
  width: 100%;
  height: 100%;
}

.sic-card{
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  align-content: flex-start;
  background: var(--color-white);
  position: relative;
}

.sic-card .sic-data-container{
  width: 100%;
}

.sic-card .sic-product-title{
  overflow: hidden;
  color: var(--color-blue-300);
  font-feature-settings: 'dlig' on;
  text-overflow: ellipsis;
  white-space: normal;
  display: block;
  text-decoration: none;
  font-weight: 500;
  flex-shrink: 0;
}

.sic-card .sic-expand-block {
  display: none;
}

.sic-card .sic-prices-n-actions-container{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}

.sic-card  .sic-card-actions-container{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sic-card .sic-data-container{
  display: flex;
  height: 100%;
  justify-content: stretch;
}

/* quantity selector */
.sic-card .sic-cart-quantity-selector{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--base-005);
  border-radius: var(--radius-small);
  border: 1px solid var(--color-grey-500);
  background: var(--color-white);
  padding: 3px 4px;
  width: 100%;
  flex-shrink: 2;
}

.sic-card .sic-cart-quantity-selector button,
.sic-card .sic-cart-quantity-selector input{
  border: none;
  background: transparent;
  text-align: center;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 32px;
  height: 32px;
  outline: none;
}

.sic-card .sic-cart-quantity-selector input{
  color: var(--color-blue-100);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  width: 40px;
  text-transform: uppercase;
}

.sic-card .sic-cart-quantity-selector button{
  text-align: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sic-card .icon-mask{
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.sic-card .icon-mask.sic-cart{
  -webkit-mask-image: url("/images/store-item-card-cart.svg");
  mask-image: url("/images/store-item-card-cart.svg");
}

.sic-card .icon-mask.sic-cart-return{
  -webkit-mask-image: url("/images/store-item-card-cart-return.svg");
  mask-image: url("/images/store-item-card-cart-return.svg");
}

.sic-card .icon-mask.sic-plus{
  -webkit-mask-image: url("/images/store-item-card-plus.svg");
  mask-image: url("/images/store-item-card-plus.svg");
}

.sic-card .icon-mask.sic-cart-qty{
  width: 24px;
  height: 24px;
  background-color: var(--color-blue-300);
  -webkit-mask-image: url("/images/store-item-card-cart-qty.svg");
  mask-image: url("/images/store-item-card-cart-qty.svg");
}

.sic-card .icon-mask.sic-chevron-up{
  -webkit-mask-image: url("/images/store-item-card-chevron-up.svg");
  mask-image: url("/images/store-item-card-chevron-up.svg");
}

.sic-card .icon-mask.sic-minus{
  -webkit-mask-image: url("/images/store-item-card-minus.svg");
  mask-image: url("/images/store-item-card-minus.svg");
}

.sic-card .icon-mask.sic-plus-sm{
  -webkit-mask-image: url("/images/store-item-card-plus-sm.svg");
  mask-image: url("/images/store-item-card-plus-sm.svg");
}

.sic-card .icon-mask.sic-grid{
  -webkit-mask-image: url("/images/store-item-card-grid.svg");
  mask-image: url("/images/store-item-card-grid.svg");
}

.sic-card .sic-cart-quantity-selector button .icon-mask{
  width: 12px;
  height: 12px;
  background-color: var(--color-blue-300);
}

.sic-card .sic-cart-quantity-selector button:disabled .icon-mask{
  background-color: var(--color-neutral-700);
}

/* media data */
.sic-card .sic-media-container{
  position: relative;
  width: 100%;
  height: 100%;
  /* margin-bottom: 8px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: visible;
  flex-shrink: 0;
}

.sic-card .sic-product-media{
  width: 100%;
  height: 100%;
}

.sic-card .sic-images{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  padding: 0 0 16px 0;
}

.sic-card .sic-images a{
  display: block;
  width: 100%;
  height: 100%;
}

.sic-card .sic-images-container{
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
}

.sic-card .sic-images-container li{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--interaction-medium-01) ease-in-out;
}

.sic-card .sic-images-container li img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.sic-card .sic-images-nav{
  display: none;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
  flex-shrink: 0;
  /*display: flex;*/
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}

.sic-card .sic-images-nav li{
  margin: 0;
  padding: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}

.sic-card .sic-images-nav li:before{
  background: var(--color-neutral-500);
  content:"";
  width: 7px;
  height: 7px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
}

.sic-card .sic-images-nav li.active:before{
  background: var(--color-neutral-300);
}

.sic-card .sic-present{
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 48px;
  width: 40px;
  justify-content: center;
}

.sic-card .sic-present .present-item-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--color-neutral-500);
  background: var(--color-white);
  border-radius: var(--radius-small);
  padding: 4px 0 4px 0;
  width: 100%;
  height: 100%;
}

.sic-card .sic-present.present-points .present-item-container {
  border: none;
  height: 40px;
  width: 40px;
  gap: 0;
  padding-bottom: 7px;
  border-radius: 24px;
  background: var(--color-yellow-300);
}

.sic-card .sic-present .notice  {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.sic-card .sic-present .overline {
  font-size: 6px;
  line-height: 6px;
}

.sic-card .sic-present .caption {
  font-size: 12px;
  line-height: 12px;
  font-weight: 300;
}

.sic-card .sic-present.multiple .present-item-container{
  height: 40px;
  padding-bottom: 8px;
  gap:4px;
}

.sic-card .sic-present .present-item-image {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.sic-card .sic-present.multiple .present-item-image {
  height: 18px;
  width: 18px;
}

.sic-card .sic-bonuses{
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.sic-card .sic-bonus{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  max-width: 100%;
  height: 22px;
  overflow: hidden;
}

.sic-card .sic-bonus.wo-image .bonus-image {
  display: none;

}

.sic-card .sic-bonus .bonus-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.sic-card .sic-bonus .bonus-image {
  width: 22px;
  height: 22px;
}

.sic-card .sic-bonus.wo-background .bonus-image{
  width: auto;
  height: 22px;
}

.sic-card .sic-bonus .bonus-title{
  white-space: nowrap;
}

.sic-card .sic-bonus.wo-background .bonus-title{
  display: none;
}

/* prices */
.sic-card .sic-prices-container{
  display: flex;
  flex-direction: row;
  /* align-items: baseline; */
  justify-content: space-between;
  flex-shrink: 0;
}

.sic-card .sic-selected-variant-price{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  flex-shrink: 0;
}

.sic-card .sic-price-new-value{
  color: var(--color-blue-300);
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  white-space: nowrap;
}

.sic-card.has-old-price .sic-price-new-value{
  color: var(--color-red-500);
}

.sic-card.has-old-price .sic-price-new-container{
  order: 2;
}

.sic-card .sic-price-old-value{
  color: var(--color-blue-100);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px; /* 128.571% */
  text-decoration-line: line-through;
  white-space: nowrap;
  order:1;
}

.sic-card .sic-price-new-container{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}

.sic-card .currency,
.sic-card .sic-units-name-value{
  color: var(--color-blue-300);
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap;
  vertical-align: bottom;
}

/* buttons */
.sic-card .sic-add-to-cart-button,
.sic-card .button-add-opt {
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: var(--radius-small);
  border: 1px solid var(--button-add-to-cart-default-border);
  background: var(--button-add-to-cart-default-background);
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
}

.sic-card .sic-add-to-cart-button .button-icon,
.sic-card .button-add-opt .button-icon
{
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sic-card .sic-add-to-cart-button .button-icon .icon-mask,
.sic-card .button-add-opt.button-icon .icon-mask {
  width: 100%;
  height: 100%;
}

.sic-card.pro .button-add-opt .button-icon {
  width: 18px;
  height: 18px;
}

.sic-card .sic-add-to-cart-button .button-label,
.sic-card .button-add-opt .button-label{
  display: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--button-add-to-cart-default-color);
}
.sic-card .button-add-opt .button-label {
  display: block;
}
.sic-card .sic-add-to-cart-button .button-icon .icon-mask,
.sic-card .button-add-opt  .button-icon .icon-mask{
  background-color: var(--button-add-to-cart-default-color);
}

/* button pressed */
.sic-card .sic-add-to-cart-button.pressed,
.sic-card .sic-add-to-cart-button.pressed:hover{
  background: var(--button-add-to-cart-pressed-background);
  border: 1px solid var(--button-add-to-cart-pressed-border);
}
.sic-card .sic-add-to-cart-button.pressed .button-label,
.sic-card .sic-add-to-cart-button.pressed:hover .button-label{
  color: var(--button-add-to-cart-pressed-color);
}

.sic-card .sic-add-to-cart-button.pressed .button-icon .icon-mask,
.sic-card .sic-add-to-cart-button.pressed:hover .button-icon .icon-mask{
  background-color: var(--button-add-to-cart-pressed-color);
}

/* button update */
.sic-card .sic-add-to-cart-button.update {
  background: var(--button-add-to-cart-update-background);
  border: 1px solid var(--button-add-to-cart-update-border);
}

.sic-card .sic-add-to-cart-button.update .button-label {
  color: var(--button-add-to-cart-update-color);
}

.sic-card .sic-add-to-cart-button.update .button-icon .icon-mask{
  background-color: var(--button-add-to-cart-update-color);
}

/* button in-cart */
.sic-card .sic-add-to-cart-button.in_cart,
.sic-card .sic-add-to-cart-button.in_cart:hover {
  background: var(--button-add-to-cart-in-cart-background);
  border: 1px solid var(--button-add-to-cart-in-cart-border);
  cursor: not-allowed;
}

.sic-card .sic-add-to-cart-button.in_cart .button-label,
.sic-card .sic-add-to-cart-button.in_cart:hover .button-label{
    color: var(--button-add-to-cart-in-cart-color);
}

.sic-card .sic-add-to-cart-button.in_cart .button-icon .icon-mask,
.sic-card .sic-add-to-cart-button.in_cart:hover .button-icon .icon-mask{
    background-color: var(--button-add-to-cart-in-cart-color);
}

/* button disabled */
.sic-card .sic-add-to-cart-button.disabled,
.sic-card .sic-add-to-cart-button.disabled:hover,
.sic-card .button-add-opt.disabled,
.sic-card .button-add-opt.disabled:hover {
  cursor: not-allowed;
  background: var(--button-add-to-cart-disabled-background);
  border: 1px solid var(--button-add-to-cart-disabled-border);
  /* height: 40px; */
}
.sic-card .sic-add-to-cart-button.disabled .button-label,
.sic-card .sic-add-to-cart-button.disabled:hover .button-label{
  color: var(--button-add-to-cart-disabled-color);
}

.sic-card .sic-add-to-cart-button.disabled .button-icon .icon-mask,
.sic-card .sic-add-to-cart-button.disabled:hover .button-icon .icon-mask{
  background-color: var(--button-add-to-cart-disabled-color);
}
/* button hover */
.sic-card .sic-add-to-cart-button:hover,
.sic-card .sic-add-to-cart-button.update:hover{
  background: var(--button-add-to-cart-hover-background);
  border: 1px solid var(--button-add-to-cart-hover-border);
}

.sic-card .sic-add-to-cart-button:hover .button-label {
  color: var(--button-add-to-cart-hover-color);
}
.sic-card .sic-add-to-cart-button:hover .button-icon .icon-mask {
  background-color: var(--button-add-to-cart-hover-color);
}

/* button focus */
.sic-card .sic-add-to-cart-button:focus {
  background: var(--button-add-to-cart-focus-background);
  border: 1px solid var(--button-add-to-cart-focus-border);
}

.sic-card .sic-add-to-cart-button:hover .button-label {
  color: var(--button-add-to-cart-focus-color);
}

.sic-card .sic-add-to-cart-button:hover .button-icon .icon-mask {
  background-color: var(--button-add-to-cart-focus-color);
}

/* select variant (mobile-only substitute for the add-to-cart button while a family
   of variants has none selected yet - see .preview rules in the max-width:699px block).
   Deliberately not sharing the _add-to-cart-button class so it's unaffected by that
   button's disabled/pressed/update states and by the icon-only rules on small screens. */
.sic-card .sic-select-variant-button{
  display: none;
  margin: 0;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: var(--radius-small);
  border: 1px solid var(--button-add-to-cart-default-border);
  background: var(--button-add-to-cart-default-background);
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
}
.sic-card .sic-select-variant-button .button-label{
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--button-add-to-cart-default-color);
}
.sic-card.pro .sic-select-variant-button {
  border: 1px solid var(--color-grey-500);
  background: var(--color-white);
}
.sic-card.pro .sic-select-variant-button .button-label{
  color: var(--color-blue-300);
  text-transform: none;
  font-size: 16px;
  line-height: 18px;

}

.sic-card.regular .sic-select-variant-button:hover{
  background: var(--button-add-to-cart-hover-background);
  border: 1px solid var(--button-add-to-cart-hover-border);
}
.sic-card.regular .sic-select-variant-button:hover .button-label{
  color: var(--button-add-to-cart-hover-color);
}

/* properties */
.sic-card .sic-properties-container{
  display: none;
}

.store-item-widget .sic-card.properties-expanded-by-btn {
  display: flex;
}
.sic-card .sic-cart-actions-container{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  align-content: center;
}

.sic-card .sic-expand-properties-button{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--color-neutral-300);
  border-radius: var(--radius-small);
  border: 1px solid var(--color-grey-500);
  background: var(--color-white);
  padding: 8px 12px;
  text-align: center;
}

.sic-card .sic-expand-properties-button .button-icon{
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  transition: transform var(--interaction-medium-01) ease-in-out;
  transform-origin: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sic-card .sic-expand-properties-button .icon-mask{
  width: 11px;
  height: 18px;
  background-color: var(--color-neutral-500);
}

.sic-card.properties-expanded-by-btn .sic-expand-properties-button .button-icon{
  transform: rotate(0deg);
}

.sic-card .sic-has-property-indicator{
  display: none;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

.sic-card .sic-has-property-indicator .icon-mask{
  width: 100%;
  height: 100%;
  background-color: var(--color-blue-300);
}

.sic-card .sic-properties-container dl{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.sic-card .sic-properties-container dl dd,
.sic-card .sic-properties-container dl dt{
  margin: 0;
  padding: 0;
  text-transform: none;
}

.sic-card .sic-properties-container dl dt{
  font-size: var(--small-font-size);
  line-height: var(--tiny-line-height);
  font-style: normal;
  font-weight: 300;
  color: var(--color-grey-300);
}
.sic-card .sic-properties-container dl dd{
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  color: var(--color-blue-100);
}
.sic-card .sic-properties-container.main dl dd{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var( --spacing-mobile-small);
}

.sic-card .property-value {
  position: relative;
}

.sic-card .property-value-chip {
  padding: 5px 8px;
  background: var(--color-grey-900);
  border: 1px solid var(--color-grey-500);
  border-radius: var(--radius-small);
  font-family: var(--props-font-family);
  font-size: var(--props-font-size);
  line-height: var(--props-line-height);
  font-weight: var(--props-font-weight);
  text-align: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 7px 4px;
  min-width: 42px;
}

.sic-card .property-value.disabled  .property-value-chip {
  cursor: not-allowed;
}

.sic-card .property-value.available-for-select .property-value-chip,
.sic-card .property-value.available .property-value-chip,
.sic-card .property-value.in-cart.available .property-value-chip,
.sic-card .property-value.available-in-cart .property-value-chip,
.sic-card .property-value.selected.in-cart.available .property-value-chip{
  border: 1px solid var(--color-grey-300);
  background-color: var(--color-grey-700);
  outline: none;
}

.sic-card .property-value.in-cart  .property-value-chip {
  outline: 1px solid var(--color-red-500);
  border: 1px solid var(--color-grey-500);
}

.sic-card .property-value.in-cart.available-in-cart  .property-value-chip {
  border: 1px solid var(--color-grey-300)!important;
  background-color: var(--color-grey-700);
  outline: 1px solid var(--color-red-500);!important;
}


.sic-card .property-value.selected.in-cart .property-value-chip,
.sic-card.select.select-in-cart .property-value.in-cart.selected.available-for-select.available-in-cart .property-value-chip,
.sic-card.select.select-in-cart .property-value.in-cart.selected.available-for-select .property-value-chip,
.sic-card.select.select-in-cart .property-value.selected.in-cart .property-value-chip {
  border: 1px solid var(--color-red-500);
  outline: 2px solid var(--color-red-500);
}

.sic-card.select .property-value.in-cart .property-value-chip {
  outline: none;
  border: 1px solid var(--color-grey-500);
}

.sic-card.select .property-value.in-cart.available-for-select   .property-value-chip {
  border: 1px solid var(--color-grey-300);
}

.sic-card.select.select-in-cart .property-value.in-cart.available-for-select.available-in-cart .property-value-chip {
  outline: 1px solid var(--color-red-500);
}

.sic-card .property-value.not-available.in-cart.main .qty,
.sic-card.select .property-value.in-cart.main .qty,
.sic-card .property-value.in-cart.main .qty,
.sic-card .property-value.main.selected.in-cart .qty{
  display: none;
}

.sic-card .property-value.in-cart.main .qty,
.sic-card.select.select-in-cart .property-value.in-cart.main .qty,
.sic-card .property-value.main.selected.in-cart  .qty {
  display: flex;
}

.sic-card.select-in-cart.cart-active  .property-value .property-value-chip {
  background: var(--color-grey-900);
}

.sic-card .property-value.in-cart.not-available .property-value-chip,
.sic-card .property-value.in-cart  .property-value-chip.disabled{
  border: 1px solid var(--color-grey-500);
  outline: none;
}
.sic-card .property-value.selected.in-cart .property-value-chip {
  background-color: var(--color-grey-700);
}
.sic-card .property-value.available.colored:hover .property-value-chip
.sic-card .property-value.available-for-select.clored .property-value-chip,
.sic-card .property-value.selected.colored .property-value-chip {
  filter: brightness(0.9);
}

.sic-card .property-value.available.colored .property-value-chip {
  filter: brightness(0.95);
}

.sic-card .property-value.available .property-value-chip:hover,
.sic-card .property-value.available-for-select .property-value-chip:hover {
  outline:1px solid var(--color-grey-300);
}

.sic-card .property-value.selected .property-value-chip,
.sic-card.select .property-value.selected   .property-value-chip,
.sic-card.select .property-value.in-cart.selected   .property-value-chip {
  background: var(--color-grey-700);
  border: 1px solid var(--color-blue-300);
  outline: 1px  solid var(--color-blue-300);
}



.sic-card .property-value .qty {
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  padding: 0 2px;
  border-radius: 16px;
  font-size: 10px;
  background-color: var(--secondary-color);
  color: var(--color-red-500);
  border: 1px solid var(--color-red-500);
  top: -8px;
  right: -8px;
  z-index: 1;
  font-weight: 700;
}


.sic-card .warning {
  font-size: 12px;
  line-height: 12px;
  color:var(--color-red-500);
  display: none;
}
.sic-card.warning:hover .warning,
.sic-card.warning.properties-expanded-by-btn .warning{
  display: block;
}
.sic-card .cnt-in-cart-block {
  position: absolute;
  top:0;
  right: 0;
}
.sic-card .cnt-in-cart {
  display: flex;
  align-items: center;
}

.sic-card .amount-in-cart .amount-block {
  display: flex;
  visibility: hidden;
  flex-direction: row;
  justify-content: flex-start;
  gap: 4px;
}

.sic-card .amount-in-cart .currency {
  padding-top: 6px;
}

.sic-card .amount-in-cart .amount-block .amount {
  white-space: nowrap;
}

.sic-card .amount-in-cart.active .amount-block {
    visibility: visible;
}
.sic-card.pro .sic-cart-actions-container{
  flex-direction: column;
  border: 1px solid var(--color-grey-500);
  border-radius: var(--radius-small);
  padding: var(--spacing-desktop-small-small);
}
.sic-card.pro .sic-cart-actions-container .quantity-selector-container,
.sic-card.pro .sic-cart-actions-container .sic-add-to-cart-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-desktop-large-x-small);
}
.sic-card.pro .sic-cart-actions-container .amount-in-cart .amount-block {
  font-weight: 600;
  color:var(--color-red-500);
}
.sic-card.pro .button-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-desktop-small-small);
}
.sic-card.pro .button-container .button-add-opt {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--base-010);
  padding: 7px 10px;
  border: none;
}

.sic-card.pro .button-container .button-add-opt .button-label {
  font-size: 12px;
  line-height: 18px;
}
.sic-card.pro .sic-cart-actions-container .card-actions-label {
  font-size: 14px;
  line-height: 16px;
}

.sic-card .main-price-title,
.sic-card.preview .item-name-title,
.sic-card .item-cross-name-title{
  display: none;
}

.sic-card.preview .main-price-title,
.sic-card.preview .item-cross-name-title{
  display: inline-block;
}

.sic-card.preview .sic-bonuses,
.sic-card.preview .sic-present,
.sic-bonuses.preview,
.sic-present.preview {
  display: none;
}
.sic-card.preview .sic-bonuses.preview,
.sic-card.preview .sic-present.preview {
  display: flex;
}
.sic-card .sic-cart-quantity-selector button.disabled {
  cursor: not-allowed;
}
.sic-card.preview .sic-code{
  display: none;
}

.sic-card .sic-code .item-card-title,
.sic-card .sic-code .item-code {
  font-size: var(--secondary-font-size);
}

.sic-card .sic-code {
  display: flex;
  flex-direction: column;
  color: var(--color-grey-500);
  font-weight: 300;
  text-align: right;
  line-height: var(--main-font-size);
}

.sic-card:hover .sic-code {
  color: var(--color-grey-300);
}

.sic-card .cnt-in-cart .qty{
  width: auto;
  min-width: 16px;
  padding: 0 2px;
  border-radius: 16px;
}

.sic-card.preview .sic-availability{
  display: none;
}

.sic-card .sic-cart-quantity-selector.over-stock{
  border-color: var(--color-red-500);
}

.sic-card .sic-cart-quantity-selector.over-stock input{
  color: var(--color-red-500);
}

.sic-card dd.sic-availability{
  display: flex;
  align-items: center;
}

.sic-card .sic-stock-info{
  display: none;
  flex: 0 0 16px;
  top: 0;
  margin-left: 10px;
  background-color: var(--color-neutral-300);
  font-weight: 900;
}
.sic-card.over-stock .sic-stock-info{
  display: block;
}
.sic-card .sic-stock-info .header-info-title{
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}
.sic-card .sic-stock-info .message{
  right: 6px;
  bottom: 6px;
  font-size: var(--secondary-font-size);
  line-height: var(--small-line-height);
  font-weight: var(--weight-light);
  text-align: center;
}