%PDF- %PDF-
| Direktori : /home/bitrix/www/bitrix/components/bitrix/sale.basket.basket/templates/.default/ |
| Current File : /home/bitrix/www/bitrix/components/bitrix/sale.basket.basket/templates/.default/style.css |
.symbol_ruble { font-family: 'rubleBitrix', Arial, sans-serif }
.basket-checkout-container {
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-ms-flex-pack: justify;
margin-bottom: 20px;
padding: 15px 25px;
border: 1px solid #e2dfdf;
border-radius: 2px;
background-color: #fff;
opacity: 1;
transition: opacity 250ms ease;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.basket-checkout-container.basket-checkout-container-fixed {
position: fixed;
top: 0;
z-index: 100;
}
.basket-checkout-container.basket-checkout-container-fixed-hide {
opacity: 0;
}
/*region Coupon*/
.basket-coupon-section {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
}
.basket-coupon-block-field-description {
color: #a1a1a1;
font: 400 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-coupon-block-field {
padding-right: 10px;
min-width: 235px;
-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);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.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;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
align-items: flex-start;
/*justify-content: space-between;*/
}
.basket-coupon-text {
position: relative;
display: block;
padding-left: 18px;
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);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.basket-coupon-alert .close-link {
margin-left: 10px;
border-bottom: 1px dotted;
color: #3e86de;
text-decoration: none;
font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
opacity: 1;
cursor: pointer;
transition: 220ms ease all;
}
.basket-coupon-alert .close-link:hover { border-color: transparent; }
@media (max-width: 991px) {
.basket-checkout-container {
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.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: 3;
-ms-flex: 3;
flex: 3;
}
.basket-checkout-section-inner {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.basket-checkout-block { }
/**/
.basket-checkout-block-total {
padding-top: 21px;
padding-right: 10px;
text-align: right;
}
.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 {
padding-left: 10px;
text-align: right;
}
.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: 400 36px/36px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
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;
padding-left: 15px;
text-align: right;
}
.basket-btn-checkout {
border-radius: 2px;
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);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 50% 50%;
-ms-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: 580px) {
.basket-checkout-block-btn {
padding-left: 0;
min-width: 100%;
max-width: 100%;
width: 100%;
-webkit-box-flex: 1;
-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%);
-ms-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 {
text-align: left;
}
}
/*endregion*/
/*region Basket item list wrapper*/
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
margin-bottom: 15px;
border: 1px solid #e2dfdf;
}
/*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: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 300ms all ease;
-o-text-overflow: ellipsis;
-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: #3e86de;
text-decoration: none;
font: bold 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
transition: 220ms ease;
}
.basket-items-list-header-filter-item:hover {
color: #2462de;
text-decoration: none;
}
.basket-items-list-header-filter-item.active {
border-bottom: none;
color: #2f3435;
text-decoration: none;
cursor: default;
}
.basket-items-search-field {
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-field button.close {
position: relative;
bottom: -1px;
display: inline-block;
float: none;
line-height: 11px;
}
@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%;
}
.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 25px;
}
.basket-items-list-table {
width: 100%;
border-collapse: collapse;
}
.basket-items-list-item-container { position: relative; }
.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;
padding-top: 20px;
width: 100%;
vertical-align: top;
-webkit-box-ordinal-group: 2;
order: 1;
}
.basket-items-list-item-descriptions-inner {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
/*region Image*/
.basket-item-block-image {
position: relative;
-ms-flex-order: 1;
padding-right: 15px;
padding-bottom: 10px;
min-width: 48px;
max-width: 148px;
width: 100%;
text-align: 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: 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;
}
}
/*RING*/
.basket-item-label-ring {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
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%);
-ms-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%);
-ms-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%);
-ms-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: 400 16px/26px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 300ms all ease;
}
/*.basket-item-actions-remove + .basket-item-info-name {
margin-right: 30px;
}*/
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-old { right: 10px; }*/
.basket-item-price-current { text-align: right; }
}
/*region Properties*/
.basket-item-block-properties {
-webkit-box-flex: 5;
-ms-flex: 5;
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: 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: -ms-flexbox;
display: -webkit-box;
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: #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: 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: 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: bold 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
}
/*endregion*/
/*region Amount*/
.basket-items-list-item-amount {
-ms-flex-order: 3;
padding-top: 20px;
vertical-align: top;
-webkit-box-ordinal-group: 4;
order: 3;
}
.basket-item-block-amount {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
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: 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: #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;
}
.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: 767px) {
.basket-item-block-amount { padding-top: 19px; }
}
@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 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2
}
.basket-item-block-price {
position: relative;
padding-top: 20px;
text-align: right;
white-space: nowrap;
}
.basket-item-price-title {
padding-top: 1px;
color: #a1a1a1;
text-align: right;
font: 12px/14px "Helvetica Neue", Helvetica, Arial, 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;
}
.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 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
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;
}
.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: relative;
display: block;
width: 25px;
height: 25px;
cursor: pointer;
}
.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;
}
.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: -ms-flexbox !important;
display: -webkit-box !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: flex-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: -ms-flexbox;
display: -webkit-box;
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: 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);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.basket-item-gifts-list-title {
padding: 12px 17px;
background-color: #fceb9f;
color: #5b5848;
font: bold 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.basket-item-gifts-list { padding: 15px; }
.basket-items-list-gift-item {
display: -ms-flexbox;
display: -webkit-box;
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: 400 15px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
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: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
padding: 5px 6px 6px;
background: #e2f0cb;
color: #525c69;
text-align: center;
text-transform: uppercase;
font: 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: 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-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: -ms-flexbox;
display: -webkit-box;
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 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.basket-gift-info-name,
.basket-gift-info-name-link {
margin: 0;
padding: 0;
color: #2f3435;
text-decoration: none;
font: 400 15px/19px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: 300ms all ease;
}
.basket-gift-info-name-link:hover {
text-decoration: underline;
cursor: pointer;
}
.basket-gift-block-common {
display: -ms-flexbox;
display: -webkit-box;
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: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
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: -ms-flexbox;
display: -webkit-box;
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;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 10px;
width: 20px;
height: 20px;
border: 10px solid #fff;
border-radius: 50%;
background: #468ee5;
-webkit-box-shadow: 0 0 0 1px #828b95;
box-shadow: 0 0 0 1px #828b95;
cursor: pointer;
transition: 190ms all ease;
}
.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: bold 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}
.basket-gift-item-select-btn-checkbox {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
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);
-ms-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);
-ms-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: #468ee5;
opacity: 1;
}
@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*/
.bx-sbb-empty-cart-image{
width:131px;
height:116px;
margin:50px auto 42px;
background:url(images/empty_cart.svg) no-repeat center;
background-size:contain;
}
.bx-sbb-empty-cart-text{
font-size:36px;
text-align:center;
color:#bababa;
margin-bottom:42px;
}
.bx-sbb-empty-cart-desc{
text-align:center;
color:#000;
font-size:16px;
margin-bottom:42px;
}