#item-card {
  padding-top: 20px;
}

#item-card > .main-wrapper {
  margin-bottom: 30px;
}

#item-card .item-card-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-section);
}

#item-card .item-card-details {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-end;
  gap: var(--gap-inner);
  padding: 0 var(--gap-inner) var(--gap-inner) var(--gap-inner);
}

#item-card .item-card-details .out-of-stock {
font-size: var(--secondary-font-size);
  font-weight: var(--main-font-weight);
  line-height: 20px;
}

#item-card .item-card-details .price-old {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
}

#item-card .item-card-details .item-card-title {
  margin-top: 0;
  margin-bottom: var(--margin-inner-v);
  width: 100%;
}

#item-card .item-card-details .price {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-basis: var(--qty-selector-width);
  flex-wrap: nowrap;
  white-space: nowrap;
}

#item-card .item-card-details .price .amount {
  color: var(--main-color);
  font-weight: 600;
  font-size: var(--huge-font-size);
  line-height: var(--huge-font-size);
}

#item-card .item-card-details .price .currency,
#item-card .item-card-details .price .unit{
  color: var(--main-color);
  font-size: var(--secondary-font-size);
  font-weight: var(--main-font-weight);
  line-height: 20px;
}

#item-card .item-card-details .sku {
  font-size: var(--secondary-font-size);
  font-weight: var(--main-font-weight);
  line-height: 20px;
}

#item-card .item-card-details .availability {
  display: flex;
  font-size: var(--secondary-font-size);
  font-weight: var(--main-font-weight);
  line-height: 20px;
}

#item-card .item-card-details .availability .header-info {
  margin-left: 10px;
  background-color: var(--color-neutral-300);
  font-weight: 900;
}

#item-card .item-card-details .header-info-title {
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  cursor: pointer;
}

#item-card .item-card-details .header-info .message {
  right: 6px;
  top: 24px;
  font-size: var(--secondary-font-size);
  line-height: var(--small-line-height);
  font-weight: var(--weight-light);
  text-align: center;
}

#item-card .item-card-details .warning-message {
  display: none;
  color: var(--link-active-color);
  padding-top: var(--margin-inner-v);
  font-size: var(--secondary-font-size);
  line-height: var(--small-line-height);
}

#item-card .item-card-details .warning-message.active {
  display: block;
}

#item-card .item-card-details .item-card-buttons {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--gap-inner);
  width: 100%;
}

#item-card .item-card-details .sic-properties-container {
  margin-top: var(---margin-inner-v);
  width: 100%;
}

#item-card .item-card-details .sic-properties-container.pack-add {
  margin-top: 28px;
}
#item-card .item-card-details .sic-properties-container.pack-add .property-value {
  cursor: pointer;
}

#item-card .item-card-details .sic-properties-container.pack-add .property-value:hover {
  border-color: var(--color-grey-300);
  background-color: var(--color-grey-700);
}

#item-card .item-card-details .sic-properties-container dl{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: var(--qty-selector-width) auto;
  gap: var(--gap-inner);
}

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

#item-card .item-card-details .sic-properties-container dl dt{
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  color: var(--color-grey-300);
}

#item-card .item-card-details .sic-properties-container dl dd{
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  color: var(--color-blue-100);
  display: grid;
  flex-direction: row;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fill, minmax(48px, max-content));
  gap: 18px;
}


#item-card .item-card-details.scrollable {
  position: fixed;
  top: 130px;
  background: var(--color-white);
  z-index: 1000;
  box-shadow: var(--shadow-floating);
}

#item-card .item-card-details.scrollable h1{
  font-size: var(--medium-font-size);
  line-height: var(--small-line-height);
}

#item-card .item-card-details.scrollable .item-card-title{
  margin-top: 24px;
  margin-bottom: 2px;
}

#item-card .item-card-details.scrollable .price {
  font-size: var(--large-font-size);
  line-height: var(--main-line-height);
}

#item-card .item-card-details.scrollable .sic-properties-container{
  display: none;
}

#item-card .item-card-description, #item-card .seo {
  padding: 30px 0;
  font-size: var(--secondary-font-size);
  line-height: var(--secondary-line-height);
  font-weight: var(--main-font-weight);
}

#item-card .seo {
  background-color: var(--main-bg-color);
}

#item-card .item-card-description .docs{
  font-size: var(--main-font-size);
}

#item-card .seo .main-wrapper {
  padding: 26px;
}

#item-card .item-card-description .col ul {
  list-style-type: disc;
  padding-left: var(--main-line-height);
  margin-bottom: var(--secondary-font-size);
}

