@media (width <= 960px) {
  .site > *,
  .site > .store-sidebar > *,
  .site > .site-main > * {
    align-self: stretch;
  }

  body.cs-mobile-l2.page-index .site-navigation .log-out {
    display: none;
  }

  body.cs-mobile-l2.page-index .cs-topcustomer {
    order: 7;
  }

  .cs-sidebar-logo img,
  .cs-mobile-logo img {
    margin-inline: auto;
  }
}

.basket-popup-content .popup-close {
  border-radius: 0 var(--cs-radius) 0 var(--cs-radius);
}

.store-products-images,
.store-products-tiered {
  grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
}

.store-product-full > .cs-product-media:has(> .image-default) {
  display: none;
}

@media (width > 600px) {
  .store-product-full:has(> .cs-product-media > .image-default) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (width <= 600px) {
  .store-product-full {
    grid-template-columns: minmax(0, 1fr);
  }
}

.text-content {
  min-width: 0;
  overflow-wrap: anywhere;
}

.text-content pre,
.text-content code,
.text-content kbd,
.text-content samp {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.text-content pre {
  max-width: 100%;
  overflow-x: auto;
}

.text-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.text-content img,
.text-content svg,
.text-content video,
.text-content iframe,
.text-content embed,
.text-content object {
  max-width: 100%;
}

.text-content iframe,
.text-content video {
  height: auto;
}

.store-product .price {
  color: var(--color-primary);
}

.popup.gift-form-popup .popup-content {
  max-width: 480px;
}

.popup.gift-form-popup .popup-content .actions {
  width: auto;
  margin-top: 22px;
}

.popup.gift-form-popup .popup-content .btn-primary {
  width: 100%;
  height: auto;
  padding: 14px;
  line-height: 1.2;
  text-align: center;
}

.popup.gift-form-popup .popup-content.store-form input[type='text'] {
  margin: 0 0 18px;
  padding: 13px 14px;
  background: var(--color-bg);
  color: var(--color-text);
  font-size: 16px;
}

.popup.gift-form-popup .popup-content.store-form input[type='text']::placeholder {
  color: var(--color-text-secondary);
}

.basket-popup {
  width: 100%;
  overflow: hidden;
}

.basket .basket-checkout {
  padding-bottom: var(--content-padding);
}

.basket .basket-item .quantity-field:has(input.quantity[disabled]) {
  display: none;
}