.bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: absolute; right: 0; top: 100%; padding-bottom: 20px; border-top: 1px solid #F7F7F7; border: 1px solid #ebc74f; z-index: 999; background: #fff; width: 300px; margin: 10px 0 0; display: none; } .bx-basket-item-list:before{ content: ''; display: block; bottom: 100%; right: 44px; width: 0px; height: 0px; border-bottom: 10px solid #ffdc8b; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; z-index: 2; } .bx-basket-item-list:after{ content: ''; display: block; bottom: 100%; right: 46px; width: 0px; height: 0px; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; z-index: 2; } .header_wr .header-menu__item_mod_cart .bx-basket-item-list-item-name a:before{ display: none; } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a, .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a:hover, .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a, .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-item-name a:hover{ color: #000; text-align: left; line-height: normal; white-space: normal } .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list > a{ display: none; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a, .header_wr.black-and-blue .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a { color: #000; line-height: normal; text-align: left; padding: 15px 10px; border-bottom: 1px solid #ebc74f; display: block; margin: 0; } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a:after{ content: '\203A'; display: inline-block; margin: 0 0 0 5px; font-size: 16px; } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container a:before{ display: none; } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container{ } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container:hover{ background: #ebc74f; color: #fff; } .header_wr .header-menu .header-menu__body .header-menu__item .bx-basket-item-list-button-container:hover a{ color: #fff; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding: 15px 10px; position: relative; border-bottom: 1px solid #ebc74f; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; display: inline-block; width: 75px; margin: 0 10px 0 0; vertical-align: top; } .header-menu__item_mod_cart .bx-basket-item-list-item-img a{ margin: 0; line-height: 0px; } .header-menu__item_mod_cart .bx-basket-item-list-item-img a:before{ display: none; } .bx-basket-item-list-item-info{ display: inline-block; width: calc(100% - 85px); vertical-align: top; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: 10px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } .bx-basket-block-total{ font-size: 0; color: #000; padding: 15px 10px 0; } .bx-basket-block-total > div{ display: inline-block; vertical-align: bottom; text-align: left; width: 70px; } .bx-basket-block-total > div:last-of-type{ text-align: right; width: calc(100% - 70px); } .bx-basket-block-total > div span{ display: block; font-size: 16px; } .bx-basket-block-total > div b{ font-size: 18px; font-weight: 600; } .cart-menu-item { position: relative; display: inline-block; width: 30px; } .cart-menu-item:first-of-type { margin-right: 10px; } .icon-favorites { position: absolute; top: -28px; left: 0; width: 30px; height: 30px; } .count-favorites { position: absolute; top: -24px; color: white; display: inline-block; width: 20px; text-align: center; font-size: 12px; line-height: 20px; } .black-and-blue .count-favorites { color: #1c1d23; }