#item-card .item-card-description .col ol {
  list-style-type: decimal;
  padding-left: var(--main-line-height);
}

#item-card .item-card-description .col ul li,
#item-card .item-card-description .col ol li {
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
  padding-left: var(--tiny-line-height);
  margin-bottom: var(--secondary-font-size);
}

#item-card .item-card-description .col p {
  margin-bottom: 8px;
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
  margin-bottom: var(--secondary-font-size);
}

#item-card h2 {
  margin-top:0;
  font-weight: 500;
}

#item-card .item-card-images {
  width: 100%;
}

#item-card .item-card-images .slider-container{
  width: 100%;
  max-width: 100%;
}

#item-card .item-card-large-image {
  margin-bottom: var(--main-font-size);
  overflow: hidden;
  object-fit: contain;
  width: 100%;
  min-height: 346px;
  max-height: 480px;
  aspect-ratio: 4/3;
}

#item-card .item-card-large-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: -35px;
}

#item-card .cnt-in-cart-block {
  margin: 10px 10px 0 0;
}

.presentations .video-wrapper {
  width: 480px;
}
.presentations .video-wrapper video {
  height: 100%;
  width: 100%;
}

.presentations .docs .preview-image {
  width: 150px;
  height: 210px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--color-grey-900);
}
.presentations .docs .preview-image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.sip-icon {
  display: inline-block;
  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;
  vertical-align: middle;
}
.sip-icon--qty-cart {
  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");
}
.sip-icon--minus {
  width: 12px;
  height: 12px;
  background-color: var(--color-blue-300);
  -webkit-mask-image: url("/images/store-item-card-minus.svg");
  mask-image: url("/images/store-item-card-minus.svg");
}
.sip-icon--plus {
  width: 12px;
  height: 12px;
  background-color: var(--color-blue-300);
  -webkit-mask-image: url("/images/store-item-card-plus-sm.svg");
  mask-image: url("/images/store-item-card-plus-sm.svg");
}
.sip-icon--video {
  width: 32px;
  height: 32px;
  background-color: var(--color-neutral-500);
  -webkit-mask-image: url("/images/store-item-page-video.svg");
  mask-image: url("/images/store-item-page-video.svg");
}
.sip-icon--arrow {
  width: 10px;
  height: 10px;
  background-color: var(--color-red-500);
  -webkit-mask-image: url("/images/store-item-page-arrow.svg");
  mask-image: url("/images/store-item-page-arrow.svg");
}

#item-card .sic-images-nav {
  display: flex;
  flex-wrap: wrap;
  gap:18px;
}

#item-card .sic-images-nav li {
  width: 84px;
  height: 60px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

#item-card .sic-images-nav li:only-child {
  display: none;
}

#item-card .sic-images-nav li.active{
  border: 1px solid var(--color-grey-500);
  padding: 3px;
}

#item-card .sic-images-nav li:first-child{
  margin-left: 0;
}

#item-card .sic-images-nav li  {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#item-card .sic-images-nav li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#related-products,
#item-card #item-card-properties {
  background-color: var(--main-bg-color);
  padding-top: 30px;
}

#item-card #item-card-properties .docs{
  font-size: var(--main-font-size);
}

#item-card .item-card-properties dl {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--secondary-font-size);
  font-weight: var(--main-font-weight);
}

#item-card .item-card-properties dt {
  width: 50%;
  padding-top: 0;
  margin-bottom: 10px;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}

#item-card .item-card-properties dd {
  width: 50%;
  margin-bottom: 10px;
  padding-left: 30px;
  padding-bottom: 0;
  font-size: inherit;
  font-weight: inherit;
}

.blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close {
  display: block;
}

#item-card .add-to-card-button:before {
  background-color: var(--button-add-to-cart-default-background);
}

#item-card .add-to-card-button .button-label {
  color: var(--button-add-to-cart-default-color);
}

#item-card .add-to-card-button:hover:before {
  background-color: var(--button-add-to-cart-hover-background);
}

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

#item-card .add-to-card-button:focus:before {
  background-color: var(--button-add-to-cart-focus-background);
}

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

#item-card .add-to-card-button.update:before {
  background-color: var(--button-add-to-cart-update-background);
}

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

#item-card .add-to-card-button.in-cart,
#item-card .add-to-card-button.disabled {
  cursor: not-allowed;
}

#item-card .add-to-card-button.in-cart:before,
#item-card .add-to-card-button.in-cart:hover:before {
  background-color: var(--button-add-to-cart-in-cart-background);
}

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

#item-card .add-to-card-button.disabled:before,
#item-card .add-to-card-button.disabled:hover:before {
  background-color: var(--button-add-to-cart-disabled-background);
}

