/* Start:/local/templates/sotbit_b2c/components/bitrix/sale.basket.basket/.default/style.css?17552535115364*/
@media (max-width: 1280px) {
  .basket {
    flex-direction: column;
  }
}
.basket-filter {
  max-width: 450px;
}
@media (max-width: 576px) {
  .basket-filter {
    grid-column: span 2;
    max-width: 100%;
  }
}
.basket-filter-container {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: repeat(2, min-content);
}
.basket-filter-clear-button {
  justify-self: end;
}
.basket-filter-messages {
  grid-column: 1;
  grid-row: 2;
}
.basket-filter-search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  color: var(--secondary-500);
  transition: color var(--transition);
}
.basket-filter-input {
  padding: 0 74px 0 16px !important;
}
.basket-filter-input:hover + .basket-filter-input-search-icon {
  color: var(--primary-hover);
}
.basket-filter-input:active + .basket-filter-input-search-icon, .basket-filter-input:focus-within + .basket-filter-input-search-icon {
  color: var(--primary);
}
.basket-filter .basket-clear-input-btn {
  right: 48px;
}
.basket-clear-input-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
}
.basket-items-container {
  width: 100%;
  max-width: 1112px;
}
@media (max-width: 1280px) {
  .basket-items-container {
    max-width: revert;
    flex-basis: auto;
  }
}
.basket-item {
  border-radius: var(--border-radius);
  transition: background-color var(--transition);
}
@media (max-width: 1024px) {
  .basket-item {
    margin: 0 -16px;
    border-radius: 0;
  }
}
.basket-item:not(.basket-item-restore) {
  display: grid;
  grid-template-columns: 144px 1fr repeat(3, minmax(0, min-content));
  grid-template-rows: repeat(4, minmax(0, min-content));
  grid-template-areas: "image info       quantity prices buttons" "image properties quantity prices buttons" "image properties .        .      buttons" "image .          .        .      buttons";
}
@media (max-width: 1024px) {
  .basket-item:not(.basket-item-restore) {
    grid-template-columns: 144px 1fr minmax(0, min-content);
    grid-template-rows: repeat(4, minmax(0, min-content));
    grid-template-areas: "image prices     prices    " "image info       info      " "image quantity   buttons   " "image properties properties";
  }
}
@media (max-width: 576px) {
  .basket-item:not(.basket-item-restore) {
    grid-template-columns: 98px 1fr minmax(0, min-content);
  }
}
.basket-item:hover {
  background-color: var(--primary-100);
}
.basket-item input[type=checkbox] {
  grid-area: checkbox;
}
.basket-item-image {
  box-sizing: content-box;
  position: relative;
  width: 144px;
  height: 144px;
  border-radius: var(--border-radius);
  overflow: hidden;
  cursor: pointer;
}
@media (max-width: 576px) {
  .basket-item-image {
    max-width: 100%;
    height: 116px;
  }
}
.basket-item-image-container {
  grid-area: image;
  aspect-ratio: 1/1;
}
.basket-item-info {
  grid-area: info;
}
.basket-item-name {
  word-break: break-all;
}
.basket-item-prices {
  width: 100px;
  grid-area: prices;
  text-align: end;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .basket-item-prices {
    width: unset !important;
  }
  .basket-item-prices span {
    text-align: left !important;
  }
}
.basket-item-property {
  text-overflow: ellipsis;
  overflow: hidden;
}
.basket-item-quantity {
  grid-area: quantity;
}
.basket-item-buttons {
  grid-area: buttons;
}
@media (max-width: 1024px) {
  .basket-item-buttons button:not(:last-child) {
    margin-right: 16px;
  }
}
@media (max-width: 576px) {
  .basket-item-buttons.gap-4 {
    gap: 0 !important;
  }
}
.basket-item-properties {
  grid-area: properties;
  min-width: 0;
}
.basket-total {
  position: sticky;
  flex-basis: 400px;
  background-color: var(--primary-100);
  border-radius: var(--border-radius);
}
@media (max-width: 1440px) {
  .basket-total {
    flex-basis: 440px;
  }
}
@media (max-width: 1280px) {
  .basket-total {
    position: relative;
    width: 100%;
    flex-basis: 100%;
  }
}
.basket-item-sale {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  background-color: var(--primary-100);
  border-radius: var(--border-radius);
  color: var(--primary);
  font-size: 14px;
  font-weight: 800;
}
.basket-warning-container {
  display: flex;
  border-radius: var(--border-radius);
  background-color: var(--primary-100);
}
.basket-warning-close {
  right: 16px;
  top: 16px;
}
.basket-popup {
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1172px;
  max-height: 648px;
  box-shadow: var(--shadow);
  transform: translate(-50%, -50%);
}
.basket-popup-container {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.basket-popup-name {
  padding-right: 32px;
}
.basket-popup-close-button {
  position: absolute;
  top: 24px;
  right: 24px;
}
.basket-popup-gallery {
  width: 600px !important;
  height: 600px;
  border-radius: var(--border-radius);
}
.basket-popup-gallery-wrapper {
  flex-shrink: 0;
}
.basket-popup-properties {
  overflow: auto;
}
.basket-popup-detail-arrow {
  transform: rotate(180deg);
}

.basket-item-warning-node {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  color: var(--error);
}

.close {
  cursor: pointer;
}

[data-entity=basket-items-count].active {
  display: none;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/sotbit_b2c/assets/css/override/keen-slider.min.css?17552535111112*/
.keen-slider__slide{min-width:100%;max-width:100%;transform:translate3d(0,0,0)}.keen-slider__pagination{--gap:6px;overflow:hidden}.keen-slider__pagination-inner{position:relative;left:50%;display:flex;justify-content:center;align-items:center;-moz-column-gap:var(--gap);column-gap:var(--gap);width:-moz-fit-content;width:fit-content}.keen-slider__dot{box-sizing:border-box;flex-shrink:0;width:8px;height:8px;background-color:transparent;border:1px solid var(--secondary-500);border-radius:50%;font-size:0;transform:scale(0);transition:background-color var(--transition),transform var(--transition)}.keen-slider__dot--active{background-color:var(--primary)}.keen-slider__arrow{display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:var(--secondary-500)}.keen-slider__arrow svg{transition:color var(--transition)}.keen-slider__arrow--next svg{transform:rotate(180deg)}.keen-slider:not(.keen-slider--initialized)~.keen-slider__arrow{cursor:default}a.keen-slider__slide,button.keen-slider__slide{transition-property:initial;transition-duration:initial;transition-timing-function:initial}
/* End */
/* /local/templates/sotbit_b2c/components/bitrix/sale.basket.basket/.default/style.css?17552535115364 */
/* /local/templates/sotbit_b2c/assets/css/override/keen-slider.min.css?17552535111112 */