/* Start:/bitrix/templates/vsedrugoe/components/bitrix/sale.basket.basket.small/.default2/style.css?17521738356277*/
/*Table*/
table.sale_basket_small
{
	border-collapse:collapse;
	font-size:12px;
	border:1px solid #ADC3D5;
	border:none;
}

/*Table head*/
table.sale_basket_small th
{
	text-align: left;
	color:#25639A;
}

/* Table cells and heads*/
table.sale_basket_small th, table.sale_basket_small td
{
	padding: 3px 5px;
	vertical-align:top;
}

/** initial setup **/
.nano {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
}
.nano .content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
}
.nano .content:focus {
	outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
	/*visibility: hidden;*/
}


.has-scrollbar .content::-webkit-scrollbar {
	visibility: visible;
}
.nano > .pane {
	background : rgba(0,0,0,.25);
	position   : absolute;
	width      : 10px;
	right      : 0;
	top        : 0;
	bottom     : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
}
.nano > .pane > .slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position              : relative;
	margin                : 0 1px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity    : 0.99;
}

.nano { height: 232px;     width: 410px; }
.nano .content { padding: 10px; }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }

.small_basket_title {
	padding: 20px;
	font-size: 16px;
}


.small_basket_btn {
	background:none;
	color: #000;
	border: none;
	text-transform: uppercase;
	line-height: 40px;
	width: 100%;
}
.small_basket_btn:hover {background:#9ab916 ; color:#fff;}
.small_basket_btn_open:hover { background:#9ab916 ;}

.small_basket_btn_open {
	background:#28282a ;
	color: #fff;
	border: none;
	text-transform: uppercase;
	line-height: 40px;
	width: 100%;
}
.small_basket_btn_div {width: 50%; float: left;}


.header-cart-popup_product-foto {
	display: block;
	float: left;
	height: 80px;
	overflow: hidden;
}
.header-cart-popup_product-foto img {
	width: 80px;
	max-height: inherit;
}
.header-cart-popup_product-name {
	line-height: 15px;
	width: 180px;
	margin-left: 105px;
	margin-bottom: 5px;
	white-space: initial;
}
.header-cart-popup_product-name a {
	color: #666;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}


.sum_div {
	text-align: center;

	padding-bottom: 15px;
	padding-top: 15px;
}
.sum_text {color: #7e7e7e;}

.sum_count {font-weight: bold; font-size: 15px;}
.sum_price {font-weight: bold; font-size: 15px;}
.sum_price:after {
	content: "\f158";
	font-family: "FontAwesome";
	color: #989899;
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
}
.price_no_f {opacity: 0; visibility: hidden;}
.header-cart-popup_product-price span:nth-child(2):after {
	content: "\f158";
	font-family: "FontAwesome";
	color: #989899;
	font-weight: normal;
	font-size: 14px;
}

.header-cart-popup_product-price {
	font-weight: bold;
	font-size: 14px;
	color: #1e1e1e;
	margin-left: 105px;
}

.item_small_basket {
	margin: 15px 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d2dbe4;
}


.small_basket {
    position: absolute;
    background: #fff;
    z-index: 100;
    right: 0;
    width: 375px;
    background: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    top: calc(100% + 8px);
    display: none;
}

.small_basket:before {
    right: 0;
    top: -11px;
    width: 11px;
    height: 11px;
    background: linear-gradient(-45deg, #fff 50%, transparent 50%);
    border: none;
    margin: 0;
    content: '';
    position: absolute;

}

.small_basket_title {
    padding: 20px;
    font-size: 16px;
    padding: 30px 35px;
    font-size: 18px;
    line-height: 27px;
    color: var(--text);
}

.small_basket .sum_div {
    text-align: left;
    padding-bottom: 0;
    padding-top: 0;
}

.small_basket .sum_text {
    color: var(--text);
    font-size: 18px;
    font-size: 18px;
    line-height: 27px;
}

.small_basket .sum_count,
.small_basket .sum_price {
    font-weight: bold;
    font-size: inherit;
}

.sum_price:after {
    display: none;
}

.small_basket .nano {
    padding: 0 15px 0 35px;
    width: 100%;
    height: 100%;
}

.small_basket .nano .content {
    height: 300px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0;
    position: relative;
    overflow: auto;
}

.small_basket .nano .content::-webkit-scrollbar {
    width: 4px;
}

.small_basket .nano .content::-webkit-scrollbar-track {
    background: #E6E6E6;
}

.small_basket .nano .content::-webkit-scrollbar-thumb {
    background: var(--acc);
}

.small_basket .item_small_basket {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
}

.small_basket .header-cart-popup_product-foto {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small_basket .header-cart-popup_product-name {
    font-size: 14px;
    line-height: 17px;
    color: var(--text);
    margin-bottom: 8px;
    transition: .3s;
}

.small_basket .item_small_basket:hover .header-cart-popup_product-name {
    color: var(--acc);
}

.small_basket .header-cart-popup_product-price {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

.small_basket .header-cart-popup_product-price span:nth-child(2):after {
    display: none;
}

.small_basket_btns {
    padding: 15px 35px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.small_basket_btn_div {
    width: 100%;
    float: none;
}

.small_basket .small_basket_btn_div input {
    font-size: 12px;
    line-height: 15px;
    text-transform: none;
}

.small_basket .small_basket_btn_div input:hover {
    background: var(--acc);
    color: #fff;
    opacity: 0.9;
}

.bx-basket-block--cart:hover .small_basket,
.small_basket:hover,
.small_basket--hovered {
    display: block
}
/* End */
/* /bitrix/templates/vsedrugoe/components/bitrix/sale.basket.basket.small/.default2/style.css?17521738356277 */