#item-card .add-to-card-button.disabled .button-label,
#item-card .add-to-card-button.disabled:hover .button-label {
  color: var(--button-add-to-cart-disabled-color);
}

#item-card .lightbox-activator video {
  width: 100%;
  height: 100%;
}
#item-card .item-card-large-image {
  list-style-type: none;
}
#item-card .item-card-large-image li {
  display: none;
  height: 100%;
  width: 100%;
}

#item-card .item-card-large-image li a {
  display: block;
  height: 100%;
}

#item-card .item-card-large-image li.active {
  display: block;
}

#item-card .lightbox-activator.type-image video {
  display: none;
}

#item-card .lightbox-activator.type-video img {
  display: none;
}

#item-card .property-value {
  position: relative;
  box-sizing: border-box;
  min-width: 56px;
  min-height: 32px;
  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;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

#item-card .property-value.pack-add-value {
  min-width: 78px;
}

#item-card .property-value-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  white-space: inherit;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 7px 8px;
}

#item-card .property-value.colored .property-value-chip {
  height: 100%;
  width: 100%;
  position: absolute;
}

#item-card .property-value.available {
  border: 1px solid var(--color-grey-300);
  background-color: var(--color-grey-700);
  outline: none;
}

#item-card .property-value.available:hover {
  outline: 1px solid var(--color-grey-300);
}

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

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

#item-card .property-value.selected.in-cart {
  border: 1px solid var(--color-red-500);
  outline: 2px solid var(--color-red-500);
  background-color: var(--color-grey-700);
}

#item-card .property-value.selected.colored {
  filter: brightness(0.9);
}

#item-card .property-value.selected {
  background: var(--color-grey-700);
  border: 1px solid var(--color-blue-300);
  outline: 1px solid var(--color-blue-300);
  font-weight: 500;
}

#item-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;
}

#item-card .property-value.main.in-cart .qty {
  display: flex;
}

#item-card .sic-cart-quantity-selector {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 4px;
  border-radius: var(--radius-small);
  border: 1px solid var(--color-grey-500);
  background: var(--color-white);
  padding: 3px 4px;
  width: var(--qty-selector-width);
}

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

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

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

#item-card .sic-cart-quantity-selector-button .sip-icon {
  background-color: var(--color-blue-300);
}

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

#item-card .sic-properties-container-top {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-desktop-medium-small);
}

#item-card .sic-properties-container-top .properties-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: var(--color-blue-300);
}

#item-card .sic-properties-container-top  ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 66px;
}

#item-card .sic-properties-container-top  ul li {
  display: flex;
  flex-direction: column;
  gap:var(--spacing-desktop-medium-x-small);
  min-height: 40px;
}

#item-card .sic-properties-container-top  ul li .property {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: var(--color-grey-300);
  padding-top: 20px;
  text-align: left;
}

#item-card .sic-properties-container-top  ul li .value {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--color-blue-100);
  padding-bottom: 26px;
  text-align: left;
}

#item-card .sic-properties-container-top  ul li.anchor {
    padding-right: 40px;
}

#item-card .sic-properties-container-top  ul li.anchor a {
  text-decoration: underline;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

#item-card #item-card-properties {
  padding: 30px 0;
  scroll-margin-top: 90px;
}

#item-card #item-card-properties ul li {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  border-bottom: 1px solid var(--color-grey-500);
  padding-top: 20px;
  padding-bottom: 8px;
  gap: var(--gap-inner);
}

#item-card #item-card-properties ul li:last-child {
  border-bottom: none;
}

#item-card #item-card-properties ul li .property {
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
  font-weight: var(--main-font-weight);
  color: var(--color-grey-300);
  text-align: left;
}

#item-card #item-card-properties ul li .value {
  font-family: var(--props-font-family);
  font-size: var(--props-font-size);
  line-height: var(--props-line-height);
  font-weight: var(--props-font-weight, normal);
  color: var(--color-grey-100);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#item-card .item-card-description .row {
  gap: var(--gap-section);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

#item-card #item-card-properties .row {
  gap: var(--gap-section);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* region blueimp-gallery controls
   blueimp-gallery.css hides .prev/.next/.close by default and only shows them once its own
   JS adds a .blueimp-gallery-controls class to #blueimp-gallery - that class isn't landing,
   so force them visible via #blueimp-gallery's own id (outweighs blueimp's own class-only
   selectors regardless of CSS load order, without needing !important). */
#blueimp-gallery > .prev,
#blueimp-gallery > .next,
#blueimp-gallery > .close {
    display: block;
}
/* endregion */