/* Start:/local/templates/sotbit_b2c_34web/components/bitrix/sale.basket.basket/.default/style.css?17744455545151*/
@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: minmax(0, min-content) 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: minmax(0, min-content) 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";
  }
}
.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;
}
.basket-item-image-container .swiper-pagination {
  bottom: unset !important;
}
.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-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;
}
.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;
  height: 600px;
}
.basket-popup-properties {
  overflow: auto;
}
.basket-popup-detail-arrow {
  transform: rotate(180deg);
}

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

/* End */


/* Start:/local/templates/sotbit_b2c_34web/assets/css/override/swiper.min.css?17744455541897*/
:root{--swiper-theme-color:var(--white)!important;--swiper-pagination-bullet-inactive-color:#F2F3F74F!important;--swiper-pagination-bullet-inactive-opacity:1!important}.swiper:not(.swiper-initialized)~.swiper-button-next,.swiper:not(.swiper-initialized)~.swiper-button-prev{display:none!important}.swiper-pagination-bullet{border:1px solid var(--secondary-500)}.swiper-pagination-bullet-active{--swiper-pagination-color:var(--primary)}@media (min-width:768px){.swiper-pagination-large{--swiper-pagination-bullet-width:16px;--swiper-pagination-bullet-height:16px;--swiper-pagination-bullet-horizontal-gap:8px}}.swiper-pagination-large .swiper-pagination-bullet{border:0}.swiper-pagination-large .swiper-pagination-bullet:not(.swiper-pagination-large .swiper-pagination-bullet-active){background-color:var(--white-transparent);-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px)}.swiper-pagination-large .swiper-pagination-bullet-active{background-color:var(--white)}.swiper-button-next,.swiper-button-prev{width:32px!important;height:32px!important;opacity:1!important;transition:opacity var(--transition)}.swiper-button-next::after,.swiper-button-prev::after{content:""!important;width:24px;height:24px;background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' id='chevron'%3E%3Cpath d='M15.5303 19.7803C15.8232 19.4874 15.8232 19.0126 15.5303 18.7197L8.81066 12L15.5303 5.28033C15.8232 4.98744 15.8232 4.51256 15.5303 4.21967C15.2374 3.92678 14.7626 3.92678 14.4697 4.21967L7.21967 11.4697C6.92678 11.7626 6.92678 12.2374 7.21967 12.5303L14.4697 19.7803C14.7626 20.0732 15.2374 20.0732 15.5303 19.7803Z' fill='%239797AF'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.swiper-button-next::after{transform:rotate(180deg)}.swiper-button-disabled{opacity:0!important}.swiper-slide{transition-property:transform,color}
/* End */
/* /local/templates/sotbit_b2c_34web/components/bitrix/sale.basket.basket/.default/style.css?17744455545151 */
/* /local/templates/sotbit_b2c_34web/assets/css/override/swiper.min.css?17744455541897 */