/* Start:/local/templates/lot/components/bitrix/sale.basket.basket/basket_wizard_v2/style.css?1781047378131950*/
.symbol_ruble { font-family: 'rubleBitrix', Arial, sans-serif }
.basket-checkout-container {
display: flex;
display: -ms-flexbox;
-ms-flex-pack: justify;
margin-bottom: 20px;
padding: 15px 25px;
box-shadow: 0 4px 50px -12px rgb(17 12 46 / 16%);
border-radius: 2px;
background-color: #fff;
opacity: 1;
transition: opacity 250ms ease;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
}
.basket-checkout-container.basket-checkout-container-fixed {
position: fixed;
top: 0;
z-index: 100;
}
.mb-2 {
margin-bottom: 15px;
}
.basket-checkout-container.basket-checkout-container-fixed-hide { opacity: 0; }
/*region Coupon*/
.basket-coupon-section { flex: 2; }
.basket-coupon-block-field-description {
color: #a1a1a1;
font: 400 12px/18px Arial, sans-serif;
}
.basket-coupon-block-field {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.basket-coupon-block-coupon-btn {
position: absolute;
top: 50%;
right: 10px;
display: block;
margin-top: -4px;
padding: 0;
width: 8px;
height: 8px;
border: none;
border-right: 2px solid #8da3ad;
border-bottom: 2px solid #8da3ad;
border-radius: 0;
background-color: transparent;
content: "";
cursor: pointer;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.basket-coupon-alert-section { width: 100%; }
.basket-coupon-alert {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 3px;
padding-bottom: 3px;
min-height: 0;
width: 100%;
font: 400 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
flex-wrap: nowrap;
-webkit-box-align: start;
align-items: flex-start;
}
.basket-coupon-text {
position: relative;
display: block;
word-break: break-all;
word-break: break-word;
}
.text-muted .basket-coupon-text:after {
position: absolute;
top: 0;
left: 2px;
width: 6px;
height: 10px;
border-right: 2px solid #7ad500;
border-bottom: 2px solid #7ad500;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.basket-coupon-alert .close-link {
margin-left: 10px;
border-bottom: 1px dotted;
color: var(--primary);
text-decoration: none;
font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
opacity: 1;
cursor: pointer;
transition: 220ms ease all;
}
.bx-ie .basket-coupon-alert .close-link { color: #006cc0; }
.basket-coupon-alert .close-link:hover { border-color: transparent; }
@media (max-width: 991px) {
.basket-checkout-container { flex-direction: column; }
.basket-coupon-section {
-ms-flex-order: 1;
max-width: 100%;
width: 100%;
-webkit-box-ordinal-group: 2;
order: 1;
}
.basket-coupon-alert-section {
-ms-flex-order: 2;
margin-bottom: 15px;
-webkit-box-ordinal-group: 3;
order: 2;
}
.basket-coupon-block-field {
padding-right: 0;
min-width: 100%;
}
.basket-coupon-block-field .form-group {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
.basket-coupon-block-field .form-control {
display: block;
width: 100%;
}
}
/*endregion*/
/*region Checkout*/
.basket-checkout-section {
-webkit-box-flex: 5;
-ms-flex: 5;
flex: 5;
}
.basket-checkout-section-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
}
.basket-checkout-block { }
/**/
.basket-checkout-block-total {
padding-top: 23px;
padding-right: 10px;
}
.basket-checkout-block-total-inner {
display: inline-block;
max-width: 100%;
text-align: left;
}
.basket-checkout-block-total-title {
color: #2f3435;
font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-checkout-block-total-description {
color: #a1a1a1;
font: 400 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/**/
.basket-checkout-block-total-price-inner {
position: relative;
display: inline-block;
padding-top: 17px;
text-align: right;
}
.basket-coupon-block-total-price-current {
margin-bottom: 7px;
color: #2f3435;
text-align: right;
white-space: nowrap;
font: 36px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
transition: 180ms text-shadow ease, 180ms color ease;
}
.basket-coupon-block-total-price-old {
position: absolute;
top: 3px;
right: 0;
color: #a1a1a1;
text-align: right;
font: 400 18px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-coupon-block-total-price-old:after {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
background-size: 100% 100%;
content: '';
}
.basket-coupon-block-total-price-difference {
display: inline-block;
padding: 5px 6px 6px;
background: #d1ecf1;
color: #179ebb;
text-align: center;
font: 400 13px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/**/
.basket-checkout-block-btn {
padding-top: 13px;
}
.basket-checkout-block-btn button {
width: 100%;
border: none;
}
.basket-btn-checkout {
border-radius: 2px;
font-weight: var(--ui-font-weight-bold);
font-size: 16px;
}
.basket-notification-section { width: 100%; }
.basket-block-notification {
position: relative;
display: block;
margin-top: 10px;
padding: 8px 15px;
min-width: 100%;
width: 100%;
border-radius: 1px;
background-color: #edf8e0;
color: #6a9997;
font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-block-notification:after {
position: absolute;
top: -7px;
right: 80px;
width: 16px;
height: 16px;
background-color: #edf8e0;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
@media (max-width: 991px) {
.basket-checkout-block-btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.basket-checkout-section {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.basket-notification-section {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
}
@media (max-width: 767px) {
.basket-checkout-block-btn {
padding-left: 0;
min-width: 100%;
max-width: 100%;
width: 100%;
-ms-flex: auto;
flex: auto;
}
.basket-checkout-section-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-checkout-block-total { min-width: 150px; }
.basket-checkout-block-total-price { text-align: right; }
.basket-btn-checkout {
margin: 10px 0;
width: 100%
}
.basket-block-notification:after {
top: -3px;
right: auto;
left: 50%;
-webkit-transform: rotate(45deg) translateX(-50%);
transform: rotate(45deg) translateX(-50%);
}
}
@media (max-width: 460px) {
.basket-checkout-block {
display: block;
min-width: 100%;
width: 100%;
}
.basket-checkout-block-total {
padding-top: 0;
text-align: left;
}
.basket-checkout-block-total-price-inner { padding-top: 2px; }
.basket-coupon-block-total-price-old {
top: auto;
position: relative;
display: inline-block;
}
}
/*endregion*/
/*region Basket item list wrapper*/
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
box-shadow: 0 4px 50px -12px rgb(17 12 46 / 16%);
}
.basket-line-head {
padding-top: 15px;
padding-bottom: 15px;
background-color: #f7f7f7;
}
/*header*/
.basket-items-list-header {
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-ms-flex-align: center;
padding: 13px 25px;
border-bottom: 1px solid #e2dfdf;
background: #f2f2f2;
transition: 300ms padding ease;
-webkit-box-align: center;
align-items: center;
}
.basket-items-list-header.basket-items-list-header-fixed {
position: fixed;
top: 0;
z-index: 99;
margin-left: -1px;
border: 1px solid #e2dfdf;
}
.basket-items-list-wrapper-light .basket-items-list-header { display: none !important; }
.basket-items-list-header-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 300ms all ease;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.basket-items-search-field + .basket-items-list-header-title { padding-left: 10px; }
.basket-items-search-field + .basket-items-list-header-filter {
padding-left: 10px;
text-align: right;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
.basket-items-search-field .form-control { z-index: 1; }
.basket-items-list-header-filter-item {
margin-left: 5px;
border-bottom: 1px dotted;
color: var(--primary);
text-decoration: none;
font: var(--ui-font-weight-bold) 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
transition: 220ms ease;
}
.bx-ie .basket-items-list-header-filter-item { color: #006cc0; }
.basket-items-list-header-filter-item:hover {
color: var(--theme-color-second);
text-decoration: none;
}
.bx-ie .basket-items-list-header-filter-item:hover { color: #006cc0; }
.basket-items-list-header-filter-item.active {
border-bottom: none;
color: #2f3435;
text-decoration: none;
cursor: default;
}
.basket-items-search-field {
position: relative;
transition: 300ms all ease;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.basket-items-search-field .input-group-addon {
white-space: nowrap;
-ms-flex-wrap: wrap;
}
.basket-items-search-clear-btn {
position: absolute;
top: 50%;
right: 1px;
z-index: 1;
border: none;
background: none;
color: #777;
vertical-align: middle;
font-weight: var(--ui-font-weight-bold);
font-size: 18px;
line-height: 18px;
cursor: pointer;
transition: 250ms linear all;
transform: translateY(-50%);
}
.basket-items-search-clear-btn:hover { color: #c04e4e; }
@media (max-width: 991px) {
.basket-items-list-header { padding: 10px 9px 11px; }
.basket-items-list-header-title {
font-size: 12px;
line-height: 15px;
}
}
@media (max-width: 767px) {
.basket-items-list-header {
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.basket-items-search-field { width: 100%; }
}
/*endregion*/
.basket-items-list-container {
position: relative;
overflow: hidden;
width: 100%;
background-color: #fff;
}
.basket-items-list-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background-color: #fff;
opacity: .7;
-webkit-animation-name: ShowOverlay;
animation-name: ShowOverlay;
-webkit-animation-duration: 200ms;
animation-duration: 200ms;
}
@-webkit-keyframes ShowOverlay {
0% { opacity: 0; }
100% { opacity: .7; }
}
@keyframes ShowOverlay {
0% { opacity: 0; }
100% { opacity: .7; }
}
.basket-items-list {
position: relative;
padding: 0 15px;
}
.basket-items-list-table {
width: 100%;
border-collapse: collapse;
}
.m-auto {
margin-left: 0!important;
margin-right: 0!important;
}
.basket-items-list-item-container { position: relative; margin-bottom: 20px; padding: 15px 0;}
.basket-items-list-item-container:last-child {
margin-bottom: 0;
}
.basket-items-list-item-container > td { border-top: 1px solid #f2f2f2; }
.basket-items-list-wrapper-compact .basket-items-list-item-container > td { padding-bottom: 12px; }
.basket-items-list-item-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background-color: #fff;
opacity: .7;
}
.basket-items-list-item-container.basket-items-list-item-container-gift,
.basket-items-list-item-container.basket-items-list-item-container-gift > td,
.basket-items-list .basket-items-list-item-container:first-child > td { border-top: none !important; }
@media (max-width: 767px) {
.basket-items-list-item-container.basket-items-list-item-container-gift,
.basket-items-list-item-container.basket-items-list-item-container-gift > td,
.basket-items-list .basket-items-list-item-container:first-child > td {
margin: 0;
padding-top: 0;
border-top: none !important;
}
}
.basket-items-list-item-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background-color: #fff;
opacity: .7;
}
.basket-items-list-item-descriptions {
-ms-flex-order: 1;
width: 100%;
vertical-align: top;
-webkit-box-ordinal-group: 2;
order: 1;
}
.basket-items-list-item-descriptions-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/*region Image*/
.basket-item-block-image {
position: relative;
-ms-flex-order: 1;
-ms-flex-order: 1;
-ms-flex-align: center;
padding-right: 15px;
padding-bottom: 10px;
min-width: 48px;
max-width: 148px;
width: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.basket-items-list-wrapper-compact .basket-item-block-image {
display: block;
padding-bottom: 0;
min-width: 32px;
max-width: 50px;
width: auto;
height: auto;
}
.basket-item-image-link {
position: relative;
display: inline-block;
}
.basket-item-image {
display: inline-block;
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
transition: 300ms all ease;
}
.basket-items-list-wrapper-compact .basket-item-image {
max-width: 50px;
max-height: 50px;
}
.basket-item-image:hover { border-color: #ee9200; }
@media (max-width: 580px) {
.basket-item-block-image {
margin-top: 10px;
margin-bottom: 15px;
padding-right: 0;
max-width: 100%;
width: 100%;
}
.basket-item-image {
margin: 10px auto 15px;
padding-right: 0;
max-width: 230px;
max-height: 400px;
width: auto;
height: auto;
}
.basket-items-list-item-descriptions-inner {
-ms-flex-direction: column;
flex-direction: column;
webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.basket-items-list-wrapper-compact .basket-item-block-image {
margin-top: 0;
padding-right: 10px;
}
.basket-items-list-wrapper-compact .basket-items-list-item-descriptions-inner {
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
}
/*endregion*/
/*region lable*/
/*Label*/
.basket-item-label-text,
.basket-item-label-ring {
position: absolute;
z-index: 90;
opacity: 1;
transition: opacity 450ms ease;
}
.basket-items-list-wrapper-compact .basket-item-label-text,
.basket-items-list-wrapper-compact .basket-item-label-ring { display: none }
.basket-item-label-text span,
.basket-item-label-ring {
display: inline-block;
clear: both;
margin-bottom: 2px;
background: #f42c2c;
color: #fff;
vertical-align: middle;
text-align: center;
transition: all 250ms ease;
}
.bx-red .basket-item-label-text span,
.bx-red .basket-item-label-ring { background-color: #fba90c; }
.basket-item-label-text > div,
.basket-item-label-ring > div { line-height: 0; }
/* TEXT */
.basket-item-label-text span {
padding: 2px 5px;
vertical-align: middle;
font-weight: var(--ui-font-weight-bold);
}
.basket-item-label-text.basket-item-label-small span {
margin-bottom: 1px;
padding: 2px 7px;
font-weight: normal;
font-size: 12px;
line-height: 14px;
}
.basket-item-label-text.basket-item-label-big span {
padding: 4px 10px;
font-size: 12px;
line-height: 17px;
}
@media (max-width: 767px) {
.basket-item-label-text > div { line-height: 0; }
.basket-item-label-text.basket-item-label-small span {
margin-bottom: 1px;
padding: 2px 7px;
font-size: 11px;
line-height: 14px;
}
.basket-item-label-text.basket-item-label-big span {
margin-bottom: 1px;
padding: 3px 12px;
font-size: 13px;
line-height: 16px;
}
.basket-line-head {
display: none;
}
}
/*RING*/
.basket-item-label-ring {
box-sizing: border-box;
border-radius: 50%;
font-weight: var(--ui-font-weight-bold);
}
.basket-item-label-ring.basket-item-label-small {
width: 40px;
height: 40px;
font-size: 13px;
line-height: 40px;
}
.basket-item-label-ring.basket-item-label-big {
width: 50px;
height: 50px;
font-size: 18px;
line-height: 50px;
}
@media (max-width: 767px) {
.basket-item-label-ring.basket-item-label-small {
width: 24px;
height: 24px;
font-size: 8px;
line-height: 24px;
}
.basket-item-label-ring.basket-item-label-big {
width: 30px;
height: 30px;
font-size: 12px;
line-height: 30px;
}
}
.basket-item-label-top { top: -2px; }
.basket-item-label-center {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.basket-item-label-center > div { text-align: center; }
.basket-item-label-left { left: -2px; }
.basket-item-label-left > div { text-align: left; }
.basket-item-label-bottom { bottom: -2px; }
.basket-item-label-middle {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.basket-item-label-right { right: -2px; }
.basket-item-label-right > div { text-align: right; }
.basket-item-label-center.product-item-label-middle {
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
/*endregion*/
/*region Info*/
.basket-item-block-info {
-ms-flex-order: 2;
padding: 0;
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
-webkit-box-ordinal-group: 3;
order: 2;
}
@media (max-width: 580px) {
.basket-item-block-info {
-webkit-box-flex: 6;
-ms-flex: 6;
flex: 6;
}
}
/*region Name*/
.basket-item-info-name,
.basket-item-info-name-link {
margin: 0;
padding: 0 20px 0 0;
color: #2f3435;
text-decoration: none;
word-break: break-all;
word-break: break-word;
font: 16px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
transition: 300ms all ease;
}
h2.basket-item-info-name {
margin-bottom: 5px;
padding-top: 0;
}
.basket-item-highlighted { background: #ff0; }
.basket-items-list-wrapper-compact .basket-item-info-name { margin-bottom: 5px }
.basket-item-info-name-link:hover {
text-decoration: underline;
cursor: pointer;
}
@media (max-width: 768px) {
.basket-item-info-name,
.basket-item-info-name-link {
vertical-align: middle;
font-size: 15px;
line-height: 17px;
}
.basket-item-info-name { padding-top: 10px; }
}
/*endregion*/
.basket-item-block-common {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-order: 4;
-ms-flex-pack: end;
-ms-flex-align: start;
-ms-flex: 2;
-ms-flex-wrap: nowrap;
-ms-flex-line-pack: baseline;
flex-wrap: nowrap;
-webkit-box-pack: end;
-webkit-box-align: start;
-webkit-box-ordinal-group: 5;
-webkit-box-flex: 2;
justify-content: flex-end;
align-content: baseline;
align-items: flex-start;
flex: 2;
order: 4;
}
.basket-items-list-wrapper-compact .basket-item-block-common {
-ms-flex-pack: end;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
justify-content: flex-end;
}
@media (max-width: 991px) {
.basket-item-block-common {
padding: 5px 0;
min-width: 100%;
}
.basket-items-list-wrapper .basket-item-block-common {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.basket-items-list-wrapper .basket-item-block-common > div {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.basket-items-list-wrapper-compact .basket-item-block-common {
-ms-flex-pack: end;
padding: 17px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
justify-content: flex-end;
}
}
@media (max-width: 460px) {
.basket-items-list-wrapper .basket-item-block-common {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: end;
align-items: flex-end;
}
.basket-item-price-current { text-align: right; }
}
/*region Properties*/
.basket-item-block-properties { flex: 5; }
.basket-item-property,
.basket-item-property-custom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
padding-bottom: 4px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.basket-items-list-wrapper-compact .basket-item-property,
.basket-items-list-wrapper-compact .basket-item-property-custom {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 10px;
padding-bottom: 0;
-ms-flex-line-pack: center;
align-content: center;
}
.basket-item-property-name,
.basket-item-property-custom-name {
margin-right: 5px;
color: #a1a1a1;
font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-item-property-value,
.basket-item-property-custom-value {
color: #4a4a4a;
font: var(--ui-font-weight-bold) 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*region Custom Column*/
.basket-item-property-custom { padding-right: 15px; }
.basket-item-property-custom-content { padding: 3px 0; }
.basket-item-property-custom.basket-item-property-custom-photo { display: block; }
.basket-item-property-custom-photo .basket-item-property-custom-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
-ms-flex-align: stretch;
min-height: 64px;
word-spacing: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
justify-content: flex-start;
}
.basket-item-property-custom-photo .basket-item-property-custom-value span { display: inline-block; }
.basket-item-custom-block-photo-link {
display: block;
margin-right: 5px;
}
.basket-item-custom-block-photo-item {
margin-right: 3px;
width: auto;
height: 64px;
border: 1px solid #e4e4e4;
transition: 300ms all ease;
}
.basket-item-custom-block-photo-item:hover { border-color: #ee9200; }
@media (max-width: 580px) {
.basket-item-property-custom { padding-right: 0; }
.basket-items-list-wrapper-compact .basket-item-property-custom { padding-right: 10px; }
}
/*endregion*/
/*scu*/
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-text,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-image,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-scu-color {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.basket-item-property.basket-item-property-scu-text,
.basket-item-property.basket-item-property-scu-image,
.basket-item-property.basket-item-scu-color { display: block; }
.basket-item-scu-list {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
padding: 0;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-item-scu-item,
.basket-item-scu-item.not-available:hover {
position: relative;
display: inline-block;
margin: 2px 3px 3px 0;
padding: 0;
border: 1px solid #eeecef;
cursor: pointer;
transition: 300ms all ease;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.basket-item-scu-item:hover,
.basket-item-scu-item.selected,
.basket-item-scu-item.not-available:hover { border-color: var(--primary); }
.bx-ie .basket-item-scu-item:hover,
.bx-ie .basket-item-scu-item.selected,
.bx-ie .basket-item-scu-item.not-available:hover { border-color: #006cc0; }
.basket-item-scu-item.selected:hover { cursor: default }
.basket-item-scu-item.not-available:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%220%22%20stroke-width%3D%221%22%20stroke%3D%22%23a1a1a1%22/%3E%0A%3C/svg%3E);
background-size: 100% 100%;
content: '';
}
.basket-item-scu-item-inner {
display: block;
transition: 300ms all ease;
}
.basket-item-scu-item.not-available .basket-item-scu-item-inner { opacity: .5; }
.basket-item-scu-color .basket-item-scu-item-inner,
.basket-item-property-scu-image .basket-item-scu-item-inner {
width: 30px;
height: 30px;
border: 2px solid #fff;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner,
.basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner {
width: 16px;
height: 16px;
border: 1px solid #fff;
}
.basket-item-property-scu-text .basket-item-scu-item-inner {
padding: 3px 5px;
min-width: 30px;
text-align: center;
font: var(--ui-font-weight-bold) 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-items-list-wrapper-compact .basket-item-property-scu-text .basket-item-scu-item-inner {
padding: 1px 2px;
font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
.basket-item-property-name,
.basket-item-property-value { font-size: 11px; }
}
@media (max-width: 580px) {
.basket-item-block-properties { margin-bottom: 10px; }
.basket-items-list-wrapper-compact .basket-item-block-properties { margin-bottom: 0; }
.basket-item-property-scu-image .basket-item-scu-item-inner,
.basket-item-scu-color .basket-item-scu-item-inner {
width: 20px;
height: 20px;
border: 1px solid #fff;
}
.basket-item-property-scu-text .basket-item-scu-item-inner {
padding: 2px 3px;
min-width: 25px;
text-align: center;
font: var(--ui-font-weight-bold) 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
/*endregion*/
/*region Amount*/
.basket-items-list-item-amount {
-ms-flex-order: 2;
padding-top: 20px;
vertical-align: top;
-webkit-box-ordinal-group: 3;
order: 2;
}
.basket-item-block-amount {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
-ms-flex-align: start;
padding: 0 10px;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: end;
justify-content: flex-end;
}
.basket-items-list-wrapper-compact .basket-item-block-amount {
margin-bottom: 0;
padding-bottom: 0;
}
.basket-item-amount-filed-block { position: relative; }
.basket-item-amount-filed,
.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
padding: 0;
width: 60px;
height: 28px;
outline: none;
border: 1px solid #e4e4e4;
border-radius: 1px;
vertical-align: middle;
text-align: center;
font: var(--ui-font-weight-bold) 18px/27px "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 300ms all ease;
}
.basket-item-block-amount.disabled .basket-item-amount-filed { background-color: #f3f3f3; }
.basket-item-amount-filed:hover,
.basket-item-amount-filed:focus { border-color: var(--primary); }
.bx-ie .basket-item-amount-filed:hover,
.bx-ie .basket-item-amount-filed:focus { border-color: #006cc0; }
.basket-item-amount-filed::-webkit-outer-spin-button,
.basket-item-amount-filed::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
margin: 0;
-webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.basket-item-amount-filed.basket-updated {
-webkit-animation-name: basketAmountFiledUpdated;
animation-name: basketAmountFiledUpdated;
-webkit-animation-duration: 600ms;
animation-duration: 600ms;
}
@-webkit-keyframes basketAmountFiledUpdated {
0%, 100% { border-color: #e4e4e4; }
50% { border-color: #ee9200; }
}
@keyframes basketAmountFiledUpdated {
0%, 100% { border-color: #e4e4e4; }
50% { border-color: #ee9200; }
}
.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
position: relative;
width: 28px;
height: 28px;
cursor: pointer;
transition: 300ms all ease;
-webkit-user-select: none;
}
.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover { background-color: #efefef; }
.basket-item-block-amount.disabled .basket-item-amount-btn-plus,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus {
background-color: transparent;
cursor: default;
}
.basket-item-amount-btn-plus:before,
.basket-item-amount-btn-plus:after,
.basket-item-amount-btn-minus:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -5px;
width: 10px;
height: 2px;
background-color: #979797;
content: "";
transition: 300ms all ease;
}
.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after { background-color: #535353; }
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:before,
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:after,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus:after { background-color: #f3f3f3; }
.basket-item-amount-btn-plus:before {
margin-top: -5px;
margin-left: -1px;
width: 2px;
height: 10px;
}
.basket-item-amount-field-description {
position: absolute;
top: calc(100% + 1px);
right: 0;
left: 0;
color: #a1a1a1;
text-align: center;
font: italic 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 991px) {
.basket-item-block-amount {
position: relative;
-ms-flex-pack: center;
margin-bottom: 13px;
-webkit-box-pack: center;
justify-content: center;
}
.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
border: 1px solid #e4e4e4;
background-color: #f5f6f7;
flex-shrink: 0;
}
.basket-item-amount-btn-plus {
border-left: none;
border-radius: 0 1px 1px 0;
}
.basket-item-amount-btn-minus {
border-right: none;
border-radius: 1px 0 0 1px;
}
}
@media (max-width: 580px) {
.basket-item-block-amount { padding-top: 0; }
}
/*endregion*/
/*region Price*/
.basket-items-list-item-price {
-ms-flex-order: 4;
padding-top: 0;
vertical-align: top;
-webkit-box-ordinal-group: 5;
order: 4;
}
.basket-items-list-item-price-for-one { order: 2 }
.basket-item-block-price {
position: relative;
padding-top: 20px;
white-space: nowrap;
}
.basket-item-price-title {
padding-top: 1px;
color: #a1a1a1;
font: 12px/14px, sans-serif;
}
.basket-item-price-current {
padding-top: 1px;
color: #2f3435;
vertical-align: bottom;
line-height: 24px;
}
.basket-item-price-current-text {
letter-spacing: -.33px;
font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 180ms text-shadow ease, 180ms color ease;
}
.basket-item-price-old {
position: absolute;
top: 5px;
right: 0;
color: #a1a1a1;
vertical-align: middle;
line-height: 15px;
}
.basket-item-price-old-text {
position: relative;
display: inline-block;
font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-item-price-old-text:after {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
background-size: 100% 100%;
content: '';
}
.basket-item-price-difference {
padding: 3px;
max-width: 100%;
background: #d1ecf1;
color: #179ebb;
text-align: center;
white-space: normal;
font: 400 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 767px) {
.basket-items-list-item-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
flex-wrap: wrap;
border-bottom: 1px solid #efefef;
}
.basket-items-list-item-descriptions { min-width: 100%; }
}
@media (max-width: 580px) {
.basket-items-list-item-price {
-ms-flex-order: 5;
vertical-align: top;
-webkit-box-ordinal-group: 6;
order: 5;
}
.basket-items-list-item-price-for-one { order: 4 }
.basket-item-block-price {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
min-width: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.basket-item-price-old { right: 10px; }
.basket-items-list-item-amount {
display: block;
padding: 0 0 20px;
min-width: 100%;
}
.basket-item-block-price {
padding-right: 10px;
padding-left: 10px;
}
.basket-items-list-item-price-for-one .basket-item-price-current { }
.basket-items-list-wrapper-compact .basket-item-block-price {
min-width: 0;
text-align: right;
}
.basket-items-list-wrapper-compact .basket-item-block-price > div { text-align: right; }
.basket-item-block-price .basket-item-price-difference {
-ms-flex-order: 1;
padding: 5px 6px 6px;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
/*endregion*/
/*region Actions*/
.basket-items-list-item-remove {
padding-top: 17px !important;
vertical-align: top;
position: absolute!important;
top: 0;
right: 0;
}
.basket-item-block-actions {
position: relative;
opacity: 0;
transition: 300ms opacity ease;
}
.bx-touch .basket-item-block-actions,
.basket-items-list-item-container:hover .basket-item-block-actions { opacity: 1; }
.basket-item-actions-remove {
position: absolute;
display: block;
width: 25px;
height: 25px;
cursor: pointer;
right: 0;
}
.basket-item-actions-remove:after,
.basket-item-actions-remove:before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 14px;
background: #d0021b;
content: '';
transition: 300ms background-color ease;
}
.basket-item-actions-remove:after {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.basket-item-actions-remove:before {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.basket-item-actions-remove:hover:after,
.basket-item-actions-remove:hover:before { background-color: #7e000f; }
.basket-item-block-info .basket-item-actions-remove {
position: absolute;
top: -4px;
right: 0;
opacity: 0;
}
.basket-items-list-wrapper-compact .basket-item-block-actions {
position: relative;
top: auto;
right: auto;
padding-left: 10px;
}
/*endregion*/
/*endregion*/
@media (max-width: 767px) {
.basket-items-list-table,
.basket-items-list-table thead,
.basket-items-list-table tbody,
.basket-items-list-table tr { display: block !important; }
tr.basket-items-list-item-container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center;
-ms-flex-align: start;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #f2f2f2;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-items-list-table tr.basket-items-list-item-container:first-child,
.basket-items-list-table tbody tr.basket-items-list-item-container:first-child { border: none; }
.basket-items-list .basket-items-list-item-container > td { border-top: none; }
td.basket-items-list-item-amount,
td.basket-items-list-item-price,
td.basket-items-list-item-remove { display: inline-block; }
td.basket-items-list-item-descriptions {
padding-bottom: 10px;
min-width: 100%;
}
td.basket-items-list-item-descriptions,
td.basket-items-list-item-notification {
display: block;
padding-top: 0;
}
.basket-items-list-item-price { padding: 3px 0; }
td.basket-items-list-item-remove { padding: 34px 0 0 !important; }
}
@media (max-width: 580px) {
.basket-items-list-item-price .basket-item-block-price .basket-item-price-title { display: block; }
td.basket-items-list-item-remove {
display: block;
padding: 0;
}
td.basket-items-list-item-remove {
padding: 0 !important;
text-align: center;
}
.basket-item-block-actions { display: inline-block; }
}
.basket-items-list-item-notification-inner {
position: relative;
transition: 220ms all ease;
}
/**/
.basket-items-list-item-container.basket-items-list-item-container-expend { display: table-row; }
.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-ms-flex-align: center;
padding: 10px 0;
border-radius: 2px;
background-color: #e6f8fe;
color: #333;
text-align: center;
transition: 300ms all ease;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
}
.basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
padding: 0 10px;
text-align: left;
}
@-webkit-keyframes ShowNote {
0% { opacity: 0; }
0%, 50% { background-color: #fff; }
50%, 100% { opacity: 1; }
100% { background-color: #e6f8fe; }
}
@keyframes ShowNote {
0% { opacity: 0; }
0%, 50% { background-color: #fff; }
50%, 100% { opacity: 1; }
100% { background-color: #e6f8fe; }
}
@media (max-width: 768px) {
.basket-items-list-item-container-collapse .basket-items-list-item-removed-container {
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.basket-items-list-item-container-collapse .basket-items-list-item-removed-container div { text-align: center; }
}
.basket-items-list-item-container-collapse .basket-item-block-info,
.basket-items-list-item-container-collapse .basket-item-block-common,
.basket-items-list-item-container-collapse .basket-item-block-image { opacity: 0; }
.basket-items-list-item-container.basket-items-list-item-container-collapse > td > div {
overflow: hidden;
height: 80px;
opacity: 0;
}
.basket-items-list-item-removed-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.basket-items-list-item-removed-block .faded {
color: #ccc;
cursor: default;
}
.basket-items-list-item-removed-anchor {
border-bottom: 1px dashed;
color: #333;
font-weight: var(--ui-font-weight-bold);
}
.basket-items-list-item-clear-btn {
position: relative;
display: inline-block;
margin-left: 10px;
width: 25px;
height: 25px;
cursor: pointer;
}
.basket-items-list-item-clear-btn:after,
.basket-items-list-item-clear-btn:before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 14px;
background: #d0021b;
content: '';
transition: 300ms background-color ease;
}
.basket-items-list-item-clear-btn:after {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.basket-items-list-item-clear-btn:before {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.basket-items-list-item-clear-btn:hover:after,
.basket-items-list-item-clear-btn:hover:before { background-color: #7e000f; }
.basket-items-list-item-double { margin: 10px 0; }
.basket-items-list-item-double > div {
margin-bottom: 10px;
padding: 5px 35px 5px 15px;
}
.basket-items-list-item-double-anchor,
.basket-items-list-item-double-anchor:visited {
border-bottom: 1px dashed;
color: #333;
text-decoration: none;
}
.basket-items-list-item-double-anchor:hover { color: #23527c; }
.basket-items-list-item-warning-container { margin: 10px 0; }
.basket-items-list-item-warning-container > div {
margin-bottom: 10px;
padding: 5px 35px 5px 15px;
}
.basket-items-list-wrapper-compact .basket-items-list-item-container {
-ms-flex-align: start;
padding: 17px 0;
-webkit-box-align: start;
align-items: flex-start;
}
/*region Gifts*/
.basket-item-gifts-list-container {
position: relative;
margin-bottom: 20px;
border: 1px solid #fceb9f;
background: #fffef8;
}
.basket-item-gifts-list-container:after {
position: absolute;
top: -10px;
left: 90px;
display: block;
width: 17px;
height: 17px;
background-color: #fceb9f;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.basket-item-gifts-list-title {
padding: 12px 17px;
background-color: #fceb9f;
color: #5b5848;
font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-item-gifts-list { padding: 15px; }
.basket-items-list-gift-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
border-bottom: 1px solid #f3f2ed;
-webkit-box-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.basket-item-gifts-list .basket-items-list-gift-item:last-child { border-bottom: none; }
/*region Gift image*/
.basket-item-gift-image-container {
padding: 10px 0;
min-width: 48px;
max-width: 100%;
width: 168px;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.basket-item-gift-image-link { display: inline-block; }
.basket-item-gift-image {
display: inline-block;
max-width: 100%;
max-height: 69px;
width: auto;
height: auto;
}
/*endregion*/
/*region Gift title*/
.basket-item-gift-title-container {
padding: 5px 15px;
width: 100%;
-webkit-box-flex: 9;
-ms-flex: 9;
flex: 9;
}
.basket-item-gift-title-link {
color: #333;
font: 15px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
transition: 300ms all ease;
}
@media (max-width: 580px) {
.basket-item-gift-title-link { font-size: 13px; }
}
/*endregion*/
/*region Gift price*/
.basket-item-gift-price-container {
text-align: right;
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.basket-item-gift-price-current {
color: #2f3435;
font: 400 22px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-item-gift-price-old {
color: #a1a1a1;
text-decoration: line-through;
font: 400 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-item-gift-price-difference {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
padding: 5px 6px 6px;
background: #e2f0cb;
color: #525c69;
text-align: center;
text-transform: uppercase;
font: var(--ui-font-weight-bold) 9px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-box-align: center;
align-items: center;
}
@media (max-width: 580px) {
.basket-items-list-gift-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-item-gift-price-container { min-width: 100%; }
}
/*endregion*/
/*endregion*/
/*region Gift-container*/
.basket-gifts-list-wrapper,
.basket-gifts-list-wrapper-compact {
margin-bottom: 15px;
border: 1px solid #e2dfdf;
}
.basket-gifts-list-header {
padding: 18px 25px 20px;
border-bottom: 1px solid #e2dfdf;
background: #f2f2f2;
font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 300ms all ease;
}
.basket-clear {
cursor: pointer;
pointer-events: auto;
}
.basket-clear:after,
.basket-clear:before {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 14px;
background: #a1a1a1;
content: '';
transition: 300ms background-color ease;
}
.basket-clear:after {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.basket-clear:before {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.basket-clear:hover:after,
.basket-clear:hover:before { background-color: #333; }
@media (max-width: 991px) {
.basket-gifts-list-header {
padding: 10px 9px 11px;
font-size: 12px;
line-height: 15px;
}
.basket-checkout-container {
margin-top: 35px;
}
}
.basket-gifts-list { padding: 0 25px; }
.basket-gifts-description-container {
padding: 11px;
color: #868d96;
text-align: center;
font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-gifts-list-item-container { position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
overflow: hidden;
padding: 20px 0;
border-top: 1px solid #f2f2f2;
transition: 300ms all ease;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
}
.basket-gifts-list-item-container:first-child { border-top: none; }
.basket-gift-block-image {
padding: 5px 15px 5px 0;
min-width: 50px;
max-width: 50px;
}
.basket-gift-image-link { display: inline-block; }
.basket-gift-image {
display: inline-block;
max-width: 100%;
max-height: 168px;
width: auto;
height: auto;
transition: 300ms all ease;
}
.basket-gift-block-info { flex: 1 }
.basket-gift-info-name,
.basket-gift-info-name-link {
margin: 0;
padding: 0;
color: #2f3435;
text-decoration: none;
font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
transition: 300ms all ease;
}
.basket-gift-info-name-link:hover {
text-decoration: underline;
cursor: pointer;
}
.basket-gift-block-common {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
}
.basket-gift-item-select-btn-container {
display: flex;
-ms-flex-align: center;
flex-wrap: nowrap;
align-items: center;
}
.basket-gift-item-selected {
padding: 0 10px;
color: #b6bbbf;
font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-gift-item-select-btn-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
margin-bottom: 0;
-webkit-box-align: center;
align-items: center;
}
.basket-gift-item-select-input { display: none; }
.basket-gift-item-select-btn-radio {
position: relative;
display: inline-block;
box-sizing: border-box;
margin-right: 10px;
width: 20px;
height: 20px;
border: 10px solid #fff;
border-radius: 50%;
background: var(--primary);
box-shadow: 0 0 0 1px #828b95;
cursor: pointer;
transition: 190ms all ease;
}
.bx-ie .basket-gift-item-select-btn-radio { background: #006cc0; }
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-radio { border-width: 5px; }
.basket-gift-item-select-btn-text {
text-transform: lowercase;
font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}
.basket-gift-item-select-btn-checkbox {
position: relative;
display: inline-block;
box-sizing: border-box;
margin-right: 10px;
width: 19px;
height: 19px;
border: 1px solid #828b95;
border-radius: 2px;
background-color: #fff;
cursor: pointer;
}
.basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-btn-checkbox:before {
position: absolute;
background-color: #fff;
content: '';
opacity: 0;
transition: 190ms all ease;
}
.basket-gift-item-select-btn-checkbox:after {
top: 5px;
left: 5px;
z-index: 15;
width: 3px;
height: 9px;
border-radius: 1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.basket-gift-item-select-btn-checkbox:before {
top: -1px;
left: 11px;
z-index: 10;
width: 5px;
height: 17px;
border: 1px solid #fff;
border-radius: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before {
background-color: var(--primary);
opacity: 1;
}
.bx-ie .basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after,
.bx-ie .basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before { background-color: #006cc0; }
@media (max-width: 797px) {
.basket-gift-item-select-btn-container {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: end;
align-items: flex-end;
}
.basket-gift-item-selected {
-ms-flex-order: 2;
padding-right: 0;
text-align: right;
-webkit-box-ordinal-group: 3;
order: 2;
}
.basket-gift-item-select-btn-label {
-ms-flex-order: 1;
text-align: right;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.bx-step-opacity { transition: 500ms opacity ease; }
/*endregion*/
/*region not found*/
.basket-search-not-found {
position: absolute;
top: 50%;
left: 50%;
margin: -50px 0 0 0;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.basket-search-not-found-icon {
margin: 0 auto 80px;
width: 180px;
height: 180px;
background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22182px%22%20height%3D%22182px%22%20viewBox%3D%220%200%20182%20182%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.2%22%20fill%3D%22%23A7ABB0%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2C70.5%20C17%2C40.9473747%2040.9473747%2C17%2070.5%2C17%20C100.052625%2C17%20124%2C40.9473747%20124%2C70.5%20C124%2C100.052625%20100.052625%2C124%2070.5%2C124%20C40.9473747%2C124%2017%2C100.052625%2017%2C70.5%20M178.408149%2C160.192955%20L129.280894%2C111.056302%20C129.216524%2C111.017683%20129.152154%2C110.991937%20129.100658%2C110.953317%20C136.979557%2C99.5348706%20141.614204%2C85.7220257%20141.614204%2C70.8020936%20C141.614204%2C31.6935917%20109.905496%2C0%2070.8071019%2C0%20C31.7087076%2C0%200%2C31.6935917%200%2C70.8020936%20C0%2C109.910596%2031.7087076%2C141.604187%2070.8071019%2C141.604187%20C85.7152154%2C141.604187%2099.5419113%2C136.969868%20110.948292%2C129.091526%20C110.999788%2C129.143019%20111.012662%2C129.220257%20111.064158%2C129.27175%20L160.204287%2C178.408403%20C164.993422%2C183.197199%20172.846573%2C183.197199%20177.635708%2C178.408403%20L178.408149%2C177.623143%20C183.197284%2C172.834347%20183.197284%2C164.981751%20178.408149%2C160.192955%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
background-size: cover;
}
.basket-search-not-found-text {
color: #c0c5ca;
text-align: center;
font: 30px/35px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*endregion*/
/* Современный дизайн пустой корзины в стиле Ozon */
.bx-sbb-empty-cart-container {
padding: 80px 20px 100px;
max-width: 500px;
margin: 0 auto;
text-align: center;
}
.bx-sbb-empty-cart-icon-wrapper {
margin: 0 auto 24px;
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
}
.bx-sbb-empty-cart-icon-wrapper svg {
width: 100%;
height: 100%;
}
.bx-sbb-empty-cart-text {
margin: 0 0 24px 0;
color: #000000;
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bx-sbb-empty-cart-link {
display: inline-block;
padding: 12px 24px;
background: #00ad5d;
color: #ffffff !important;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
font-size: 14px;
transition: background-color 0.2s ease;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.bx-sbb-empty-cart-link:hover {
background: #017c43;
color: #ffffff !important;
text-decoration: none;
}
.bx-sbb-empty-cart-link:active {
background: #015a32;
}
/* Адаптивность */
@media (max-width: 768px) {
.bx-sbb-empty-cart-container {
padding: 60px 15px 80px;
}
.bx-sbb-empty-cart-icon-wrapper {
width: 64px;
height: 64px;
}
.bx-sbb-empty-cart-text {
font-size: 18px;
margin-bottom: 20px;
}
.bx-sbb-empty-cart-link {
padding: 10px 20px;
font-size: 13px;
width: 100%;
max-width: 240px;
}
}
.catalog-block-header{
font-size:14px;
font-weight: var(--ui-font-weight-bold);
text-align: left;
margin:5px 0;
padding:5px 15px;
border-bottom: 2px solid #d9dee6;
color: #000;
}
body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}
/* ============================================================
LOT 2026-06-03 — кнопка «В каталог» на десктопе.
Раньше стили жили только в @media(max-width:768px) ниже, и на
десктопе ссылка отображалась как plain text без стрелки и кнопочного
вида. Теперь базовый стиль применяется на всех экранах.
============================================================ */
.wiz-back-to-catalog {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 16px;
background: #f5f7fa;
color: #4a5560;
text-decoration: none;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
margin: 0 0 16px;
border: 1px solid transparent;
transition: background .15s, color .15s, border-color .15s;
}
.wiz-back-to-catalog:hover,
.wiz-back-to-catalog:focus {
background: #eef0f3;
color: #00ad5d;
text-decoration: none;
border-color: rgba(0,173,93,.18);
}
.wiz-back-to-catalog::before {
content: '←';
font-size: 18px;
line-height: 1;
font-weight: 400;
}
.lot-back-bottom {
display: block;
text-align: right;
padding: 22px 28px 4px 0;
font-size: 14px;
color: #6b7785;
text-decoration: none;
}
.lot-back-bottom,
.lot-back-bottom:hover,
.lot-back-bottom:focus {
color: #6b7785;
text-decoration: none;
}
.lot-back-bottom__go {
color: #0f8a4c;
font-weight: 500;
}
.lot-back-bottom:hover .lot-back-bottom__go,
.lot-back-bottom:focus .lot-back-bottom__go {
text-decoration: underline;
text-underline-offset: 3px;
}
/* ============================================================ */
/* WIZARD BASKET MOBILE-ONLY STYLES (2026-05-26) */
/* Десктоп остаётся как у Bitrix по умолчанию */
/* ============================================================ */
@media (max-width: 768px) {
/* === Скрыть лишнее на мобильном === */
.basket-line-head,
.basket-items-list-header,
.basket-items-list-item-remove,
.basket-items-list-item-container > .basket-items-list-item-price:not(.basket-items-list-item-price-for-one) {
display: none !important;
}
body .telegram-question-btn,
body .telegram-question-btn.visible-xs {
display: none !important;
}
/* Обёртки прозрачные */
.basket-items-list-wrapper,
.basket-items-list-container,
.basket-items-list,
.basket-items-list-table {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
.basket-items-list-wrapper.mb-3 { margin-bottom: 0 !important; }
/* === Карточка товара === */
.basket-items-list-item-container {
display: grid !important;
grid-template-columns: 70px 1fr auto auto !important;
grid-template-rows: auto 36px !important;
column-gap: 12px !important;
row-gap: 10px !important;
align-items: center !important;
padding: 14px !important;
margin: 0 0 8px !important;
background: #fff !important;
border: 1px solid #e5e7e9 !important;
border-radius: 14px !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04) !important;
position: relative !important;
}
.basket-items-list-item-descriptions,
.basket-items-list-item-descriptions-inner {
display: contents !important;
}
.basket-item-block-image {
grid-column: 1 !important;
grid-row: 1 !important;
margin: 0 !important;
}
.basket-item-image-link {
display: block;
width: 70px;
height: 70px;
border-radius: 8px;
overflow: hidden;
background: #f5f5f5;
}
.basket-item-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.basket-item-block-info {
grid-column: 2 / 5 !important;
grid-row: 1 !important;
padding: 0 !important;
min-width: 0;
}
.basket-item-info-name {
margin: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: #222 !important;
padding-right: 30px !important;
}
.basket-item-info-name a, .basket-item-info-name-link {
color: inherit !important;
text-decoration: none !important;
}
/* Цена + qty в строке 2 */
.basket-items-list-item-price-for-one {
grid-column: 3 !important;
grid-row: 2 !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-self: end !important;
}
.basket-items-list-item-amount {
grid-column: 4 !important;
grid-row: 2 !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
transform: translateY(5px);
}
.basket-item-block-price,
.basket-item-price-current {
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
line-height: 1 !important;
}
.basket-item-price-current-text {
font-size: 16px !important;
font-weight: 700 !important;
color: #222 !important;
white-space: nowrap !important;
line-height: 1 !important;
}
/* Слайдер qty */
.basket-item-block-amount {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
background: transparent !important;
padding: 0 !important;
}
.basket-item-amount-btn-minus,
.basket-item-amount-btn-plus {
width: 30px !important;
height: 30px !important;
background-color: #fff !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 14px 14px !important;
border: 1px solid #e5e5e5 !important;
border-radius: 50% !important;
cursor: pointer !important;
display: inline-block !important;
font-size: 0 !important;
color: transparent !important;
}
.basket-item-amount-btn-minus {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.basket-item-amount-btn-plus {
background-image: url("data:image/svg+xml;utf8,") !important;
}
.basket-item-amount-btn-minus::before,
.basket-item-amount-btn-plus::before,
.basket-item-amount-btn-minus::after,
.basket-item-amount-btn-plus::after {
content: none !important;
display: none !important;
}
.basket-item-amount-filed-block { padding: 0 6px !important; }
.basket-item-amount-filed {
width: 24px !important;
text-align: center !important;
border: none !important;
background: transparent !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 0 !important;
}
/* Кнопка × на карточке */
.basket-item-actions-remove {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: 24px !important;
height: 24px !important;
border-radius: 50% !important;
background: #f5f5f5 url("data:image/svg+xml;utf8,") center/14px no-repeat !important;
cursor: pointer !important;
display: block !important;
border: none !important;
}
/* Блок Итого */
[class*="basket-checkout"]:not(.basket-checkout-section):not(.basket-checkout-section-inner) {
border: none !important;
box-shadow: none !important;
}
.basket-checkout-section-inner,
.basket-checkout-section-content,
.basket-checkout-block-total-price,
.basket-coupon-block,
.basket-coupon-block-total-price-current {
border: none !important;
box-shadow: none !important;
background: transparent !important;
}
.basket-checkout-section {
border: 1px solid #e5e7e9 !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04) !important;
background: #fff !important;
border-radius: 14px !important;
padding: 12px !important;
}
/* Размер цифры Итого */
.basket-checkout-section .basket-coupon-block-total-price-current,
.basket-checkout-section-content .basket-checkout-block-total-price,
[id*="basket-total"],
.basket-coupon-block-total-price-current,
.basket-coupon-block-total-price {
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.basket-coupon-block-title-label,
.basket-coupon-section-title,
.basket-coupon-block-total-title {
font-size: 14px !important;
font-weight: 500 !important;
color: #555 !important;
}
/* Кнопка "Очистить" — контурная корзина */
button#clear-basket-btn {
background-color: transparent !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 22px 22px !important;
width: 32px !important;
height: 32px !important;
font-size: 0 !important;
color: transparent !important;
text-indent: -9999px !important;
border: 0 !important;
padding: 0 !important;
overflow: hidden !important;
margin-top: -6px !important;
}
button#clear-basket-btn > * { display: none !important; }
.basket-checkout-section [style*="text-align: right"] {
margin-top: -2px !important;
}
/* "В каталог" кнопка */
.wiz-back-to-catalog {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 14px !important;
background: #f5f5f5 !important;
color: #555 !important;
text-decoration: none !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 500 !important;
margin: 0 0 12px !important;
}
.wiz-back-to-catalog::before {
content: '←';
font-size: 16px;
line-height: 1;
}
/* Уменьшить gap между картами на мобиле */
.col-md-9 + .col-md-3,
.col-md-3 {
margin-top: -35px !important;
}
/* Bottom padding под нижнюю панель */
#basket-root { padding-bottom: 100px !important; }
}
/* === Только скругление углов белых блоков на десктопе === */
@media (min-width: 769px) {
.basket-items-list-item-container {
border-radius: 10px !important;
overflow: hidden;
}
.basket-checkout-section {
border-radius: 10px !important;
overflow: hidden;
}
}
/* === Скругление углов с более явной заметностью === */
@media (min-width: 769px) {
.basket-items-list-wrapper,
.basket-items-list,
.basket-items-list-table {
border-radius: 12px !important;
overflow: hidden !important;
}
.basket-items-list-item-container,
.row.basket-items-list-item-container {
border-radius: 12px !important;
}
.basket-line-head {
border-radius: 12px 12px 0 0 !important;
}
.basket-checkout-section,
.basket-checkout-section-inner {
border-radius: 12px !important;
overflow: hidden !important;
}
}
@media (min-width: 769px) {
.basket-items-list-item-container,
.row.basket-items-list-item-container {
background: #fff !important;
border-radius: 12px !important;
margin-bottom: 8px !important;
}
.basket-checkout-section {
background: #fff !important;
border-radius: 12px !important;
}
/* Спрятать унаследованный белый фон с парента, чтобы был виден радиус */
.basket-items-list-wrapper,
.basket-items-list,
.basket-items-list-table,
.basket-items-list-container {
background: transparent !important;
}
}
/* === Скругление ВСЕГО блока корзины (включая серую шапку) === */
@media (min-width: 769px) {
/* Внешний обёртывающий блок таблицы корзины — скруглить */
.basket-items-list-wrapper {
border-radius: 12px !important;
overflow: hidden !important;
background: #fff !important;
}
/* Серая шапка таблицы — верхние углы */
.basket-line-head {
border-radius: 12px 12px 0 0 !important;
}
/* Сама строка товара — больше не округляем отдельно (она внутри обёртки) */
.basket-items-list-item-container,
.row.basket-items-list-item-container {
border-radius: 0 !important;
background: #fff !important;
}
/* Итого блок остаётся со скруглением */
.basket-checkout-section {
border-radius: 12px !important;
background: #fff !important;
overflow: hidden !important;
}
}
/* === Только белый блок товара скруглить, серую шапку не трогать === */
@media (min-width: 769px) {
/* Обёртку вернуть как было */
.basket-items-list-wrapper {
border-radius: 0 !important;
overflow: visible !important;
background: transparent !important;
}
.basket-line-head {
border-radius: 0 !important;
}
/* Белый прямоугольник товара — скруглить ВСЕ углы + отделить от шапки */
.basket-items-list-item-container,
.row.basket-items-list-item-container {
border-radius: 12px !important;
background: #fff !important;
margin-top: 8px !important;
}
/* Белый квадрат Итого */
.basket-checkout-section {
border-radius: 12px !important;
background: #fff !important;
overflow: hidden !important;
}
}
@media (min-width: 769px) {
.basket-items-list-item-container,
.row.basket-items-list-item-container {
border: 1px solid #e5e5e5 !important;
background: #fff !important;
border-radius: 12px !important;
}
.basket-checkout-section {
border: 1px solid #e5e5e5 !important;
background: #fff !important;
border-radius: 12px !important;
}
}
@media (min-width: 769px) {
.basket-items-list-item-container,
.row.basket-items-list-item-container {
border: none !important;
}
.basket-checkout-section {
border: none !important;
}
}
@media (min-width: 769px) {
/* Обёртка - белая, со скруглением, без серой линии */
.basket-items-list-wrapper {
background: #fff !important;
border-radius: 12px !important;
overflow: hidden !important;
border: none !important;
box-shadow: none !important;
}
/* Шапка - убрать серый фон/линию */
.basket-line-head {
background: transparent !important;
border: none !important;
border-bottom: none !important;
border-radius: 12px 12px 0 0 !important;
}
/* Строка товара - белая, без рамки, без отступа сверху */
.basket-items-list-item-container,
.row.basket-items-list-item-container {
background: #fff !important;
border: none !important;
border-radius: 0 !important;
margin: 0 !important;
box-shadow: none !important;
}
/* Итого - белая со скруглением */
.basket-checkout-section {
background: #fff !important;
border: none !important;
border-radius: 12px !important;
overflow: hidden !important;
}
}
@media (min-width: 769px) {
/* Светлый серый фон страницы (только в корзине) */
body { background: #f5f6f7 !important; }
.basket-items-list-wrapper,
.basket-checkout-section {
box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
}
@media (min-width: 769px) {
.basket-checkout-container {
background: #fff !important;
border-radius: 12px !important;
overflow: hidden !important;
}
}
@media (max-width: 768px) {
/* Чтобы + не выходил за карточку — больший правый padding */
.basket-items-list-item-container {
padding-right: 16px !important;
}
/* Уменьшить кнопки до 28px */
.basket-item-amount-btn-minus,
.basket-item-amount-btn-plus {
width: 26px !important;
height: 26px !important;
}
}
@media (max-width: 768px) {
button#clear-basket-btn {
margin-top: 14px !important;
}
.basket-checkout-section [style*="text-align: right"] {
margin-top: 14px !important;
}
}
@media (max-width: 768px) {
/* Иконка корзины — красная как на десктопе, но без текста */
button#clear-basket-btn {
background-color: transparent !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-size: 22px 22px !important;
margin-top: 6px !important;
}
.basket-checkout-section [style*="text-align: right"] {
margin-top: 6px !important;
}
}
@media (max-width: 768px) {
/* Использовать родную Bitrix-иконку, скрыть только текст */
button#clear-basket-btn {
background: none !important;
background-image: none !important;
background-color: transparent !important;
font-size: 0 !important; /* скрыть текст "Очистить корзину" */
color: rgb(220, 53, 69) !important; /* тот же красный что на десктопе */
border: none !important;
padding: 4px !important;
width: auto !important;
height: auto !important;
text-indent: 0 !important;
overflow: visible !important;
margin-top: 6px !important;
}
/* Показать встроенный SVG родной размера */
button#clear-basket-btn > svg {
display: inline-block !important;
visibility: visible !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
color: rgb(220, 53, 69) !important;
}
button#clear-basket-btn > svg path {
stroke: rgb(220, 53, 69) !important;
}
button#clear-basket-btn > * {
display: inline-block !important;
visibility: visible !important;
}
}
@media (max-width: 768px) {
button#clear-basket-btn {
margin-top: -4px !important;
}
.basket-checkout-section [style*="text-align: right"] {
margin-top: -4px !important;
}
}
@media (max-width: 768px) {
button#clear-basket-btn {
margin-top: 2px !important;
}
.basket-checkout-section [style*="text-align: right"] {
margin-top: 2px !important;
}
}
@media (max-width: 768px) {
button#clear-basket-btn > svg {
width: 20px !important;
height: 20px !important;
}
button#clear-basket-btn > svg path,
button#clear-basket-btn > svg * {
stroke-width: 1 !important;
}
}
@media (max-width: 768px) {
/* +/- ближе к цифре */
.basket-item-block-amount {
gap: 2px !important;
}
.basket-item-amount-filed-block {
padding: 0 2px !important;
}
/* Цена чуть левее: больше отступ между ценой и qty */
.basket-items-list-item-container {
column-gap: 16px !important;
}
/* Цена правее не примагнитится — отодвинуть от правого */
.basket-items-list-item-price-for-one {
margin-right: 8px !important;
}
}
@media (max-width: 768px) {
/* Скрыть H1 "Корзина товаров" на мобильной — экономим место сверху */
h1.page-heading {
display: none !important;
}
}
@media (max-width: 768px) {
/* Чтобы + не лип к правому краю карточки */
.basket-items-list-item-container {
padding-right: 16px !important;
}
}
/* =================================================================
LOT 2026-06-04 — V2 CARD STYLES
Современная карточная вёрстка корзины. Перекликается с миникорзиной
(.lot-minicart-*) по палитре, скруглениям, шрифтам.
================================================================= */
/* Фон страницы — нежно-зелёно-серый как у миникорзины */
body:has(#basket-root.bx-step-opacity) {
background: #f9fbfa;
}
/* Заголовок страницы — убираем декоративные точки */
.container h1.page-heading::before,
.container h1.page-heading::after {
content: '' !important;
display: none !important;
margin: 0 !important;
}
.container h1.page-heading {
text-align: left !important;
font-size: 28px !important;
font-weight: 700 !important;
color: #1a2733 !important;
margin: 24px 0 20px !important;
padding: 0 !important;
border: none !important;
letter-spacing: -0.3px !important;
}
/* Контейнер корзины — макс ширина, центрирование */
.container {
max-width: 1280px !important;
}
/* Главный wrapper списка */
#basket-root .basket-v2-list {
background: transparent;
border: none;
padding: 0;
margin-bottom: 16px;
}
#basket-root .basket-items-list-container,
#basket-root .basket-items-list {
background: transparent;
overflow: visible;
max-height: none !important;
height: auto !important;
}
#basket-root .basket-items-list-table {
display: flex;
flex-direction: column;
gap: 12px;
}
/* ===== КАРТОЧКА ТОВАРА ===== */
.basket-v2-card {
display: flex;
align-items: center;
gap: 20px;
padding: 20px 22px;
background: #ffffff;
border: 1px solid #eef0f3;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(17,12,46,.03);
transition: box-shadow .15s, border-color .15s;
position: relative;
}
.basket-v2-card:hover {
border-color: #d6dbe0;
box-shadow: 0 2px 8px rgba(17,12,46,.06);
}
/* Картинка */
.basket-v2-card__image {
flex: 0 0 110px;
width: 110px;
height: 110px;
border-radius: 10px;
overflow: hidden;
background: #f6f8fa;
position: relative;
}
.basket-v2-card__image-link {
display: block;
width: 100%;
height: 100%;
}
.basket-v2-card__img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 10px;
max-width: none !important;
}
.basket-v2-card__discount-badge {
position: absolute;
top: 8px;
left: 8px;
background: #d33a3a;
color: #fff;
font-size: 11px;
font-weight: 600;
padding: 4px 8px;
border-radius: 6px;
z-index: 2;
}
/* Тело: название + свойства */
.basket-v2-card__body {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
}
.basket-v2-card__body-inner {
display: flex;
flex-direction: column;
gap: 8px;
}
.basket-v2-card__name {
font-size: 16px;
font-weight: 600;
color: #1a2733;
line-height: 1.4;
margin: 0;
padding: 0;
}
.basket-v2-card__name-link,
.basket-v2-card__name a {
color: #1a2733;
text-decoration: none;
transition: color .15s;
}
.basket-v2-card__name-link:hover {
color: #00ad5d;
}
/* Свойства (СВОЙСТВО: значение) */
.basket-v2-card__props {
display: flex;
flex-wrap: wrap;
gap: 4px 16px;
font-size: 12.5px;
color: #6b7785;
}
.basket-v2-card__prop {
display: inline-flex;
gap: 4px;
}
.basket-v2-card__prop-name {
color: #9aa5b1;
}
.basket-v2-card__prop-value {
color: #4a5560;
font-weight: 500;
}
/* Предупреждение */
.basket-v2-card__warning {
font-size: 12.5px;
color: #b65c00;
background: #fff7e6;
border-radius: 8px;
padding: 8px 12px;
margin-top: 4px;
}
.basket-v2-card__warning-close {
float: right;
cursor: pointer;
color: #b65c00;
}
/* SKU-блок (варианты) */
.basket-v2-card__sku {
margin-top: 6px;
display: flex;
align-items: center;
gap: 10px;
}
.basket-v2-card__sku-name {
font-size: 12px;
color: #9aa5b1;
}
.basket-v2-card__sku-list {
display: inline-flex;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.basket-v2-card__sku-list .basket-item-scu-item {
width: 24px;
height: 24px;
border: 2px solid #e1e6eb;
border-radius: 6px;
cursor: pointer;
overflow: hidden;
transition: border-color .15s;
}
.basket-v2-card__sku-list .basket-item-scu-item.selected {
border-color: #00ad5d;
}
/* Правая часть: счётчик + цена + удалить */
.basket-v2-card__controls {
display: flex;
align-items: center;
gap: 18px;
flex-shrink: 0;
}
/* Счётчик-пилюля (как .lot-minicart-qty-ctrl) */
.basket-v2-card__qty .basket-v2-qty {
display: inline-flex;
align-items: center;
background: #f5f7fa;
border-radius: 10px;
padding: 3px;
gap: 2px;
}
.basket-v2-qty__btn {
width: 32px;
height: 32px;
background: transparent;
border: none;
color: #4a5560;
font-size: 18px;
font-weight: 500;
cursor: pointer;
border-radius: 7px;
transition: background .15s, color .15s;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
line-height: 1;
}
.basket-v2-qty__btn:hover {
background: #ffffff;
color: #00ad5d;
}
.basket-v2-qty__btn:active {
background: #e6f5ec;
}
.basket-v2-qty__btn:disabled {
color: #c8d0d8;
cursor: default;
}
.basket-v2-qty__btn:disabled:hover {
background: transparent;
color: #c8d0d8;
}
.basket-v2-qty__field {
width: 36px;
height: 32px;
border: none;
background: transparent;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #1a2733;
padding: 0;
-moz-appearance: textfield;
outline: none;
}
.basket-v2-qty__field::-webkit-outer-spin-button,
.basket-v2-qty__field::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.basket-v2-qty__field:focus {
background: #fff;
border-radius: 6px;
box-shadow: 0 0 0 2px rgba(0,173,93,.2);
}
/* Цена позиции */
.basket-v2-card__price {
display: flex;
flex-direction: column;
align-items: flex-end;
min-width: 95px;
gap: 2px;
}
.basket-v2-card__price-old {
font-size: 12px;
color: #9aa5b1;
text-decoration: line-through;
}
.basket-v2-card__price-current {
font-size: 17px;
font-weight: 700;
color: #1a2733;
white-space: nowrap;
transition: opacity .2s;
}
.basket-v2-card__price-economy {
font-size: 11px;
color: #d33a3a;
font-weight: 500;
}
/* Кнопка «удалить» — серая иконка, hover красная */
.basket-v2-card__remove {
width: 36px;
height: 36px;
background: transparent;
border: none;
color: #8e98a3;
border-radius: 8px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background .15s, color .15s;
flex-shrink: 0;
}
.basket-v2-card__remove svg {
width: 18px;
height: 18px;
display: block;
}
.basket-v2-card__remove:hover {
background: #fff0f0;
color: #d33a3a;
}
/* «Удалили — Восстановить» состояние */
.basket-v2-card__restore {
width: 100%;
padding: 14px 0;
text-align: center;
}
.basket-v2-card__restore-text {
color: #6b7785;
font-size: 14px;
}
.basket-v2-card__restore-link {
color: #00ad5d;
margin-left: 12px;
text-decoration: none;
font-weight: 600;
}
.basket-v2-card__restore-link:hover {
text-decoration: underline;
}
.basket-v2-card__restore-close {
float: right;
cursor: pointer;
color: #8e98a3;
font-size: 18px;
}
.basket-v2-card__restore-close::before {
content: '×';
}
/* ===== ПРАВЫЙ БЛОК «ИТОГО» ===== */
#basket-root .col-md-3 {
position: sticky;
top: 20px;
align-self: flex-start;
}
#basket-root [data-entity="basket-total-block"] {
background: #ffffff;
border: 1px solid #eef0f3;
border-radius: 12px;
padding: 20px 22px;
box-shadow: 0 1px 2px rgba(17,12,46,.03);
}
/* Лейбл «Итого:» */
#basket-root .basket-checkout-section-total-block,
#basket-root .basket-coupon-block-total-price {
font-size: 13px !important;
color: #6b7785 !important;
font-weight: 500 !important;
margin: 0 0 4px !important;
}
/* CTA «Оформить заказ» — как .lot-minicart-btn--primary но крупнее */
#basket-root .basket-btn-checkout,
#basket-root a.basket-btn-checkout,
#basket-root button.basket-btn-checkout {
width: 100% !important;
padding: 14px 18px !important;
background: #00ad5d !important;
color: #ffffff !important;
border: 1px solid #00ad5d !important;
border-radius: 10px !important;
font-size: 15px !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
display: block !important;
margin-top: 14px !important;
transition: background .15s, border-color .15s, transform .1s !important;
box-shadow: 0 2px 8px rgba(0,173,93,.18) !important;
}
#basket-root .basket-btn-checkout:hover {
background: #009251 !important;
border-color: #009251 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(0,173,93,.25) !important;
}
#basket-root .basket-btn-checkout:active {
transform: translateY(0) !important;
}
/* «Очистить корзину» — мягкая ссылка */
#basket-root #clear-basket-btn,
#basket-root #clear-basket-btn-bottom {
color: #8e98a3 !important;
background: transparent !important;
border: none !important;
font-size: 13px !important;
font-weight: 400 !important;
padding: 10px 12px !important;
margin-top: 8px !important;
border-radius: 8px !important;
transition: background .15s, color .15s !important;
display: inline-flex !important;
align-items: center !important;
}
#basket-root #clear-basket-btn svg path {
stroke: #8e98a3 !important;
transition: stroke .15s !important;
}
#basket-root #clear-basket-btn:hover {
background: #fff0f0 !important;
color: #d33a3a !important;
}
#basket-root #clear-basket-btn:hover svg path {
stroke: #d33a3a !important;
}
/* «← В каталог» — приглушённая ссылка */
#basket-root .wiz-back-to-catalog,
.wiz-back-to-catalog {
background: transparent !important;
color: #6b7785 !important;
padding: 8px 0 !important;
margin: 0 0 16px !important;
border: none !important;
font-size: 14px !important;
font-weight: 400 !important;
box-shadow: none !important;
}
.wiz-back-to-catalog:hover {
background: transparent !important;
color: #00ad5d !important;
}
/* Скрытые элементы Bitrix-фильтра */
#basket-root .basket-items-list-header,
#basket-root .basket-items-search-field,
#basket-root .basket-items-list-header-filter {
display: none !important;
}
/* Адаптив — мобилка */
@media (max-width: 991px) {
.container h1.page-heading {
text-align: center !important;
font-size: 22px !important;
margin: 18px 0 12px !important;
}
.basket-v2-card {
flex-wrap: wrap;
padding: 14px 14px;
gap: 14px;
}
.basket-v2-card__image {
flex: 0 0 80px;
width: 80px;
height: 80px;
}
.basket-v2-card__body {
flex: 1 1 calc(100% - 100px);
}
.basket-v2-card__controls {
width: 100%;
justify-content: space-between;
gap: 10px;
padding-top: 8px;
border-top: 1px solid #eef0f3;
}
.basket-v2-card__price-current {
font-size: 16px;
}
#basket-root .col-md-3 {
position: static;
margin-top: 16px;
}
}
/* =================================================================
LOT 2026-06-04 — V2 OVERRIDES: гасим Bitrix-перебивки порядка/иконок
================================================================= */
/* Принудительный порядок внутри .basket-v2-card (главный flex-контейнер) */
.basket-v2-card .basket-v2-card__image { order: 1 !important; }
.basket-v2-card .basket-v2-card__body { order: 2 !important; }
.basket-v2-card .basket-v2-card__controls { order: 3 !important; }
/* Порядок внутри .basket-v2-card__controls — счётчик → цена → удалить */
.basket-v2-card .basket-v2-card__qty,
.basket-v2-card .basket-items-list-item-amount {
order: 1 !important;
position: static !important;
padding-top: 0 !important;
}
.basket-v2-card .basket-v2-card__price,
.basket-v2-card .basket-items-list-item-price {
order: 2 !important;
position: static !important;
padding-top: 0 !important;
}
.basket-v2-card .basket-v2-card__remove,
.basket-v2-card .basket-item-actions-remove {
order: 3 !important;
position: static !important;
width: 36px !important;
height: 36px !important;
padding: 0 !important;
top: auto !important;
right: auto !important;
}
/* Гасим Bitrix-крестик удаления (он рисуется через ::before/::after на красном) */
.basket-v2-card .basket-item-actions-remove::before,
.basket-v2-card .basket-item-actions-remove::after,
.basket-v2-card .basket-v2-card__remove::before,
.basket-v2-card .basket-v2-card__remove::after {
display: none !important;
content: none !important;
background: transparent !important;
width: 0 !important;
height: 0 !important;
}
/* Снимаем opacity:0 которое Bitrix вешает на .basket-item-block-actions
(Bitrix показывает крестик только при hover — нам это не нужно, у нас явная иконка) */
.basket-v2-card .basket-item-block-actions {
opacity: 1 !important;
position: static !important;
}
.basket-v2-card .basket-item-block-info .basket-item-actions-remove {
opacity: 1 !important;
position: static !important;
top: auto !important;
right: auto !important;
}
/* Дополнительно — гасим Bitrix .basket-items-list-item-remove абсолютное позиционирование */
.basket-v2-card .basket-items-list-item-remove,
.basket-v2-card .basket-v2-card__qty.basket-items-list-item-amount,
.basket-v2-card .basket-v2-card__price.basket-items-list-item-price {
position: static !important;
padding-top: 0 !important;
}
/* Чтобы SVG в кнопке удаления нормально рисовалась */
.basket-v2-card .basket-v2-card__remove svg {
width: 18px !important;
height: 18px !important;
display: block !important;
pointer-events: none;
}
/* Контейнер счётчика (basket-item-block-amount) тоже мог быть подвинут */
.basket-v2-card .basket-item-block-amount {
display: inline-flex !important;
position: static !important;
padding: 0 !important;
margin: 0 !important;
}
/* =================================================================
LOT 2026-06-04 — V2 TOTAL BLOCK (basket-total.php)
Разбивка + Итого + CTA + trust-бейджи. Рендерится Bitrix-шаблоном.
================================================================= */
.basket-v2-total {
background: #ffffff !important;
border: 1px solid #eef0f3 !important;
border-radius: 12px !important;
padding: 20px 22px !important;
box-shadow: 0 1px 2px rgba(17,12,46,.03) !important;
margin: 0 !important;
display: block !important;
}
.basket-v2-total > * { padding: 0 !important; margin: 0 !important; }
.basket-v2-total__breakdown {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 14px !important;
}
.basket-v2-total__row {
display: flex;
justify-content: space-between;
align-items: baseline;
font-size: 13px;
color: #4a5560;
}
.basket-v2-total__row--muted {
color: #9aa5b1;
font-size: 12px;
}
.basket-v2-total__row-label { color: inherit; }
.basket-v2-total__row-value {
color: inherit;
font-weight: 500;
text-align: right;
}
.basket-v2-total__row--muted .basket-v2-total__row-value {
font-weight: 400;
font-style: normal;
}
.basket-v2-total__divider {
height: 1px;
background: #eef0f3;
margin: 6px 0 2px;
}
.basket-v2-total .basket-v2-total__final {
margin-bottom: 14px !important;
}
.basket-v2-total .basket-v2-total__final .basket-checkout-section-inner {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
flex-direction: row !important;
}
.basket-v2-total .lot-total-left .basket-checkout-section-inner {
justify-content: flex-start !important;
gap: 10px !important;
}
.basket-v2-total__final-label {
font-size: 14px !important;
font-weight: 600 !important;
color: #1a2733 !important;
}
.basket-v2-total__final-value {
font-size: 22px !important;
font-weight: 800 !important;
color: #1a2733 !important;
line-height: 1.1 !important;
}
.basket-v2-total__cta-wrap {
margin: 0 0 14px !important;
}
.basket-v2-total .basket-v2-total__cta {
width: 100% !important;
padding: 14px 18px !important;
background: #00ad5d !important;
color: #ffffff !important;
border: 1px solid #00ad5d !important;
border-radius: 10px !important;
font-size: 15px !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
display: block !important;
transition: background .15s, transform .1s, box-shadow .15s !important;
box-shadow: 0 2px 8px rgba(0,173,93,.18) !important;
cursor: pointer !important;
line-height: 1.2 !important;
}
.basket-v2-total .basket-v2-total__cta:hover {
background: #009251 !important;
border-color: #009251 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(0,173,93,.25) !important;
}
.basket-v2-total .basket-v2-total__cta:active {
transform: translateY(0) !important;
}
.basket-v2-total__trust {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
padding-top: 14px !important;
border-top: 1px solid #eef0f3 !important;
}
.basket-v2-total__trust-row {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
font-size: 11.5px !important;
color: #6b7785 !important;
line-height: 1.4 !important;
}
.basket-v2-total__trust-icon {
font-size: 13px !important;
line-height: 1.2 !important;
flex: 0 0 16px !important;
text-align: center !important;
}
.basket-v2-total .basket-checkout-block-total-description,
.basket-v2-total .basket-coupon-section,
.basket-v2-total .basket-coupon-alert-section,
.basket-v2-total__hidden-meta {
display: none !important;
}
/* =================================================================
LOT 2026-06-04 — UNIFIED via TWO CARDS SHARING EDGES
От общего к частному: НЕ трогаем .row (Bootstrap-сетка остаётся целой).
Каждая col-md-* получает свою карточку, но они визуально срастаются
через закругления только наружных углов и общую границу-разделитель.
================================================================= */
/* .row остаётся прозрачной — Bootstrap-сетка работает как было */
#basket-root > .row {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 0 16px !important;
}
/* Убираем gutter колонок — карточки должны соприкоснуться вплотную */
#basket-root > .row > .col-md-9,
#basket-root > .row > .col-md-3 {
padding: 0 !important;
}
/* Левая карточка (товары) — закругление только слева, без правой границы */
#basket-root .basket-v2-list {
background: #ffffff !important;
border: 1px solid #eef0f3 !important;
border-right: none !important;
border-radius: 12px 0 0 12px !important;
box-shadow: 0 1px 2px rgba(17,12,46,.03) !important;
padding: 6px 22px !important;
margin: 0 !important;
}
/* Правая карточка (Итого) — закругление только справа, левая граница-разделитель */
#basket-root .basket-v2-total {
background: #ffffff !important;
border: 1px solid #eef0f3 !important;
border-left: 1px solid #eef0f3 !important;
border-radius: 0 12px 12px 0 !important;
box-shadow: 0 1px 2px rgba(17,12,46,.03) !important;
padding: 20px 22px !important;
margin: 0 !important;
}
/* Карточка товара — без своих границ/теней, разделитель тонкой линией сверху */
#basket-root .basket-v2-card {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
border-top: 1px solid #eef0f3 !important;
}
#basket-root .basket-v2-card:first-child {
border-top: none !important;
}
#basket-root .basket-v2-card:hover {
background: transparent !important;
box-shadow: none !important;
}
/* «Очистить корзину» — серая ссылка под CTA внутри правой карточки */
.basket-v2-clear-wrap {
margin: 12px 0 0 !important;
text-align: center;
}
.basket-v2-clear-btn {
background: transparent !important;
border: none !important;
color: #8e98a3 !important;
font-size: 12.5px !important;
font-weight: 400 !important;
padding: 6px 10px !important;
border-radius: 6px !important;
cursor: pointer !important;
transition: background .15s, color .15s !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
}
.basket-v2-clear-btn svg path {
stroke: #8e98a3 !important;
transition: stroke .15s !important;
}
.basket-v2-clear-btn:hover {
background: #fff0f0 !important;
color: #d33a3a !important;
}
.basket-v2-clear-btn:hover svg path {
stroke: #d33a3a !important;
}
/* Trust-бейджи — последний блок в правой карточке */
.basket-v2-trust-static {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin-top: 14px !important;
padding-top: 14px !important;
border-top: 1px solid #eef0f3 !important;
}
.basket-v2-trust-static__row {
display: flex !important;
align-items: flex-start !important;
gap: 8px !important;
font-size: 11.5px !important;
color: #6b7785 !important;
line-height: 1.4 !important;
}
.basket-v2-trust-static__icon {
font-size: 13px !important;
line-height: 1.2 !important;
flex: 0 0 16px !important;
text-align: center !important;
}
/* Адаптив — на мобиле карточки в столбик, закругления возвращаются ко всем углам */
@media (max-width: 991px) {
#basket-root .basket-v2-list {
border-right: 1px solid #eef0f3 !important;
border-radius: 12px !important;
margin-bottom: 12px !important;
}
#basket-root .basket-v2-total {
border-left: 1px solid #eef0f3 !important;
border-radius: 12px !important;
}
}
/* =================================================================
LOT 2026-06-04 — FIX: Bitrix-sticky на total-block ломается
(вычисляет width: 2px при перерасчёте). Гасим его JS-sticky класс
и применяем свой через position:sticky.
================================================================= */
#basket-root .basket-checkout-container-fixed,
#basket-root .basket-v2-total.basket-checkout-container-fixed {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: auto !important;
z-index: auto !important;
}
#basket-root .col-md-3 {
position: sticky !important;
top: 20px !important;
align-self: flex-start !important;
}
@media (max-width: 991px) {
#basket-root .col-md-3 {
position: static !important;
top: auto !important;
}
}
/* =================================================================
LOT 2026-06-04 — FORCE FIX: col-md-3 был display:none из-за конфликта
float + position:sticky (Bootstrap 3 использует float, sticky на нём
ломается). Убираем sticky, гарантируем display:block + 25% ширину.
================================================================= */
#basket-root .col-md-3 {
display: block !important;
width: 25% !important;
float: left !important;
position: static !important;
top: auto !important;
align-self: auto !important;
height: auto !important;
}
#basket-root .col-md-9 {
display: block !important;
width: 75% !important;
float: left !important;
}
/* На мобиле — стек */
@media (max-width: 991px) {
#basket-root .col-md-9,
#basket-root .col-md-3 {
width: 100% !important;
float: none !important;
}
}
/* =================================================================
LOT 2026-06-04 — FINAL POLISH
================================================================= */
/* Заголовок «Корзина» — выровнять влево */
.container h1.page-heading {
text-align: left !important;
margin-left: 0 !important;
margin-right: auto !important;
font-size: 28px !important;
font-weight: 700 !important;
color: #1a2733 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.container h1.page-heading::before,
.container h1.page-heading::after {
content: '' !important;
display: none !important;
}
/* «← В каталог» — тихая текстовая ссылка над списком товаров */
.wiz-back-to-catalog,
#basket-root .wiz-back-to-catalog,
a.wiz-back-to-catalog {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: transparent !important;
color: #6b7785 !important;
border: none !important;
box-shadow: none !important;
padding: 8px 0 !important;
margin: 0 0 12px !important;
font-size: 13px !important;
font-weight: 400 !important;
text-decoration: none !important;
transition: color .15s !important;
}
.wiz-back-to-catalog:hover,
#basket-root .wiz-back-to-catalog:hover {
background: transparent !important;
border: none !important;
color: #00ad5d !important;
text-decoration: none !important;
}
/* Trust-бейджи — внутри правой карточки, визуально слитые с Итого */
.basket-v2-trust-static {
background: transparent !important;
padding: 14px 22px 18px !important;
margin: 0 !important;
border: 1px solid #eef0f3 !important;
border-top: none !important;
border-radius: 0 0 12px 12px !important;
box-shadow: 0 1px 2px rgba(17,12,46,.03) !important;
border-left: 1px solid #eef0f3 !important;
}
/* Очистить корзину — серый под кнопкой, внутри той же правой карточки */
.basket-v2-clear-wrap {
background: transparent !important;
padding: 0 22px 14px !important;
margin: 0 !important;
border-left: 1px solid #eef0f3 !important;
border-right: 1px solid #eef0f3 !important;
text-align: center !important;
}
/* Правая карточка (Итого) — закругление только сверху, чтобы внизу
плавно стыковалась с Очистить → trust-бейджи */
#basket-root [data-entity="basket-total-block"] {
border: 1px solid #eef0f3 !important;
border-bottom: none !important;
border-radius: 12px 12px 0 0 !important;
padding: 20px 22px 16px !important;
background: #ffffff !important;
box-shadow: 0 1px 2px rgba(17,12,46,.03) !important;
}
#basket-root .basket-v2-total {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
/* Чтобы все 3 правых блока (Итого / Очистить / Trust) смотрелись как ОДНА вертикальная карточка */
#basket-root .col-md-3 > * + * {
border-top: none !important;
}
/* Адаптив на мобиле */
@media (max-width: 991px) {
.container h1.page-heading {
text-align: center !important;
font-size: 22px !important;
}
.basket-v2-trust-static {
border-radius: 0 0 12px 12px !important;
}
}
/* =================================================================
LOT 2026-06-04 — FINAL UNIFIED: одно белое поле через flexbox
Bootstrap 3 float отключаем, .row становится flex-контейнером.
================================================================= */
/* .row — единая белая карточка с flex-внутренностями */
#basket-root > .row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
background: #ffffff !important;
border: 1px solid #eef0f3 !important;
border-radius: 12px !important;
box-shadow: 0 1px 2px rgba(17,12,46,.03) !important;
margin: 0 0 16px !important;
padding: 0 !important;
overflow: hidden !important;
}
/* col-md-9: flex 75%, без своего фона/border */
#basket-root > .row > .col-md-9 {
flex: 0 0 75% !important;
max-width: 75% !important;
width: 75% !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* col-md-3: flex 25%, левая граница = тонкий разделитель */
#basket-root > .row > .col-md-3 {
flex: 0 0 25% !important;
max-width: 25% !important;
width: 25% !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
border-left: 1px solid #eef0f3 !important;
box-shadow: none !important;
border-radius: 0 !important;
display: block !important;
position: static !important;
align-self: auto !important;
height: auto !important;
}
/* Внутренние блоки — прозрачные, без своих рамок/тени/скруглений */
#basket-root .basket-v2-list,
#basket-root [data-entity="basket-total-block"],
#basket-root .basket-v2-total,
#basket-root .basket-v2-clear-wrap,
#basket-root .basket-v2-trust-static {
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
#basket-root .basket-v2-list { padding: 6px 22px !important; }
#basket-root [data-entity="basket-total-block"] { padding: 20px 22px 12px !important; }
#basket-root .basket-v2-clear-wrap { padding: 0 22px 8px !important; }
#basket-root .basket-v2-trust-static { padding: 14px 22px 18px !important; border-top: 1px solid #eef0f3 !important; }
/* Карточки товаров: разделитель тонкой линией сверху */
#basket-root .basket-v2-card {
background: transparent !important;
border: none !important;
border-top: 1px solid #eef0f3 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
#basket-root .basket-v2-card:first-child {
border-top: none !important;
}
#basket-root .basket-v2-card:hover {
background: transparent !important;
box-shadow: none !important;
}
/* Адаптив — мобила: колонки в столбик, разделитель горизонтальный */
@media (max-width: 991px) {
#basket-root > .row {
flex-direction: column !important;
}
#basket-root > .row > .col-md-9,
#basket-root > .row > .col-md-3 {
flex: 1 1 100% !important;
max-width: 100% !important;
width: 100% !important;
}
#basket-root > .row > .col-md-3 {
border-left: none !important;
border-top: 1px solid #eef0f3 !important;
}
}
/* =================================================================
LOT 2026-06-04 — CONVERSION LEVERS (UX-усиления)
================================================================= */
/* ===== Разделитель «— или —» между CTA и телефоном ===== */
.basket-v2-or-divider {
display: flex;
align-items: center;
margin: 14px 0 12px;
color: #b8c0c9;
font-size: 12px;
text-transform: lowercase;
}
.basket-v2-or-divider::before,
.basket-v2-or-divider::after {
content: '';
flex: 1;
height: 1px;
background: #eef0f3;
}
.basket-v2-or-divider span {
padding: 0 12px;
}
/* ===== Phone CTA — главный альтернативный путь оформления ===== */
.basket-v2-phone-cta {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
background: #f4faf6;
border: 1px solid #d4ead9;
border-radius: 10px;
color: #1a2733;
text-decoration: none;
transition: background .15s, border-color .15s, transform .1s;
}
.basket-v2-phone-cta:hover {
background: #e6f5ec;
border-color: #00ad5d;
color: #1a2733;
transform: translateY(-1px);
text-decoration: none;
}
.basket-v2-phone-cta__icon {
font-size: 22px;
line-height: 1;
}
.basket-v2-phone-cta__text {
display: flex;
flex-direction: column;
gap: 2px;
}
.basket-v2-phone-cta__number {
font-size: 16px;
font-weight: 700;
color: #1a2733;
letter-spacing: 0.3px;
}
.basket-v2-phone-cta__label {
font-size: 11.5px;
color: #6b7785;
font-weight: 400;
}
/* ===== Хинт «не уверены — поможем» ===== */
.basket-v2-help-hint {
margin: 12px 0;
padding: 10px 12px;
font-size: 12px;
color: #6b7785;
line-height: 1.4;
background: #fffbf0;
border-radius: 8px;
border-left: 3px solid #f5c542;
}
/* ===== Каналы WhatsApp / Telegram ===== */
.basket-v2-channels {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin: 8px 0 12px;
}
.basket-v2-channel {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 10px 8px;
border-radius: 8px;
text-decoration: none;
font-size: 13px;
font-weight: 500;
transition: opacity .15s, transform .1s;
color: #ffffff;
}
.basket-v2-channel:hover {
color: #ffffff;
text-decoration: none;
opacity: .92;
transform: translateY(-1px);
}
.basket-v2-channel--whatsapp {
background: #25d366;
}
.basket-v2-channel--telegram {
background: #2aabee;
}
.basket-v2-channel svg {
flex: 0 0 18px;
}
/* ===== Undo-удаление (Bitrix-restore блок) — оформляем мягко ===== */
#basket-root .basket-items-list-item-container-expend {
padding: 18px 22px !important;
background: #fffbf0 !important;
border-top: 1px solid #f5c542 !important;
}
#basket-root .basket-items-list-item-notification {
width: 100% !important;
padding: 0 !important;
}
#basket-root .basket-items-list-item-removed-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
flex-wrap: wrap !important;
}
#basket-root [data-entity="basket-item-restore-button"] {
color: #00ad5d !important;
font-weight: 600 !important;
text-decoration: none !important;
padding: 8px 14px !important;
border-radius: 8px !important;
background: #ffffff !important;
border: 1px solid #d4ead9 !important;
transition: background .15s !important;
}
#basket-root [data-entity="basket-item-restore-button"]:hover {
background: #f4faf6 !important;
}
#basket-root .basket-items-list-item-clear-btn {
color: #8e98a3 !important;
cursor: pointer;
}
#basket-root .basket-items-list-item-clear-btn::before {
content: '×';
font-size: 18px;
}
/* =================================================================
LOT 2026-06-04 — TONED DOWN: убираем визуальный шум в правой колонке
Лёля: «блок менеджера режет глаз». Делаем всё спокойнее, без громких
плашек. Главный акцент — на основную CTA «Оформить заказ».
================================================================= */
/* Phone CTA — без зелёной заливки, просто строка с иконкой */
.basket-v2-phone-cta {
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 10px 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
color: #1a2733 !important;
text-decoration: none !important;
transition: opacity .15s !important;
transform: none !important;
}
.basket-v2-phone-cta:hover {
background: transparent !important;
border: none !important;
transform: none !important;
opacity: .8 !important;
text-decoration: none !important;
}
.basket-v2-phone-cta__icon {
font-size: 18px !important;
color: #00ad5d !important;
opacity: .8 !important;
}
.basket-v2-phone-cta__number {
font-size: 15px !important;
font-weight: 600 !important;
color: #1a2733 !important;
}
.basket-v2-phone-cta__label {
font-size: 11px !important;
color: #9aa5b1 !important;
}
/* Help-hint — без жёлтой заливки и border-left, просто серая подсказка */
.basket-v2-help-hint {
margin: 8px 0 !important;
padding: 0 !important;
font-size: 11.5px !important;
color: #9aa5b1 !important;
line-height: 1.4 !important;
background: transparent !important;
border-radius: 0 !important;
border: none !important;
border-left: none !important;
}
/* Каналы — outlined вместо filled. Цветные только бренд-иконки */
.basket-v2-channel {
background: transparent !important;
color: #4a5560 !important;
border: 1px solid #e1e6eb !important;
padding: 8px 10px !important;
font-size: 12.5px !important;
font-weight: 500 !important;
transform: none !important;
}
.basket-v2-channel:hover {
background: #f9fbfa !important;
border-color: #c8d0d8 !important;
color: #1a2733 !important;
transform: none !important;
}
.basket-v2-channel svg {
flex: 0 0 16px !important;
width: 16px !important;
height: 16px !important;
}
.basket-v2-channel--whatsapp svg { color: #25d366 !important; }
.basket-v2-channel--telegram svg { color: #2aabee !important; }
/* «— или —» компактнее и тише */
.basket-v2-or-divider {
margin: 12px 0 !important;
font-size: 11px !important;
color: #c8d0d8 !important;
}
.basket-v2-or-divider span {
padding: 0 10px !important;
}
/* =================================================================
LOT 2026-06-04 — SOFT RESTORE BANNER
Лёля: «жуткий дизайн». Перекрашиваем жёлтый restore-блок
в спокойный серый, делаем компактнее.
================================================================= */
/* Контейнер карточки в состоянии «удалено» */
#basket-root .basket-items-list-item-container-expend {
padding: 14px 22px !important;
background: #f9fbfa !important;
border: 1px solid #eef0f3 !important;
border-top: 1px solid #eef0f3 !important;
border-radius: 8px !important;
margin: 8px 0 !important;
}
/* Внутренний блок */
#basket-root .basket-items-list-item-notification {
padding: 0 !important;
width: 100% !important;
}
#basket-root .basket-items-list-item-notification-inner {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
#basket-root .basket-items-list-item-removed-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
flex-wrap: nowrap !important;
color: #6b7785 !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
#basket-root .basket-items-list-item-removed-container > div:first-child {
flex: 1 1 auto !important;
min-width: 0 !important;
}
#basket-root .basket-items-list-item-removed-container strong {
color: #1a2733 !important;
font-weight: 600 !important;
}
/* Restore-блок справа: кнопка + X */
#basket-root .basket-items-list-item-removed-block {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex: 0 0 auto !important;
}
/* «Восстановить» — тихая ссылка-кнопка */
#basket-root [data-entity="basket-item-restore-button"] {
display: inline-flex !important;
align-items: center !important;
color: #00ad5d !important;
background: transparent !important;
border: 1px solid #00ad5d !important;
padding: 6px 14px !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: background .15s, color .15s !important;
}
#basket-root [data-entity="basket-item-restore-button"]:hover {
background: #00ad5d !important;
color: #ffffff !important;
}
/* X-крестик закрытия — серый, не красный */
#basket-root .basket-items-list-item-clear-btn {
width: 28px !important;
height: 28px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #8e98a3 !important;
background: transparent !important;
border-radius: 6px !important;
cursor: pointer !important;
transition: background .15s, color .15s !important;
font-size: 0 !important;
border: none !important;
}
#basket-root .basket-items-list-item-clear-btn::before {
content: '×' !important;
font-size: 20px !important;
line-height: 1 !important;
color: inherit !important;
background: transparent !important;
}
#basket-root .basket-items-list-item-clear-btn::after {
display: none !important;
content: none !important;
}
#basket-root .basket-items-list-item-clear-btn:hover {
background: #eef0f3 !important;
color: #1a2733 !important;
}
/* =================================================================
LOT 2026-06-04 — «Очистить корзину» компактно, справа, под CTA
================================================================= */
.basket-v2-clear-wrap {
margin: 6px 0 4px !important;
padding: 0 !important;
text-align: right !important;
background: transparent !important;
border: none !important;
}
.basket-v2-clear-btn {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
color: #b8c0c9 !important;
background: transparent !important;
border: none !important;
font-size: 11.5px !important;
font-weight: 400 !important;
padding: 2px 4px !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: color .15s !important;
margin: 0 !important;
}
.basket-v2-clear-btn svg {
width: 12px !important;
height: 12px !important;
}
.basket-v2-clear-btn svg path {
stroke: #b8c0c9 !important;
transition: stroke .15s !important;
}
.basket-v2-clear-btn:hover {
color: #d33a3a !important;
background: transparent !important;
}
.basket-v2-clear-btn:hover svg path {
stroke: #d33a3a !important;
}
/* =================================================================
LOT 2026-06-04 — RESTORE BANNER в фирменном стиле (не Bitrix-default)
================================================================= */
/* Контейнер удалённой строки */
#basket-root .basket-items-list-item-container-expend {
padding: 14px 18px !important;
background: #ffffff !important;
border: 1px solid #e1e6eb !important;
border-radius: 10px !important;
margin: 8px 0 !important;
box-shadow: none !important;
}
/* Контейнер сообщения «удалён» */
#basket-root .basket-items-list-item-removed-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
color: #6b7785 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
#basket-root .basket-items-list-item-removed-container > div:first-child,
#basket-root .basket-items-list-item-removed-container > span:first-child {
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* Текст «был удалён» */
#basket-root .basket-items-list-item-removed-container strong {
color: #1a2733 !important;
font-weight: 600 !important;
}
/* Кнопка «Восстановить» — наш зелёный, outlined */
#basket-root [data-entity="basket-item-restore-button"] {
display: inline-flex !important;
align-items: center !important;
color: #00ad5d !important;
background: #ffffff !important;
border: 1px solid #00ad5d !important;
padding: 6px 16px !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: background .15s, color .15s !important;
white-space: nowrap !important;
}
#basket-root [data-entity="basket-item-restore-button"]:hover {
background: #00ad5d !important;
color: #ffffff !important;
text-decoration: none !important;
}
/* Крестик закрытия — мелкий серый ×, не + и не красный */
#basket-root .basket-items-list-item-clear-btn,
#basket-root [data-entity="basket-item-close-restore-button"] {
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #b8c0c9 !important;
background: transparent !important;
border: none !important;
border-radius: 6px !important;
cursor: pointer !important;
font-size: 0 !important;
transition: background .15s, color .15s !important;
padding: 0 !important;
margin: 0 !important;
position: static !important;
transform: none !important;
}
/* Гасим Bitrix-палочки крестика (вертикальная + горизонтальная через ::before/::after) */
#basket-root .basket-items-list-item-clear-btn::before,
#basket-root .basket-items-list-item-clear-btn::after,
#basket-root [data-entity="basket-item-close-restore-button"]::before,
#basket-root [data-entity="basket-item-close-restore-button"]::after {
display: none !important;
content: none !important;
background: transparent !important;
width: 0 !important;
height: 0 !important;
transform: none !important;
}
/* Наш чистый × через ::before, перебиваем Bitrix-стили */
#basket-root .basket-items-list-item-clear-btn::before,
#basket-root [data-entity="basket-item-close-restore-button"]::before {
content: '×' !important;
display: block !important;
font-size: 22px !important;
line-height: 1 !important;
color: inherit !important;
background: transparent !important;
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
#basket-root .basket-items-list-item-clear-btn:hover,
#basket-root [data-entity="basket-item-close-restore-button"]:hover {
background: #eef0f3 !important;
color: #1a2733 !important;
}
/* =================================================================
LOT 2026-06-04 — финальная косметика
================================================================= */
/* «Очистить корзину» — выше и плотно к CTA, правое выравнивание */
.basket-v2-clear-wrap {
margin: 2px 0 0 !important;
padding: 0 !important;
text-align: right !important;
}
/* Телефон по центру как визитка */
.basket-v2-phone-cta {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 6px !important;
padding: 12px 0 !important;
}
.basket-v2-phone-cta__text {
align-items: center !important;
text-align: center !important;
}
.basket-v2-phone-cta__icon {
font-size: 22px !important;
}
.basket-v2-phone-cta__number {
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
}
.basket-v2-phone-cta__label {
font-size: 11px !important;
text-transform: lowercase !important;
}
/* Phone CTA — финал: трубка с номером в строку, всё блоком по центру */
.basket-v2-phone-cta {
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 8px 0 !important;
text-align: center !important;
}
.basket-v2-phone-cta__text {
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
}
/* LOT 2026-06-04: телефон обратно к компактному размеру (без «визитки»). Не увеличиваем. */
.basket-v2-phone-cta {
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 8px 0 !important;
text-align: left !important;
}
.basket-v2-phone-cta__icon {
font-size: 18px !important;
}
.basket-v2-phone-cta__number {
font-size: 15px !important;
font-weight: 600 !important;
letter-spacing: 0 !important;
}
.basket-v2-phone-cta__label {
font-size: 11px !important;
text-transform: lowercase !important;
}
.basket-v2-phone-cta__text {
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
}
/* LOT 2026-06-04: телефон по центру (трубка + номер + подпись — единым блоком) */
.basket-v2-phone-cta {
justify-content: center !important;
text-align: center !important;
}
.basket-v2-phone-cta__text {
align-items: center !important;
text-align: center !important;
}
/* LOT 2026-06-04: Очистить корзину — вплотную к CTA, убираем разрывы */
#basket-root .basket-checkout-block-btn,
#basket-root .basket-v2-total__cta-wrap {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#basket-root .basket-v2-total .basket-v2-total__cta {
margin: 0 !important;
}
#basket-root .basket-v2-clear-wrap {
margin: -2px 0 0 !important;
padding: 0 !important;
text-align: right !important;
}
#basket-root .basket-v2-clear-btn {
padding: 4px 6px !important;
margin: 0 !important;
}
/* LOT 2026-06-04: Очистить — правый край ровно по правому краю кнопки Оформить */
#basket-root .basket-v2-clear-wrap {
margin-right: 0 !important;
padding-right: 0 !important;
}
#basket-root .basket-v2-clear-btn {
padding-right: 0 !important;
margin-right: 0 !important;
}
/* LOT 2026-06-04 Вариант А: чистим перегруз */
/* Хинт «💡 Не уверены» — удалён из шаблона, но если останется в кеше — гасим */
.basket-v2-help-hint {
display: none !important;
}
/* MAX/Telegram — компактная строка ссылок вместо двух кнопок */
.basket-v2-channels {
display: flex !important;
justify-content: center !important;
gap: 14px !important;
margin: 8px 0 12px !important;
grid-template-columns: none !important;
}
.basket-v2-channel {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
padding: 4px 8px !important;
background: transparent !important;
border: none !important;
color: #6b7785 !important;
font-size: 12px !important;
font-weight: 500 !important;
border-radius: 0 !important;
}
.basket-v2-channel:hover {
background: transparent !important;
border: none !important;
color: #00ad5d !important;
}
.basket-v2-channel img {
width: 14px !important;
height: 14px !important;
}
/* Restore banner — песочный/тёплый, не голубой */
#basket-root .basket-items-list-item-container-expend,
#basket-root .basket-items-list-item-notification,
#basket-root .basket-items-list-item-notification-inner,
#basket-root .basket-items-list-item-notification-removed {
background: #fdf8ee !important;
background-color: #fdf8ee !important;
border-color: #ead7a8 !important;
}
#basket-root .basket-items-list-item-container-expend {
border: 1px solid #ead7a8 !important;
border-radius: 10px !important;
padding: 14px 18px !important;
}
/* LOT 2026-06-04: ядерный override — внутри restore-блока ВСЕ элементы песочные */
#basket-root .basket-items-list-item-container-expend,
#basket-root .basket-items-list-item-container-expend *,
#basket-root .basket-v2-card__restore,
#basket-root .basket-v2-card__restore *,
#basket-root .basket-items-list-item-notification,
#basket-root .basket-items-list-item-notification-inner,
#basket-root .basket-items-list-item-notification-removed,
#basket-root .basket-items-list-item-removed-container,
#basket-root .basket-v2-card__restore-inner {
background: #fdf8ee !important;
background-color: #fdf8ee !important;
}
/* Кроме кнопок и интерактивных элементов */
#basket-root [data-entity="basket-item-restore-button"] {
background: #ffffff !important;
background-color: #ffffff !important;
}
/* LOT 2026-06-04: restore banner в наш фирменный зелёный оттенок (а не песочный) */
#basket-root .basket-items-list-item-container-expend,
#basket-root .basket-items-list-item-container-expend *,
#basket-root .basket-v2-card__restore,
#basket-root .basket-v2-card__restore *,
#basket-root .basket-items-list-item-notification,
#basket-root .basket-items-list-item-notification-inner,
#basket-root .basket-items-list-item-notification-removed,
#basket-root .basket-items-list-item-removed-container,
#basket-root .basket-v2-card__restore-inner {
background: #f4faf6 !important;
background-color: #f4faf6 !important;
}
#basket-root .basket-items-list-item-container-expend {
border: 1px solid #d4ead9 !important;
}
#basket-root [data-entity="basket-item-restore-button"] {
background: #ffffff !important;
background-color: #ffffff !important;
}
/* End */
/* /local/templates/lot/components/bitrix/sale.basket.basket/basket_wizard_v2/style.css?1781047378131950 */