@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Main
	3.3 Main Navigation
	3.4 Page Menu
4. Cart
5. Newsletter
6. Footer


******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #000000;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 400;
	color: #828282;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{
	
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.nopadding
{
	padding: 0px !important;
}
.button
{
	display: inline-block;
	background: #0e8ce4;
	border-radius: 5px;
	height: 48px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.button a
{
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 48px;
	color: #FFFFFF;
	padding-left: 35px;
	padding-right: 35px;
}
.button:hover
{
	opacity: 0.8;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.rating_r i::before
{
	font-family: 'FontAwesome';
	content: "\f005";
	font-style: normal;
	font-size: 19px;
	margin-right: 4px;
	color: #f5e211;
}
.rating_r_1 i:first-child::before{content: "\f005";}
.rating_r_2 i:first-child::before{content: "\f005";}
.rating_r_2 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:first-child::before{content: "\f005";}
.rating_r_3 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:first-child::before{content: "\f005";}
.rating_r_4 i:nth-child(2)::before{content: "\f005";}
.rating_r_4 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:first-child::before{content: "\f005";}
.rating_r_5 i:nth-child(2)::before{content: "\f005";}
.rating_r_5 i:nth-child(3)::before{content: "\f005";}
.rating_r_5 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:nth-child(5)::before{content: "\f005";}

/*********************************
3. Header
*********************************/

.header
{
	position: relative;
	width: 100%;
	z-index: 10;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	height: 56px;
	background: #fafafa;
	border-bottom: solid 1px rgba(0,0,0,0.05);
	z-index: 2;
}
.header.scrolled .top_bar
{
	display: none;
}
.top_bar_contact
{
	display: inline-block;
}
.top_bar_contact_item
{
	font-size: 16px;
	font-weight: 300;
	line-height: 56px;
	margin-right: 40px;
}
.top_bar_contact_item:not(:first-child)
{
	margin-right: 0px;
}
.top_bar_contact_item a
{
	font-size: 16px;
	font-weight: 300;
	line-height: 56px;
	color: #000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.top_bar_contact_item a:hover
{
	color: #8a8a8a;
}
.top_bar_contact_item:last-child
{
	margin-right: 0px;
}
.top_bar_icon
{
	display: inline-block;
	margin-right: 14px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}
.top_bar_menu
{
	display: inline-block;
}

.top_bar_dropdown li
{
	padding-left: 13px;
	padding-right: 13px;
}
.standard_dropdown li
{
	display: inline-block;
	position: relative;
	height: 56px;
}
.standard_dropdown li li
{
	display: block;
	width: 100%;
}
.standard_dropdown li li a
{
	display: block;
	width: 100%;
	border-bottom: solid 1px #f2f2f2;
	font-size: 16px;
}
.standard_dropdown li:last-child a
{
	border-bottom: none;
}
.standard_dropdown li.hassubs > a i
{
	display: inline-block;
	margin-left: 5px;
}
.standard_dropdown li a
{
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	line-height: 56px;
	white-space: nowrap;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.standard_dropdown li a:hover
{
	color: #0e8ce4;
}
.standard_dropdown li a i
{
	display: none;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
	font-size: 12px;
}
.standard_dropdown li ul
{
	display: block;
	position: absolute;
	top: 120%;
	left: 0;
	width: auto;
	visibility: hidden;
	opacity: 0;
	background: #FFFFFF;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
.standard_dropdown li:hover > ul
{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.standard_dropdown ul ul
{
	left: 100%;
	top: 0 !important;
}
.top_bar_user
{
	display: inline-block;
	margin-left: 15px;
}
.user_icon
{
	display: inline-block;
	margin-right: 7px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
	width: 15px;
}
.user_icon img
{
	width: 100%;
}
.top_bar_user div
{
	display: inline-block;
}
.top_bar_user div:nth-child(2)
{
	margin-right: 21px;
}
.top_bar_user div:nth-child(2)::after
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -13px;
	width: 1px;
	height: 17px;
	background: rgba(0,0,0,0.1);
	content: '';
}
.top_bar_user a
{
	font-size: 16px;
	font-weight: 300;
	line-height: 56px;
	color: #000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.top_bar_user a:hover
{
	color: #8a8a8a;
}

/*********************************
3.2 Header Main
*********************************/

.header_main
{
	z-index: 1;
}
.header.scrolled .header_main
{
	display: none;
}
.header_main_item
{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.logo_container
{
	height: 175px;
}
.logo
{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.logo a
{
	font-size: 36px;
	font-weight: 500;
	color: #0e8ce4;
}
.header_search
{
	height: 175px;
}
.header_search_content
{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header_search_form_container
{
	width: 100%;
	height: 50px;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
}
.header_search_form
{
	width: 100%;
	height: 100%;
}
.header_search_input
{
	display: block;
	position: relative;
	width: calc((100% - 50px) * 0.601);
	height: 100%;
	line-height: 50px;
	border: none !important;
	outline: none !important;
	padding-left: 26px;
	color: #7f7f7f;
	float: left;
}
.header_search_input::-webkit-input-placeholder
{
	font-size: 16px !important;
	font-weight: 300;
	line-height: 50px;
	color: #a3a3a3 !important;
}
.header_search_input:-moz-placeholder /* older Firefox*/
{
	font-size: 16px !important;
	font-weight: 300;
	line-height: 50px;
	color: #a3a3a3 !important;
}
.header_search_input::-moz-placeholder /* Firefox 19+ */ 
{
	font-size: 16px !important;
	font-weight: 300;
	line-height: 50px;
	color: #a3a3a3 !important;
} 
.header_search_input:-ms-input-placeholder
{ 
	font-size: 16px !important;
	font-weight: 300;
	line-height: 50px;
	color: #a3a3a3 !important;
}
.header_search_input::input-placeholder
{
	font-size: 16px !important;
	font-weight: 300;
	line-height: 50px;
	color: #a3a3a3 !important;
}
.custom_dropdown
{
	width: calc((100% - 50px) * 0.399);
	height: 50px;
	float: left;
	padding-left: 26px;
}
.custom_dropdown::before
{
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 1px;
	height: 28px;
	background: #e5e5e5;
	content: '';
}
.custom_dropdown_list i
{
	display: inline-block;
	color: #a3a3a3;
	font-size: 10px;
	margin-left: 3px;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	-o-transform: translateY(-1px);
	transform: translateY(-1px);
}
.custom_dropdown_placeholder
{
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	color: #a3a3a3;
	line-height: 48px;
	cursor: pointer;
}
.custom_dropdown_placeholder i
{
	
}
.custom_list
{
	text-align: left;
	position: absolute;
	padding: 0;
	top: 75px;
	left: -15px;
	width: 280px;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: all 0.2s ease;
}
.custom_list.active
{
	visibility: visible;
	opacity: 1;
	top: 50px;
	box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
}
.custom_list li
{
	height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}
.custom_list li a
{
	display: block;
	color: #a3a3a3;
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: solid 1px #ededed;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.custom_list li a:hover
{
	color: #0e8ce4;
}
select
{
	display: inline;
	border: 0;
	width: auto;
	margin-left: 10px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-bottom: 2px solid #555;
	color: #7b00ff;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
select:hover
{
	cursor: pointer;
}
select option
{
	border: 0;
	border-bottom: 1px solid #555;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	background: #0e8ce4;
	border: none;
	outline: none;
	cursor: pointer;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.wishlist_cart
{
	height: 175px;
}
.wishlist
{
	margin-right: 50px;
}
.wishlist_icon img
{
	width: 100%;
}
.wishlist_content
{
	margin-left: 14px;
}
.wishlist_text a
{
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.wishlist_text a:hover
{
	color: #0e8ce4;
}
.wishlist_count
{
	margin-top: -2px;
	color: #a3a3a3;
	font-size: 14px;
}
.cart_count
{
	position: absolute;
	bottom: -1px;
	right: -14px;
	width: 23px;
	height: 23px;
	background: #0e8ce4;
	border-radius: 50%;
	text-align: center;
}
.cart_count span
{
	display: block;
	line-height: 23px;
	font-size: 12px;
	color: #FFFFFF;
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
}
.cart_icon img
{
	width: 100%;
}
.cart_content
{
	margin-left: 28px;
}
.cart_text a
{
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cart_text a:hover
{
	color: #0e8ce4;
}
.cart_price
{
	font-size: 14px;
	color: #a3a3a3;
	margin-top: -2px;
}

/*********************************
3.3 Main Navigation
*********************************/

.main_nav
{
	width: 100%;
	border-top: solid 1px #f2f2f2;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
	background: #FFFFFF;
}
.header.scrolled .main_nav
{
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav_content
{
	width: 100%;
	height: 60px;
}
.cat_menu_container
{
	width: 293px;
	height: 100%;
	background: #0e8ce4;
	padding-left: 35px;
	cursor: pointer;
	z-index: 1;
}
.cat_menu_title
{
	height: 100%;
}
.cat_burger
{
	width: 18px;
	height: 14px;
}
.cat_burger span
{
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FFFFFF;
}
.cat_burger span:nth-child(2)
{
	top: 6px;
}
.cat_burger span:nth-child(3)
{
	top: 12px;
}
.cat_menu_text
{
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 20px;
}
.cat_menu_container ul
{
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden;
	opacity: 0;
	min-width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease;
}
.cat_menu_container > ul
{
	padding-top: 13px;
}
.cat_menu_container:hover .cat_menu
{
	visibility: visible;
	opacity: 1;
}
.cat_menu li
{
	display: block;
	position: relative;
	width: auto;
	height: 46px;
	border-bottom: solid 1px #f2f2f2;
	padding-left: 35px;
	padding-right: 30px;
	white-space: nowrap;
}
.cat_menu li.hassubs > a i
{
	display: block;
}
.cat_menu li a
{
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 300;
	color: #000000;
	line-height: 46px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cat_menu li a:hover
{
	color: #0e8ce4;
}
.cat_menu li a i
{
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	font-size: 12px;
}
.cat_menu li ul
{
	display: block;
	position: absolute;
	top: 35px;
	left: 100%;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.1);
}
.cat_menu li:hover > ul
{
	top: 0;
	visibility: visible;
	opacity: 1;
}
.main_nav_dropdown li
{
	margin-right: 35px;
}
.main_nav_dropdown li:last-child
{
	margin-right: 0px;
}
.main_nav_dropdown li a
{
	font-size: 18px;
	font-weight: 400;
	color: #a19a9a;
	line-height: 60px;
}
.main_nav_dropdown li li
{
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 0px;
}
.menu_trigger_container
{
	display: none;
	width: auto;
	height: 100%;
	padding-right: 25px;
	padding-left: 25px;
	cursor: pointer;
}
.menu_trigger
{
	height: 100%;
}
.menu_burger_inner
{
	display: inline-block;
}
.menu_trigger_text
{
	display: inline-block;
	font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 16px;
}

/*********************************
3.4 Page Menu
*********************************/

.page_menu
{
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.page_menu_content
{
	height: 0px;
	background: #0e8ce4;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
.page_menu_search
{
	display: none;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page_menu_search_input
{
	width: 100%;
	height: 40px;
	background: #FFFFFF;
	border: none;
	outline: none;
	padding-left: 25px;
}
.page_menu_nav
{
	padding-top: 15px;
}
.page_menu_item
{
	display: block;
	position: relative;
	border-bottom: solid 1px rgba(255,255,255,0.1);
	vertical-align: middle;
}
.page_menu_item > a
{
	display: block;
	color: #FFFFFF;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.page_menu_item > a:hover
{
	color: #b5aec4;
}
.page_menu_item a i
{
	display: none;
	margin-left: 8px;
}
.page_menu_item.has-children > a > i
{
	display: inline-block;
}
.page_menu_selection
{
	margin: 0;
	width: 100%;
	height: 0px;
	overflow: hidden;
	z-index: 1;
}
.page_menu_selection li
{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 50px;
}
.page_menu_selection li a
{
	display: block;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.1);
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
}
.page_menu_selection li a:hover
{
	color: #b5aec4;
}
.page_menu_selection li:last-child a
{
	border-bottom: none;
}
.menu_contact_item
{
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	line-height: 56px;
	margin-right: 40px;
	color: #FFFFFF;
}
.menu_contact_item:not(:first-child)
{
	margin-right: 0px;
}
.menu_contact_item a
{
	font-size: 12px;
	font-weight: 300;
	line-height: 56px;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_contact_item a:hover
{
	color: #8a8a8a;
}
.menu_contact_item:last-child
{
	margin-right: 0px;
}
.menu_contact_icon
{
	display: inline-block;
	margin-right: 14px;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
	transform: translateY(-2px);
}

/*********************************
4. Cart
*********************************/

.cart_section
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 111px;
}
.cart_title
{
	font-size: 30px;
	font-weight: 500;
}
.cart_items
{
	margin-top: 67px;
}
.cart_list
{
	border: solid 1px #e8e8e8;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
}
.cart_item
{
	width: 100%;
	padding: 15px;
	padding-right: 46px;
}
.cart_item_image
{
	width: 133px;
	height: 133px;
	float: left;
}
.cart_item_image img
{
	max-width: 100%;
}
.cart_item_info
{
	width: calc(100% - 133px);
	float: left;
	padding-top: 18px;
}
.cart_item_name
{
	margin-left: 7.53%;
}
.cart_item_title
{
	font-size: 14px;
	font-weight: 400;
	color: rgba(0,0,0,0.5);
}
.cart_item_text
{
	font-size: 18px;
	margin-top: 35px;
}
.cart_item_text span
{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 11px;
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
}
.cart_item_price
{
	text-align: right;
}
.cart_item_total
{
	text-align: right;
}
.order_total
{
	width: 100%;
	height: 60px;
	margin-top: 30px;
	border: solid 1px #e8e8e8;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	padding-right: 46px;
	padding-left: 15px;
}
.order_total_title
{
	display: inline-block;
	font-size: 14px;
	color: rgba(0,0,0,0.5);
	line-height: 60px;
}
.order_total_amount
{
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	margin-left: 13px;
	line-height: 60px;
}
.order_total_without_discount
{
	text-decoration: line-through;
	color: #acacbe;
	display: none;
	font-size: 18px;
	font-weight: 500;
	margin-left: 26px;
	line-height: 60px;
}
.cart_buttons
{
	margin-top: 60px;
	text-align: right;
}
.cart_button_clear
{
	display: inline-block;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    color: rgba(0,0,0,0.5);
    background: #FFFFFF;
    border: solid 1px #b2b2b2;
    padding-left: 35px;
    padding-right: 35px;
    outline: none;
    cursor: pointer;
    margin-right: 26px;
}
.cart_button_clear:hover
{
	border-color: #0e8ce4;
	color: #0e8ce4;
}
.cart_button_checkout
{
	display: inline-block;
    border: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
    padding-left: 35px;
    padding-right: 35px;
    outline: none;
    cursor: pointer;
    vertical-align: top;
}

/*********************************
5. Newsletter
*********************************/

.newsletter
{
	width: 100%;
	background: #fafafa;
	padding-top: 60px;
	padding-bottom: 60px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
}
.newsletter_container
{
	width: 100%;
}
.newsletter_title_container
{
	width: 40%;
	padding-left: 95px;
}
.newsletter_icon
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}
.newsletter_title
{
	font-size: 18px;
	color: #000000;
}
.newsletter_text p:last-child
{
	margin-bottom: 0;
}
.newsletter_icon img
{
	max-width: 100%;
}
.newsletter_content
{
	width: 60%;
}
.newsletter_form
{
	position: relative;
	width: 569px;
	float: left;
}
.newsletter_input
{
	width: 100%;
	height: 50px;
	background: #FFFFFF;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
	padding-left: 25px;
	font-size: 16px;
	outline: none;
	color: #0e8ce4;
}
.newsletter_input:focus
{
	border: solid 1px rgba(14, 140, 228, 0.3);
	box-shadow: 0px 1px 5px rgba(14, 140, 228, 0.3);
}
.newsletter_input::-webkit-input-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_input:-moz-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_input::-moz-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
} 
.newsletter_input:-ms-input-placeholder
{ 
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_input::input-placeholder
{
	font-size: 16px;
	color: rgba(0,0,0,0.3);
}
.newsletter_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 153px;
	height: 50px;
	background: #0e8ce4;
	color: #FFFFFF;
	line-height: 50px;
	font-size: 18px;
	border: none;
	outline: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}
.newsletter_button:hover
{
	opacity: 0.8;
}
.newsletter_unsubscribe_link
{
	float: right;
	text-align: right;
	height: 50px;
}
.newsletter_unsubscribe_link a
{
	font-size: 10px;
	color: #0e8ce4;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 50px;
}
.newsletter_unsubscribe_link a:hover
{
	color: #0d82d3;
}

/*********************************
6. Footer
*********************************/

.footer
{
	padding-top: 52px;
	padding-bottom: 40px;
}
.footer .logo_container
{
	height: auto;
	margin-bottom: 18px;
	margin-top: -10px;
}
.footer .logo
{
	top: auto;
	-webkit-transform: transform: none;
    -moz-transform: transform: none;
    -ms-transform: transform: none;
    -o-transform: transform: none;
    transform: none;
}
.footer .logo a
{
	color: #000000;
}
.footer_title
{
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}
.footer_phone
{
	font-size: 18px;
	font-weight: 500;
	color: #0e8ce4;
	margin-top: 13px;
}
.footer_contact_text
{
	margin-top: 10px;
}
.footer_contact_text p
{
	margin-bottom: 0px;
}
.footer_social
{
	margin-top: 27px;
}
.footer_social ul li
{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #fafafa;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	margin-right: 16px;
	text-align: center;
}
.footer_social ul li i
{
	color: #000000;
	line-height: 30px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:hover i
{
	color: #0e8ce4;
}
.footer_subtitle
{
	font-size: 12px;
	color: #000000;
}
.footer_column ul:first-of-type
{
	margin-top: 21px;
}
.footer_column ul
{
	margin-top: 7px;
}
.footer_list li
{
	margin-bottom: 6px;
}
.footer_list li a
{
	font-size: 12px;
	font-weight: 500;
	color: rgba(0,0,0,0.4);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_list li a:hover
{
	color: #0e8ce4;
}
.footer_list_2
{
	margin-top: 42px !important; 
}

.copyright
{
	width: 100%;
	background: #fafafa;
}
.copyright_container
{
	width: 100%;
	height: 56px;
}
.copyright_content
{
	font-size: 12px;
	color: rgba(0,0,0,0.6);
}
.copyright_content span
{
	font-weight: 500;
}
.logos
{
	
}
.logos_list li
{
	display: inline-block;
	margin-right: 16px;
}
.logos_list li:last-child
{
	margin-right: 0px;
}

.cart-modal-full-size .modal-dialog {
	max-width: none; /* Убираем максимальную ширину, если нужно */
}

.cart-modal-full-size .modal-content {
	width: auto; /* Устанавливаем ширину содержимого по размеру внутреннего блока */
	min-width: 300px; /* Минимальная ширина, если нужно */
}

/* Для адаптации размера модального окна под .cart_section */
.cart-modal-full-size .cart_section {
	max-width: 100%; /* Максимальная ширина будет 100% от .modal-content */
}
.modal-lg {
	width: 75% !important; /* Максимальная ширина будет 100% от .modal-content */
}

.cart_item {
	/*display: flex; !* Это обеспечивает гибкую раскладку *!*/
	align-items: center; /* Это выравнивает дочерние элементы по центру по вертикали */
	justify-content: start; /* Это выравнивает дочерние элементы в начале по горизонтали */
}

.cart_item_image {
	/* Убедитесь, что у изображения нет выравнивания, которое могло бы нарушить flexbox выравнивание */
	margin-top: 3%; /* Удалите это свойство, если оно есть */
	max-width: 100%; /* Предполагая, что вы хотите ограничить ширину изображения */
	flex-shrink: 0; /* Предотвращает сжатие изображения, если не хватает места */
}

.cart_item_info {
	/* Если у вас есть отдельный контейнер для информации о товаре */
	display: flex;
	flex-direction: column; /* Ставит элементы в колонку */
	justify-content: center;
	padding-left: 15px; /* Добавьте отступ, если нужно */
}

/* Стили для мобильных устройств */
@media (max-width: 767px) {
	.custom-modal-dialog .modal-dialog {
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center; /* Центрируем модальное окно по вертикали */
	}
	.custom-modal-dialog .modal-content {
		height: 100%;
		border-radius: 0;
		overflow-y: auto; /* При необходимости добавьте прокрутку */
	}
	.modal-lg {
		width: 100% !important; /* Максимальная ширина будет 100% от .modal-content */
	}
}

.cart_item_info {
	display: flex;
	align-items: center;
}

.cart_item_title, .cart_item_text {
	display: block; /* или flex, если вы хотите использовать flexbox свойства внутри */
}

.cart_item_quantity .cart_item_text,
.cart_item_total .cart_item_text {
	display: flex;
	align-items: center;
}

.cart_item_quantity .cart_item_text {
	justify-content: center;
}

.minus-btn, .plus-btn {
	cursor: pointer;
	margin: 0 10px;
}

.price-input {
	display: inline-block;
	margin: 0 10px; /* Вы можете настроить отступы по вашему вкусу */
	width: 40px; /* или другой размер, который подходит для вашего дизайна */
	text-align: center;
}

.cart_item_name {
	max-width: 400px; /* Адаптируйте ширину под ваш дизайн */
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
.cart_item_total .cart_item_text {
	text-align: right;
}

@media (max-width: 768px) {
	.cart_item_name {
		max-width: 250px; /* Больше места на меньших экранах */
		white-space: normal;
	}

	.cart_item_total .cart_item_text {
		text-align: left; /* Или center, в зависимости от того, как вы хотите выровнять на мобильных устройствах */
	}
}

@media (max-width: 768px) { /* Для мобильных устройств */
	.cart_item_image {
		text-align: center !important; /* Центрирование содержимого блока с изображением */
	}

	.cart_item_image img {
		max-width: 100%; /* Ограничение ширины изображения */
		height: auto; /* Автоматическая высота для поддержания пропорций */
		display: inline-block; /* Для возможности центрирования текстом */
	}
	.cart_item .cart_item_title {
		text-align: center; /* Центрирование заголовков */
		display: block; /* Блочное отображение для занимания всей ширины */
		margin: 10px 0; /* Отступы для визуального разделения */
	}

	.cart_item_text {
		text-align: center; /* Центрирование текста внутри каждого элемента */
	}
	.cart_section {
		padding: 15px; /* Установка одинаковых отступов для всего раздела корзины */
	}

	.cart_item {
		margin-bottom: 15px; /* Дополнительное пространство между элементами списка */
	}

	.cart_item_info {
		padding: 0; /* Убираем внутренние отступы для элементов информации */
	}

	.cart_item_image, .cart_item_name, .cart_item_quantity, .cart_item_total {
		margin-bottom: 10px; /* Отступы между рядами внутри элемента корзины */
	}
}
/*.original-price {*/
/*	text-decoration: line-through;*/
/*	color: #999;*/
/*}*/

/*.wholesale-price {*/
/*	font-weight: bold;*/
/*	color: #333;*/
/*}*/

.order_total_discount {
	font-size: 0.9em;
	color: #d9534f;
	text-align: right;
	display: block;
	justify-content: flex-end;
	align-items: center;
}

.order_total_discount span {
	margin-left: 5px; /* Регулируйте это значение по необходимости */
}

@media (max-width: 768px) {
	.cart_items table {
		width: 100%;
		display: block;
	}
	.cart_items thead {
		display: none; /* Скрыть заголовки на мобильных устройствах */
	}
	.cart_items tbody tr {
		display: block;
		margin-bottom: 10px;
	}
	.cart_items td {
		display: block;
		width: 100%;
		text-align: right;
	}
	.cart_buttons {
		text-align: center;
	}
	.cart_items {
		display: block;
	}

	.cart_items .cart_item {
		display: flex;
		flex-direction: column;
	}

	.cart_item_name, .cart_item_total, .cart_item_quantity {
		text-align: center;
		margin-bottom: 10px;
	}
	.discount-description {
		font-size: 0.75em; /* Еще меньше размер шрифта для мобильных устройств */
	}

	/* Стили для блока "К оплате" и "Скидка" */
	/* Сброс стилей для мобильной версии */
	.order_total .order_total_content,
	.order_total_title,
	.order_total_amount,
	.order_total_without_discount,
	.order_total_discount {
		text-align: left; /* Сбрасываем выравнивание по центру */
		width: auto; /* Сбрасываем ширину до автоматической */
	}

	/* Стили для блока "К оплате" и "Скидка" на мобильной версии */
		.order_total .order_total_content {
			flex-direction: column;
			align-items: flex-start; /* Выравниваем элементы слева */
		}

		.order_total_title {
			order: 1; /* Устанавливаем порядок вывода */
			margin-bottom: 0.5em; /* Добавляем отступ снизу для заголовка */
		}

		.order_total_without_discount,
		.order_total_amount {
			order: 2; /* Устанавливаем порядок вывода */
			font-size: 1em; /* Устанавливаем желаемый размер шрифта */
			font-weight: bold; /* Делаем шрифт жирным */
		}

		.order_total_discount {
			order: 3; /* Устанавливаем порядок вывода */
			font-size: 0.8em; /* Уменьшаем размер шрифта */
			color: #e85c41; /* Цвет текста скидки */
			margin-top: 0.25em; /* Добавляем отступ сверху для скидки */
			width: 100%; /* Занимаем всю доступную ширину */
			text-align: right;
		}

		/* Стили для блока "Продолжить" и "Оформить заказ" */
		.cart_buttons {
			display: flex;
			flex-direction: column;
			width: 100%;
		}

		.button.cart_button_clear,
		.button.cart_button_checkout {
			width: 100%; /* Занимаем всю доступную ширину */
			margin-bottom: 0.5em; /* Добавляем отступ снизу для кнопок */
		}

}

.cart_items .cart_item {
	vertical-align: middle;
}

.cart_item_image {
	width: 25%;
	height: auto;
	object-fit: contain; /* Это сохранит пропорции изображения */
}

.cart_item_name .cart_item_quantity {
	display: flex;
	align-items: center; /* Выровнять текст по вертикали */
	height: 100%; /* Высота равна высоте ячейки */
}

.cart_item_name .cart_item_text {
	font-size: 1.2em; /* Увеличение шрифта */
	margin-left: 2%;
}

.cart_item_total .cart_product_price {
	font-size: 1.2em; /* Увеличение шрифта */
	text-align: right;
}

.cart_product_price .discount-price {
	display: block; /* Перенос на новую строку */
}

.cart_product_price .original-price {
	color: #e85c41; /* Цвет для цены со скидкой */
	display: block; /* Перенос на новую строку */
}

.discount-description {
	text-align: center; /* Выравнивание текста по центру */
	color: #808080; /* Серый цвет текста */
	font-size: 0.85em; /* Уменьшенный размер шрифта, EM - относительная единица */
	margin: 0; /* Удаление внешних отступов */
	padding: 0.5em 0; /* Внутренние отступы сверху и снизу для дополнительного пространства */
}

.default-form {
	min-width: 300px;
}

.top_bar_user .user_profile {
	position: relative;
}

.top_bar_user .user_profile_name {
	cursor: pointer;
	display: inline-block;
}

.top_bar_user .user_profile_menu {
	display: none;
	position: absolute;
	right: 0;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #e1e1e1;
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	padding-top: 5px;
}

.top_bar_user .user_profile:hover .user_profile_menu {
	display: block;
}

.top_bar_user .user_profile_menu li {
	padding: 10px;
	width: 200px; /* Установите нужную ширину */
}

.top_bar_user .user_profile_menu li:not(:last-child) {
	border-bottom: 1px solid #e1e1e1;
}

.top_bar_user .user_profile_menu li a {
	color: #333;
	text-decoration: none;
	display: block;
}

.top_bar_user .user_profile_menu li form .logout {
	background: none;
	border: none;
	padding: 0;
	color: #e85c41;
	cursor: pointer;
}

.top_bar_user .user_profile_menu li form {
	padding: 0;
	margin: 0;
}

/* === Cart modal layout (UI/UX pass) ===================================
   Align the product row (image left + name vertically centred), tidy the
   column rhythm, enlarge the total and the remove control. Scoped to
   #cart-modal so the standalone cart page is untouched. */
#cart-modal .cart_title { margin-bottom: 6px; }
#cart-modal .cart_items { margin-top: 24px; }
#cart-modal .cart_items thead th {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: #8a8a8a;
	border-bottom: 1px solid #ececec;
	padding-bottom: 12px;
}
#cart-modal .cart_items td {
	vertical-align: middle;
	padding: 16px 8px;
	border-bottom: 1px solid #f1f1f1;
}

/* product cell: image left, name vertically centred beside it */
#cart-modal .cart_item_product { display: flex; align-items: center; gap: 16px; }
#cart-modal .cart_item_image {
	width: 72px;
	height: 72px;
	float: none;
	margin: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}
#cart-modal .cart_item_image img { max-width: 100%; max-height: 100%; object-fit: contain; }
#cart-modal .cart_item_name { margin: 0; max-width: 340px; }
#cart-modal .cart_item_text { margin: 0; font-size: 15px; line-height: 1.35; }
#cart-modal .cart_item_text a { color: #1f6fb2; font-weight: 500; }

/* quantity column */
#cart-modal .cart_item_quantity { text-align: center; }
#cart-modal .cart_item_quantity .price-input {
	width: 72px !important;
	height: 40px;
	text-align: center;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
}
#cart-modal .discount-description {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	color: #2e7d32;
	line-height: 1.3;
}

/* total column */
#cart-modal .cart_item_total {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
#cart-modal .cart_item_total .original-price { font-size: 17px; font-weight: 700; }
#cart-modal .cart_item_total .discount-price { display: block; font-size: 13px; }

/* remove control — larger, clearer tap target */
#cart-modal .cart_item .fa-times {
	cursor: pointer;
	color: #b5b5b5;
	font-size: 18px;
	padding: 8px;
	transition: color .15s ease;
}
#cart-modal .cart_item .fa-times:hover { color: #e53637; }

/* order total bar */
#cart-modal .order_total {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	height: auto;
	min-height: 64px;
	margin-top: 24px;
	padding: 16px 22px;
	background: #fafafa;
	border: 1px solid #ededed;
	border-radius: 8px;
	box-shadow: none;
}
#cart-modal .order_total_title { line-height: 1; font-size: 15px; }
#cart-modal .order_total_without_discount { line-height: 1; margin-left: 0; }
#cart-modal .order_total_amount {
	color: #0e8ce4;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	margin-left: 6px;
	font-variant-numeric: tabular-nums;
}
#cart-modal .order_total_discount { line-height: 1.2; }

/* footer buttons */
#cart-modal .cart_buttons {
	margin-top: 28px;
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	align-items: center;
}

/* Constrain the modal and fully contain its content so table columns and the
   total bar can never spill outside the dialog (table-layout:fixed + the inner
   Bootstrap .container/.row neutralised are what actually stop the overflow). */
#cart-modal.cart-modal-full-size .modal-dialog,
#cart-modal .modal-dialog,
#cart-modal .modal-dialog.modal-lg {
	width: 100% !important;
	max-width: 940px !important;
	margin: 1.75rem auto !important;
}
@media (max-width: 992px) {
	#cart-modal.cart-modal-full-size .modal-dialog,
	#cart-modal .modal-dialog,
	#cart-modal .modal-dialog.modal-lg {
		max-width: 96vw !important;
	}
}
#cart-modal .modal-content {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden;
}
#cart-modal .modal-body { overflow-x: hidden; }
#cart-modal .cart_section {
	width: 100% !important;
	max-width: 100% !important;
	padding: 24px 28px !important;
	overflow-x: hidden;
}
#cart-modal .cart_section .container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
#cart-modal .cart_section .row { margin: 0 !important; }
#cart-modal .cart_section .col-lg-10.offset-lg-1 {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	padding: 0 !important;
}
#cart-modal .cart_items {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed;
	margin-left: 0;
	margin-right: 0;
	display: table !important;
}
/* Undo the older un-scoped "stacked card" mobile rules (display:block/flex,
   thead:none) so this table keeps real table semantics — the fixed-percentage
   columns below only work as designed on a genuine table/tr/td box model. */
#cart-modal .cart_items thead { display: table-header-group !important; }
#cart-modal .cart_items tbody { display: table-row-group !important; }
#cart-modal .cart_items tr { display: table-row !important; }
#cart-modal .cart_items td,
#cart-modal .cart_items th {
	display: table-cell !important;
	word-break: break-word;
	overflow-wrap: break-word;
}
#cart-modal .cart_item_text a { word-break: break-word; }
/* Sensible column proportions (override the inline th widths). */
#cart-modal .cart_items th:nth-child(1),
#cart-modal .cart_items td:nth-child(1) { width: 46% !important; }
#cart-modal .cart_items th:nth-child(2),
#cart-modal .cart_items td:nth-child(2) { width: 16% !important; text-align: center; }
#cart-modal .cart_items th:nth-child(3),
#cart-modal .cart_items td:nth-child(3) { width: 26% !important; text-align: right; }
#cart-modal .cart_items th:nth-child(4),
#cart-modal .cart_items td:nth-child(4) { width: 12% !important; text-align: center; }
@media (max-width: 480px) {
	#cart-modal .cart_section { padding: 16px !important; }
	#cart-modal .cart_item_image { width: 48px; height: 48px; }
	#cart-modal .cart_item_product { gap: 8px; }
	#cart-modal .cart_item_text { font-size: 13px; }
	#cart-modal .cart_items th:nth-child(1),
	#cart-modal .cart_items td:nth-child(1) { width: 52% !important; }
	#cart-modal .cart_items th:nth-child(2),
	#cart-modal .cart_items td:nth-child(2) { width: 18% !important; }
	#cart-modal .cart_items th:nth-child(3),
	#cart-modal .cart_items td:nth-child(3) { width: 20% !important; }
	#cart-modal .cart_items th:nth-child(4),
	#cart-modal .cart_items td:nth-child(4) { width: 10% !important; }
}
#cart-modal .order_total {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}
/* ===================================================================== */