/**
 * @package    HikaShop for Joomla!
 * @version    4.5.1
 * @author     hikashop.com
 * @copyright  (C) 2010-2022 HIKARI SOFTWARE. All rights reserved.
 * @license    GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 */
/** TEst */

/* J6 YOOtheme build no longer ships the Bootstrap .thumbnail class the J3 theme relied on for the card border */
.thumbnail{display:block;padding:4px;line-height:20px;border:1px solid rgba(38,36,76,.2);border-radius:4px;transition:all .2s ease-in-out}
.thumbnail:hover{border-color:#82a0b5}
.thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:auto}

/* add template fonts to hikashop */

@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url(../templates/yootheme/fonts/font-9a9663cd.woff2) format('woff2'), url(../fonts/font-c93f8b63.woff) format('woff'); }
@font-face {font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(../templates/yootheme/fonts/font-5a0c41a5.woff2) format('woff2'), url(../fonts/font-e9714e1c.woff) format('woff'); }
@font-face {font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url(../templates/yootheme/fonts/font-22f0aa10.woff2) format('woff2'), url(../fonts/font-2c233f89.woff) format('woff'); }

div.hikashop_footer {
	padding-top: 20px;
	clear: both;
	padding-bottom: 20px
}

div.hikashop_category_image {
	clear: both;
}

img.hikashop_category_image {
	margin: 4px;
}

.invalid {
	border: 5px solid
}

table.hikashop_subcategories_table tr td {
	text-align: center;
}

#hikashop_subcategories div {
	text-align: center;
}

.hikashop_subcategories,
.hikashop_products {
	clear: both;
}

.hikashop_category_list {
	margin: 0px;
}

.hikashop_category_left_part {
	text-align: center;
}

.hikashop_product_stock table tr,
.hikashop_product_stock table td {
	border: 0px !important;
}

.hikashop_category_right_part {
	padding-left: 1px;
}

.hikashop_product_list,
.hikashop_category_list {
	display: inline-block;
	list-style-type: none;
	text-align: left;
}

.hikashop_subcontainer {
	padding-top: 10px;
	padding-bottom: 10px;
}

.hikashop_product_item_left_part {
	text-align: center;
}

.hikashop_product_item_right_part {
	margin-right: 20px;
	margin-left: 20px;
}

.hikashop_product_image {
	padding-bottom: 2px;
	max-height: 250px;
	overflow: hidden;
}

/* =====================================================================
   SWG — HikaShop native badge image ("New product" ribbon)  ·  2026-07-28
   ---------------------------------------------------------------------
   The <img class="hikashop_product_badge_image"> HikaShop renders (Catalog
   > Products > Badges) has no CSS sizing at all by default — it displays at
   whatever raw pixel size the server-generated thumbnail happens to be.
   That thumbnail's size used to come from the badge's "Size" % field, which
   is computed against each TEMPLATE's own product-photo box width (300px
   on the category grid, ~400px on the product page, etc.) — so the same
   "50%" setting produced a different-looking badge on every page, and
   because the source badge image is only 162×162px, several of those
   per-page pixel targets ended up close to (or larger than) that native
   size, defeating the setting almost entirely.
   Badge is now configured with "Keep original size" enabled in the admin
   (badge_keep_size=1), so HikaShop always serves the untouched source file
   — one consistent input on every page — and sizing is handled here
   instead, so it's uniform everywhere and independent of any template's
   photo box size. 30% confirmed visually against the category grid. */
.hikashop_product_badge_image {
	width: 30%;
	height: auto;
}

div.hikashop_subcontainer_border {
	border: 1px solid #eee;
}

div.hikashop_subcontainer_border::hover {
	box-shadow: 0px 1px 4px #ddd
}

.hikashop_container .thumbnail:hover {
	box-shadow: 0px 1px 4px #ccc;
	transition: all 0.2s ease-in-out 0s;
}

div.hikashop_product_listing_custom_item {
	padding-bottom: 10px;
}

.hikashop_product_top_part {
	width: 100%;
}

.hikashop_product_left_part {
	text-align: center;
	float: left;
	width: 50%;
}

@media (max-width:992px) {
	.hikashop_product_left_part {
		width: 100%;
	}
}

.hikashop_product_main_image_thumb {
	margin-bottom: 5px;
	height: 100% !important;
}

.hikashop_product_right_part {
	float: left;
	padding-left: 1px;
}

div#hikashop_product_right_part {
	display: flex;
	flex-direction: column;
}

div#hikashop_product_characteristics {
	order: 2;
}

span#hikashop_product_price_main {
	margin: 1rem 0;
	order: 4;
}

span#hikashop_product_price_with_options_main {
	order: 4;
}

div#hikashop_product_quantity_main {
	order: 5;
}

#hikashop_product_price_main .hikashop_product_price_full {
	text-align: left;
	margin: 10px 0px
}

#hikashop_product_right_part .hikashop_cart_input_button {
	margin-left: 0px
}

.hikashop_product_characteristic_chooser {
	text-align: center;
}

.hikashop_product_variant_out_of_stock {
	display: none;
}

.hikashop_product_variant_out_of_stock_span {
	background-image: url(../images/delete2.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	display: block;
}

.hikashop_product_quantity_field {
	width: 25px;
}

a.hikashop_product_quantity_field_change,
a.hikashop_product_quantity_field_change:hover {
	text-decoration: none;
	margin: 5px;
	color: #666;
	font-weight: bold;
}

#hikashop_affiliate_main fieldset.adminform legend {
	margin: 0px;
	padding: 0px 3px;
	border: 0px solid;
	width: auto;
}

#hikashop_affiliate_main fieldset.adminform legend {
	position: relative;
	float: none;
	top: 0px !important;
}

div#hikashop_product_left_part div {
	text-align: center;
}

img.hikashop_child_image {
	margin: 2px;
	height: 90px;
}

#hikashop_product_top_part h1 {
	font-size: 16px;
	color: #555555;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4px;
	margin-bottom: 20px
}

#hikashop_product_description_main {
	color: #666
}


.hikashop_product_name {
	font-size: 12px;
	line-height: 1.4;
	font-family: 'Montserrat';
	font-weight: 'normal';
	/* letter-spacing: 1.5px; */
	order: 2;
	text-transform: uppercase;
	margin: 1rem 0;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #ddd !important;
	min-height: 2rem;
}

.hikashop_product_name a {
	color: #26244c;
	text-decoration: none;
	display: block;
}

.hikashop_product_name a:hover {
	color: #82a0b5;
	text-decoration: none;
}

.hikashop_product_code_list {
	order: 4;
	padding: 1rem 0;
}

.hikashop_product_code_list a {
	color: #666;
	text-decoration: none;
	font-size: 12px
}

.hikashop_category_name a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
	display: block
}

.hikashop_category_name a:hover {
	color: #82a0b5;
}

span.hikashop_product_price,
.hikashop_checkout_cart_additional,
.hikashop_checkout_cart_payment,
.hikashop_checkout_cart_coupon,
.hikashop_checkout_cart_additional {
	color: #82a0b5;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif !important;
	white-space: nowrap;
}

span.hikashop_product_price_before_discount {
	color: black;
}

span.hikashop_product_discount {
	white-space: nowrap;
}

span.hikashop_product_price_full {
	color: #82a0b5;
	font-size: 12px;
	line-height: 1.4;
	font-family: 'Montserrat';
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-top: 0.5rem;
}

.hikashop_product_price_full {
	text-align: right
}

.hikashop_cart_product_quantity_value .hikashop_product_quantity_field,
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_refresh,
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete {
	float: left;
	margin-right: 5px;
}

.hikashop_checkout_cart table .row0:hover,
.hikashop_checkout_cart table .row1:hover {
	background-color: #f8f8f8
}

.hikashop_checkout_cart table {
	border-collapse: collapse
}

.hikashop_checkout_cart td {
	padding: 10px
}

.hikashop_checkout_cart thead tr {
	font-weight: bold;
	font-size: 12px;
	color: #555555
}

.hikashop_checkout_cart thead th {
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
}

.hikashop_checkout_cart tfoot td {
	padding: 5px 10px 5px 5px;
	text-align: right
}

.hikashop_checkout_cart hr {
	background-color: #ddd
}

#hikashop_checkout_terms label {
	display: inline;
}


.table th.hikashop_cart_product_price_title,
.table th.hikashop_cart_product_quantity_title,
.table th.hikashop_cart_product_total_title {
	text-align: right
}

.table th.hikashop_cart_product_quantity_title {
	text-align: center
}

span.hikashop_checkout_cart_coupon {
	font-weight: bold;
}

span.hikashop_checkout_cart_shipping {
	font-weight: bold;
}

span.hikashop_checkout_cart_payment {
	font-weight: bold;
}

span.hikashop_checkout_cart_taxes {
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	color: #82a0b5;
	font-family: 'Montserrat', sans-serif !important;
}

span.hikashop_checkout_cart_final_total {
	font-weight: bold;
	/* color: #82a0b5; */
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px;
}

#hikashop_checkout_cart_final_total_title {
	color: #333;
	font-weight: bold;
	font-size: 12px;
}

.hikashop_cart_module_product_total_title {
	text-align: right;
}

.hikashop_cart_module_product_total_value span.hikashop_product_price,
.hikashop_cart_value span.hikashop_product_price,
.hikashop_cart_value span.hikashop_product_price_full,
.hikashop_cart_module_product_total_value span.hikashop_product_price_full {
	text-align: left;
}

.hikashop_cart_title {
	white-space: nowrap;
}

tr.hikashop_checkout_payment_ccinfo td {
	padding: 0px;
}

#hikashop_checkout_cart tfoot tr {
	border: 0px;
}

#hikashop_checkout_cart tfoot tr td.hikashop_cart_empty_footer {
	border: 0px;
}

.pagenav {
	cursor: pointer;
}

.list-footer li {
	list-style-type: none;
	display: inline;
}


.hikashop_cart .hikashop_cart_product_name a {
	font-weight: bold;
}

.hikashop_cart_product_name a {
	color: #666;
	text-decoration: none;
	font-size: 12px
}

.hikashop_cart_product_name a:hover {
	color: #82a0b5
}

.hikashop_cart_product_name_value {
	width: 40%;
}


.hikashop_cart_title {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
}

.hikashop_small_cart_checkout_link,
.hikashop_small_cart_clean_link,
.hikashop_small_cart_total_title span,
.hikashop_small_cart_total_title span span,
.hikashop_small_cart_total_title span span span {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-bottom: 0px;

}

.hikashop_small_cart_total_title {
	display: inline-flex;
	align-items: center;
	position: static !important;
	transform: none !important;
	white-space: nowrap;
}

.hikashop_small_cart_checkout_link {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.badge {
	display: inline-block;
	max-width: 0.5em;
	/* em unit */
	padding: .3em;
	/* em unit */
	border-radius: 50%;
	font-size: 75px;
	text-align: center;
	color: #fefefe;
}

.add-icon-cart i {
	/* border: 1px solid #82a0b5 !important; */

}


#hikashop_checkout_next_button {
	float: right;
}

#hikashop_checkout_shopping_button {
	float: left;
}

.hikashop_submodules {
	padding-top: 30px;
}

a.hikashop_cart_button,
a.hikashop_compare_button,
.hikashop_cart_input_button {
	text-decoration: none;
	color: #777777 !important;
	cursor: pointer;
	display: inline-block;
	line-height: 18px;
	margin: 5px;
	padding: 3px 8px;
	text-align: center;
	box-shadow: none !important;
	text-shadow: none !important;
	border: 1px solid;
	border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;
	border-radius: 3px;
	background-color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eee));
	background: -webkit-linear-gradient(top, #ffffff, #eee);
	background: -moz-linear-gradient(top, #ffffff, #eee);
	background: -o-linear-gradient(top, #ffffff, #eee);
	background: linear-gradient(top, #ffffff, #eee);
}

a.hikashop_cart_button:hover,
a.hikashop_compare_button:hover,
.hikashop_cart_input_button:hover {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	display: inline-block;
	outline: none;
	border: 1px solid;
	border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;
	text-decoration: none;
	background-color: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
	background: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
	background: -moz-linear-gradient(top, #ffffff, #f8f8f8);
	background: -o-linear-gradient(top, #ffffff, #f8f8f8);
	background: linear-gradient(top, #ffffff, #f8f8f8);
}

.hikashop_subcontainer br {
	display: none
}


#hikashop_order_listing a.hikashop_cart_button,
#hikashop_order_listing a.hikashop_cart_button:hover,
#hikashop_checkout_login a.hikashop_cart_button,
#hikashop_checkout_login a.hikashop_cart_button:hover,
a.hikashop_compare_button,
a.hikashop_compare_button:hover {
	float: none;
}

.hikashop_products a.hikashop_cart_button,
.hikashop_products a.hikashop_cart_button:hover,
#hikashop_checkout_coupon a.hikashop_cart_button,
#hikashop_checkout_coupon a.hikashop_cart_button:hover {
	float: none;
	width: 100px;
}

#hikashop_checkout_coupon {
	color: #555555;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
}

#hikashop_checkout_coupon input {
	margin: 0px 4px;
	padding: 3px 6px;
	color: #666
}

#hikashop_button_1 div.hikashop_container,
#hikashop_button_2 div.hikashop_container,
#hikashop_button_3 div.hikashop_container {
	cursor: pointer;
}

#hikashop_button_1 div.hikashop_subcontainer,
#hikashop_button_2 div.hikashop_subcontainer,
#hikashop_button_3 div.hikashop_subcontainer,
#hikashop_order_listing div.hikashop_subcontainer {
	text-align: center;
}

.hikashop_cart_bar {
	background: url(../images/line.png) repeat-x scroll 100% 50% transparent;
	padding-bottom: 0;
	padding-top: 43px;
	margin-bottom: 30px;
}

#hikashop_checkout_page div.hikashop_cart_bar {
	text-align: center;
}

#hikashop_checkout_page .hikashop_cart_step.hikashop_cart_step_current {
	-moz-background-inline-policy: continuous;
	background: url("../images/current_step.png") no-repeat scroll 50% 0px transparent;
	color: #363636;
}

#hikashop_checkout_page .hikashop_cart_step.hikashop_cart_step_finished {
	-moz-background-inline-policy: continuous;
	background: url("../images/finished_step.png") no-repeat scroll 50% 0px transparent;
	color: #363636;
}

#hikashop_checkout_page div.hikashop_cart_step span {
	position: relative;
	left: 4%;
	width: auto;
	font-size: 11px;
}

#hikashop_checkout_page div.hikashop_cart_step span a {
	color: #B2B2B2;
	font-size: 11px;
	text-decoration: none;
}

#hikashop_checkout_page .hikashop_cart_step.hikashop_cart_step_finished span a {
	color: #363636;
}

.hikashop_cart_step {
	-moz-background-inline-policy: continuous;
	background: url("../images/step.png") no-repeat scroll 50% 0px transparent;
	display: inline;
	padding-top: 25px;
	padding-right: 8%;
	white-space: nowrap;
}


.hikashop_checkout_login {
	clear: both;
	margin: auto;
}

.hikashop_checkout_login_left_part {
	width: 250px;
	float: left;
}

.hikashop_checkout_login_right_part {
	width: 440px;
	float: left;
}

@media only screen and (max-width: 480px) {
	#hikashop_checkout_login_right_part td {
		display: block !important;
	}
}

.hikashop_checkout_address_billing_only {
	clear: both;
	width: 100%;
	margin: auto;
}

.hikashop_checkout_billing_address legend {
	padding: 0px 10px;
	font-weight: bold;
	color: #555555;
	font-size: 12px
}

.hikashop_checkout_billing_address_info {
	color: #333;
	font-size: 12px
}

@media only screen and (max-width: 480px) {
	#hikashop_checkout_address td {
		display: block !important;
	}
}

.hikashop_checkout_payment_name {
	font-weight: bold;
}

.hikashop_custom_file_upload_link {
	display: block;
}

.hikashop_red_border {
	border: 1px solid red !important;
	box-shadow: 0px 0px 8px rgba(255, 0, 0, 0.6), 0px 1px 1px rgba(255, 0, 0, 0.2) inset !important;
}


#hikashop_shipping_methods ul.hikashop_shipping_products {
	margin: 5px 0px;
	padding: 0px;
}

#hikashop_shipping_methods .hikashop_shipping_group .hikashop_shipping_group_name {
	background-color: #f8f8f8;
	border: 1px solid #eaeaea;
	padding: 2px 5px;
}

#hikashop_shipping_methods ul.hikashop_shipping_products li.hikashop_shipping_product {
	display: inline-block;
	list-style-type: none;
	margin: 0 5px 0 0;
}

#hikashop_shipping_methods ul.hikashop_shipping_products li.hikashop_shipping_product img {
	padding: 3px;
	border: 1px solid #eaeaea;
}

#hikashop_shipping_methods ul.hikashop_shipping_products li.hikashop_shipping_product span {}

#hikashop_checkout_page table.shipping_pickup_table,
#hikashop_checkout_page table.shipping_pickup_table tr,
#hikashop_checkout_page table.shipping_pickup_table td {
	border: 1px solid #000000;
	padding: 5px;
}

#hikashop_checkout_page table.shipping_pickup_table td {
	text-align: center;
}

.hikashop_orders {
	width: 100%;
	margin-top: 10px;
}

.hikashop_order_listing_status {
	margin-bottom: 5px;
	display: block;
}

.hikashop_orders img {
	border: none;
	padding: 0px 5px
}

.hikashop_order_title {
	text-align: center;
}

.hikashop_authorize_thankyou {
	text-align: center;
}

.hikashop_address_listing_div {
	margin-left: auto;
	margin-right: auto;
}

.hikashop_address_listing_table {
	width: 100%;
}

.hikashop_rbottom {
	clear: both;
}

.clear_both {
	clear: both;
}


div.hikashop_main_image_div,
div.hikashop_main_file_div {
	position: relative;
}

div.hikashop_uploader_image_add,
div.hikashop_uploader_file_add {
	position: absolute;
	top: 5px;
	right: 5px;
}

ul.hikashop_uploader_images .ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	width: 50px;
	height: 50px !important;
}

ul.hikashop_uploader_images .ui-sortable-placeholder * {
	visibility: hidden;
}

ul.hikashop_uploader_images {
	list-style-type: none;
	margin: 0 !important;
	padding: 15px 0 0 0 !important;
}

div.hikashop_uploader_singleimage_content,
div.hikashop_uploader_singlefile_content {
	padding: 15px 0 5px 8px !important;
	width: 100px;
}

ul.hikashop_uploader_multiimage_content>li,
div.hikashop_uploader_singleimage_content>div,
div.hikashop_uploader_singlefile_content>div {
	position: relative;
}

ul.hikashop_uploader_multiimage_content .deleteImg,
div.hikashop_uploader_singleimage_content .deleteImg,
div.hikashop_uploader_singlefile_content .deleteImg {
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
}

ul.hikashop_uploader_multiimage_content:hover .deleteImg,
div.hikashop_uploader_singleimage_content:hover .deleteImg,
div.hikashop_uploader_singlefile_content:hover .deleteImg {
	display: block;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

ul.hikashop_uploader_multiimage_content .deleteImg:hover,
div.hikashop_uploader_singleimage_content .deleteImg:hover,
div.hikashop_uploader_singlefile_content .deleteImg:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.hkIcon {
	width: 16px;
	height: 16px;
	display: inline-block;
	line-height: 16px;
}

.hkIcon-delete {
	background-image: url(../images/cancel.png);
}

.dropOver {
	background-color: #909090;
}

.hikashop_dropzone {
	border: 2px dashed #CCCCCC;
	width: 100%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	min-height: 100px;
}

.hikashop_uploader_image_empty,
.hikashop_uploader_file_empty {
	width: 100%;
	padding: 30px 0px;
	text-align: center;
}





#hikashopcpanel div.icon a {
	border: 1px solid #F0F0F0;
	display: block;
	float: left;
	border-radius: 4px;
	padding: 5px;
	text-decoration: none;
	vertical-align: middle;
	width: 94%;
}

#hikashopcpanel div.icon:hover a {
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
	border-style: solid;
	border-width: 1px;
	background: #F8F8F8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
	background: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
	background: -moz-linear-gradient(top, #ffffff, #f8f8f8);
	background: -o-linear-gradient(top, #ffffff, #f8f8f8);
	background: linear-gradient(top, #ffffff, #f8f8f8);
}

#hikashopcpanel li {
	list-style-type: none !important;
}

#hikashopcpanel div.icon {
	float: left;
	margin-bottom: 8px;
	text-align: center;
	width: 50%;
}

.hikashop_cpanel_icon_image_span {
	background-repeat: no-repeat;
	background-position: center;
	height: 48px !important;
	width: 48px !important;
}

#hikashop_cpanel_title h1 {
	color: #555;
	font-size: 16px;
	font-weight: bold
}

#hikashop_cpanel_title fieldset {
	border: none;
	border-bottom: 1px solid #ddd
}

.hikashop_cpanel_button_description {
	color: #666;
	font-size: 14px
}

#hikashopcpanel td {
	text-align: center;
}

.hikashop_cpanel_icon_image {
	width: 80px;
}

.hikashop_cpanel_icon_table {
	width: 100%;
}

.hikashop_cpanel_icon_table:hover .hikashop_cpanel_button_description {
	color: #368AA9
}

#hikashopcpanel img {
	margin: 0 auto;
	padding: 10px 0;
}

.hikashopcpanel {
	margin: 20px 0;
}

.hikashop_header_title {
	float: left;
}

.hikashop_header_buttons {
	float: right;
}

.icon-32-cancel {
	background-image: url(../images/icons/icon-32-cancel.png) !important;
}

.icon-32-back {
	background-image: url(../images/icons/icon-32-back.png) !important;
}

.icon-32-new {
	background-image: url(../images/icons/icon-32-new.png) !important;
}

.icon-32-apply {
	background-image: url(../images/icons/icon-32-apply.png) !important;
}

.icon-32-save {
	background-image: url(../images/icons/icon-32-save.png) !important;
}

.icon-32-print {
	background-image: url(../images/icons/icon-32-print.png) !important;
}

.icon-48-order {
	background-image: url(../images/icons/icon-48-order.png) !important;
}

.icon-48-category {
	background-image: url(../images/icons/icon-48-category.png) !important;
}

.icon-48-user {
	background-image: url(../images/icons/icon-48-user.png) !important;
}

.icon-48-user2 {
	background-image: url(../images/icons/icon-48-account.png) !important;
}

.icon-48-account {
	background-image: url(../images/icons/icon-48-account.png) !important;
}

.icon-48-address {
	background-image: url(../images/icons/icon-48-address.png) !important;
}

.icon-48-affiliate {
	background-image: url(../images/icons/icon-48-affiliate.png) !important;
}

.icon-48-subscription {
	background-image: url(../images/icons/icon-48-subscription.png) !important;
}

.icon-48-product {
	background-image: url(../images/icons/icon-48-product.png) !important;
}

.icon-48-cart {
	background-image: url(../images/icons/icon-48-cart.png) !important;
}

.icon-48-wishlist {
	background-image: url(../images/icons/icon-48-wishlist.png) !important;
}

.icon-48-downloads {
	background-image: url(../images/icons/icon-48-downloads.png) !important;
}

.icon-32-add_cart {
	background-image: url(../images/icons/icon-32-add_cart.png) !important;
}

.icon-32-show_cart {
	background-image: url(../images/icons/icon-32-show_cart.png) !important;
}

.icon-32-add_wishlist {
	background-image: url(../images/icons/icon-32-add_wishlist.png) !important;
}

.icon-32-show_wishlist {
	background-image: url(../images/icons/icon-32-show_wishlist.png) !important;
}

.icon-32-badge {
	background-image: url(../images/icons/icon-32-badge.png) !important;
}

.icon-32-badge2 {
	background-image: url(../images/icons/icon-32-badge2.png) !important;
}

div.toolbar span {
	display: block;
	float: none;
	height: 32px;
	margin: 0 auto;
	width: 32px;
	background-position: 0% 0%;
}

div.toolbar a {
	border: 1px solid #FBFBFB;
	cursor: pointer;
	display: block;
	float: left;
	padding: 1px 5px;
	text-align: center;
	white-space: nowrap;
}


.tool-tip {
	float: left;
	background-color: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}





div.hikashop_messages {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-width: 2px;
	font-weight: bold;
	margin: 5px 10px;
}

.hikashop_messages li {
	list-style-type: none;
}

div.hikashop_warning {
	background-color: #EFE7B8;
	border-bottom-color: #F0DC7E;
	border-top-color: #F0DC7E;
	color: #CC0000;
}

div.hikashop_success {
	background-color: #CCFFBB;
	border-bottom-color: #00AA00;
	border-top-color: #00AA00;
	color: #00AA00;
}

div.hikashop_info {
	background-color: #C3D2E5;
	border-bottom-color: #84A7DB;
	border-top-color: #84A7DB;
	color: #0055BB;
}

div.hikashop_error {
	background-color: #E6C0C0;
	border-bottom-color: #DE7A7B;
	border-top-color: #DE7A7B;
	color: #CC0000;
}




#hikashop_add_to_cart_continue_div {
	float: left;
}

.hikashop_delete_entry_button {
	float: right;
}

span.hiakshop_AUP_price {
	color: #990000;
	font-weight: bold;
}

span.hikashop_AUP_points {
	color: #2f9900;
	font-weight: bold;
}

.hikashop_checkout_cart tfoot hr {
	display: none;
}



.pagenav_previous_chevron {
	background: url(../images/page.png) no-repeat;
	background-position: -21px -25px;
	display: inline-block;
	text-indent: -9999px;
	width: 6px
}

.pagenav_previous_chevron:hover {
	background: url(../images/page.png) no-repeat;
	background-position: -21px 6px;
	cursor: pointer
}

.pagenav_start_chevron {
	background: url(../images/page.png) no-repeat;
	background-position: 8px -25px;
	display: inline-block;
	text-indent: -9999px;
	width: 6px
}

.pagenav_start_chevron:hover {
	background: url(../images/page.png) no-repeat;
	background-position: 8px 6px;
	cursor: pointer
}

.pagenav_next_chevron {
	background: url(../images/page.png) no-repeat;
	background-position: -51px -25px;
	display: inline-block;
	text-indent: -9999px;
	width: 6px
}

.pagenav_next_chevron:hover {
	background: url(../images/page.png) no-repeat;
	background-position: -51px 6px;
	cursor: pointer
}

.pagenav_end_chevron {
	background: url(../images/page.png) no-repeat;
	background-position: -81px -25px;
	display: inline-block;
	text-indent: -9999px;
	width: 6px
}

.pagenav_end_chevron:hover {
	background: url(../images/page.png) no-repeat;
	background-position: -81px 6px;
	cursor: pointer
}

.pagenav_text,
.hikashop_start_link,
.hikashop_previous_link,
.hikashop_next_link,
.hikashop_end_link {
	display: none
}

.hikashop_products_pagination,
.hikashop_subcategories_pagination {
	font-size: 11px;
	text-align: center;
	clear: both;
	padding-top: 15px;
}

.hikashop_products_pagination ul.pagination,
.hikashop_subcategories_pagination ul.pagination {
	text-align: center;
}

.hikashop_products_pagination .list-footer .limit,
.hikashop_subcategories_pagination .list-footer .limit {
	color: #333;
	font-weight: normal;
	margin-bottom: 5px;
}

.hikashop_products_pagination .list-footer .limit select,
.hikashop_subcategories_pagination .list-footer .limit select {
	width: 60px;
}

.hikashop_products_pagination .list-footer .limit .inputbox,
.hikashop_subcategories_pagination .list-footer .limit .inputbox {
	margin-left: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #333;
}

.hikashop_products_pagination .list-footer .pagenav,
.hikashop_subcategories_pagination .list-footer .pagenav {
	color: #14caec;
	font-weight: bold;
	background-color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #ccc;
	line-height: 30px;
}

.hikashop_products_pagination .list-footer a.pagenav:hover,
.hikashop_subcategories_pagination .list-footer a.pagenav:hover {
	color: #333;
}

.hikashop_products_pagination .list-footer span.pagenav,
.hikashop_subcategories_pagination .list-footer span.pagenav {
	color: #333;
}

.hikashop_products_pagination .list-footer span.pagenav_text,
.hikashop_subcategories_pagination .list-footer span.pagenav_text {
	display: none;
}

.hikashop_products_pagination .list-footer .counter,
.hikashop_subcategories_pagination .list-footer .counter {
	color: #666;
}

.hikashop_products_pagination .hikashop_results_counter,
.hikashop_subcategories_pagination .hikashop_results_counter {
	color: #666;
}



#hikashop_social iframe {
	height: 50px;
}

#hikashop_social iframe.hikashop_social_fb_standard {
	width: 300px;
	height: 80px;
}

#hikashop_social iframe.hikashop_social_fb_button_count {
	width: 90px;
	height: 20px;
}

#hikashop_social iframe.hikashop_social_fb_box_count {
	width: 65px;
	height: 80px;
}

#hikashop_social {
	position: relative;
	text-align: left;
}

#hikashop_social {
	position: relative;
	text-align: right;
}

#hikashop_social span.hikashop_social_tw {
	float: left;
	margin-right: 5px;
}

#hikashop_social span.hikashop_social_tw_horizontal {
	float: left;
}

#hikashop_social span.hikashop_social_tw_right {
	float: right;
}

#hikashop_social span.hikashop_social_tw_horizontal_right {
	float: right;
}

#hikashop_social span.hikashop_social_fb {
	float: left;
}

#hikashop_social span.hikashop_social_fb_right {
	float: right;
}

#hikashop_social span.hikashop_social_google {
	float: left;
	margin-right: 5px;
}

#hikashop_social span.hikashop_social_google_right {
	float: right;
	margin-right: 5px;
}

#hikashop_social span.hikashop_social_pinterest {
	float: left;
	margin-right: 5px;
}

#hikashop_social span.hikashop_social_pinterest_right {
	float: right;
	margin-right: 5px;
}

#hikashop_social span.hikashop_social_addThis {
	float: left;
	margin-right: 5px;
}

#hikashop_social span.hikashop_social_addThis_right {
	float: right;
	margin-right: 5px;
}

#hikashop_social iframe {
	max-width: inherit !important;
}

.hikashop_option_info {
	margin-left: 5px;
}

.hikashop_checkout_cart_print_link {
	float: right;
}

.hikashop_cart_product_quantity_delete,
.hikashop_cart_product_quantity_refresh,
.hikashop_product_quantity_field {
	float: left;
}

.hikashop_img_pane_panel {
	position: absolute;
	bottom: 0px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	filter: alpha(opacity=80);
	text-align: center !important;
	color: #fff;
}

.hikashop_slide_numbers {
	margin: 2px;
}

.hikashop_slide_numbers:hover {
	background-color: #0080ff;
	color: white;
}

.hikashop_slide_pagination_selected {
	color: white;
	background-color: #0080ff;
}

.hikashop_pagination_images {
	opacity: 0.6;
	display: inline-block\9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.hikashop_pagination_images:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.hikashop_pagination_images_selected {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.hikashop_slide_pagination {
	text-align: center !important;
}

.hikashop_slide_dot_basic {
	background: url("../images/icons/dot_basic.png") no-repeat;
	margin: 2px;
	height: 13px;
	width: 13px;
	display: inline-block;
}

.hikashop_slide_dot_basic:hover {
	background: url("../images/icons/dot_hover.png") no-repeat;
	cursor: pointer;
}

.hikashop_slide_dot_selected,
.hikashop_slide_dot_selected:hover {
	background: url("../images/icons/dot_selected.png") no-repeat;
}

.hikashop_pagination_images_block {
	margin: 5px;
	display: inline-block;
}

.hiakshop_slider_button {
	opacity: 0.5;
}

.hiakshop_slider_button:hover {
	cursor: pointer;
	opacity: 1;
}

.hikashop_slider_button {
	opacity: 0.5;
}

.hikashop_slider_button:hover {
	cursor: pointer;
	opacity: 1;
}

.hikashop_filter_checkbox {
	white-space: nowrap;
}

a.hikashop_filter_list {
	color: black;
	cursor: pointer;
}

a.hikashop_filter_list_selected:hover {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.hikashop_filter_fieldset {
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 10px;
	padding: 10px;
}

.hikashop_filter_fieldset legend {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 5px;
}

.hikashop_filter_cursor_range {
	border: 0;
	color: #f6931f;
	font-weight: bold;
}

.hikashop_compare_table {
	width: 100%;
}

.hikashop_compare_table input {
	margin-top: 5px
}

.hikashop_product_custom_name {
	font-weight: bold;
}

.hikashop_product_compare_custom_separator {
	text-align: center;
	height: 25px;
}

.hikashop_product_compare_custom_separator td {
	border-bottom: 2px solid #ccc;
	text-align: center;
	font-weight: bold;
	height: 30px;
}

.hikashop_product_compare_custom_separator .hikashop_product_custom_name label {
	color: #1491A0;
}

.hikashop_compare_page h1 {
	color: #666;
	text-align: center;
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
	padding: 2px;
}

#hikashop_compare_tr_cart .hikashop_compare_cart_prod_column {
	margin-bottom: 20px;
	text-align: center;
}

.hikashop_before_taxe {
	font-size: 11px;
	font-weight: normal;
}

.hikashop_compare_table .hikashop_product_quantity_field_change {
	margin-right: 5px;
}

.hikashop_compare_table .hikashop_product_name_main {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border: none;
	text-align: center
}

.hikashop_compare_table .hikashop_product_name_main:hover {
	color: #82a0b5
}

.hikashop_compare_table .hikashop_product_quantity_field {
	margin-right: 5px;
}

.hikashop_compare_details_prod_column {
	padding: 10px;
	white-space: normal;
	border-top: 1px solid #ddd;
}

.hikashop_compare_table {
	text-align: center
}

.hikashop_compare_table a {
	text-decoration: none
}

.hikashop_compare_table #hikashop_main_image_thumb_div {
	margin: 0px;
	border: none;
}

.hikashop_compare_table #hikashop_main_image {
	display: block !important;
	margin: auto;
}

.hikashop_compare_custom_prod_column {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #ebf1f1;
	padding-left: 10px;
	height: 20px;
	text-align: center;
}

.hikashop_compare_custom_prod_column:hover {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

.hikashop_compare_page table {
	border-collapse: collapse;
	margin: auto;
}

.hikashop_compare_page .hikashop_product_stock {
	color: #C30;
	margin: auto;
	border-bottom: 1px solid #ddd;
}

.hikashop_product_compare_custom_separator .hikashop_product_custom_value {
	color: #1491A0;
}

.hikashop_product_custom_value {
	color: #000;
}

.hikashop_compare_custom_first_column {
	color: #333;
	text-align: center;
	border: 1px solid #ccc;
	border-top: 0px;
	background-color: #f5f5f5;
}

#hikashop_product_custom_info_main {
	margin-top: 20px;
}

#hikashop_product_custom_info_main td {
	border-bottom: 1px solid #ccc;
}

#hikashop_product_custom_info_main h4 {
	color: #1491A0
}


#hikashop_order_listing .pagination {
	text-align: center;
	font-size: 11px;
	padding-top: 20px;
}

.list-footer span.pagenav,
.hikashop_subcategories_pagination .list-footer span.pagenav,
.list-footer a.pagenav,
.pagenav_previous_chevron,
.pagenav_start_chevron,
.pagenav_next_chevron,
.pagenav_end_chevron {
	color: #666;
	padding: 4px 8px;
	border: 1px solid #eee;
	border-radius: 3px;
}

.list-footer span.pagenav:hover,
.hikashop_subcategories_pagination .list-footer span.pagenav:hover,
.list-footer a.pagenav:hover {
	color: #82a0b5;
	text-decoration: none;
}

.counter {
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pagination .inputbox {
	border: 1px solid #eee;
	border-radius: 3px 3px 3px 3px;
	margin-left: 10px;
}

.ui-rating {
	margin: auto;
	display: inline;
}

.ui-rating-star {
	width: 16px;
	height: 16px;
	font-size: 2px;
	display: inline-block;
	text-decoration: none;
	vertical-align: bottom;
	background-image: url('../images/star.gif') !important;
	background-repeat: no-repeat;
}

.ui-rating a {
	cursor: pointer;
	background-color: transparent !important;
}

.ui-rating-full {
	background-position: left top;
}

.ui-rating-mid {
	background-position: left -16px;
}

.ui-rating-empty {
	background-position: left -32px;
}

.ui-rating-hover {
	background-position: left -48px !important;
}

.hk-rating {
	margin: auto;
	display: inline;
}

.hk-rating a {
	cursor: pointer;
	background-color: transparent !important;
}

.hk-rate-star {
	width: 16px;
	height: 16px;
	font-size: 2px;
	display: inline-block;
	text-decoration: none;
	vertical-align: bottom;
	background-image: url('../images/star.gif') !important;
	background-repeat: no-repeat;
}

.hk-rate-star.state-full {
	background-position: left top;
}

.hk-rate-star.state-mid {
	background-position: left -16px;
}

.hk-rate-star.state-empty {
	background-position: left -32px;
}

.hk-rate-star.state-hover {
	background-position: left -48px !important;
}


.hikashop_vote_notification {
	display: inline;
	color: grey;
}

.hikashop_vote_form .hikashop_comment_textarea {
	border: 1px solid #EEEEEE;
	border-radius: 4px 4px 4px 4px;
	color: #666666;
	height: 60px;
	margin: 5px 0;
	padding: 5px;
	width: 98%;
}

.hikashop_vote_form .button {
	margin-left: 0px
}

.hikashop_comment_textarea:hover,
.hikashop_comment_textarea:focus {
	border: 1px solid #ddd;
}

.hikashop_vote_stars {
	width: 100%;
	padding: 5px 0px;
}

.hikashop_vote_notification_mini {
	color: #666;
	font-size: 11px;
	font-style: italic
}

.hikashop_total_vote {
	color: #666;
	font-size: 11px;
}

.hikashop_total_vote {
	display: inline;
}

.hikashop_vote_form {
	margin-top: 10px
}

.hikashop_vote_listing_useful_bought {
	font-style: italic
}

.hikashop_vote_listing_useful_note {
	margin-right: 10px;
}

.hikashop_vote_listing_notification:hover {
	margin-left: 3px;
}

#hikashop_product_vote_listing {
	margin-top: 30px;
}

#hikashop_product_vote_form table,
.hikashop_product_vote_form table {
	margin: auto;
	color: #666;
}

.hikashop_vote_no_comment {
	margin-left: 80px;
	font-weight: bold;
}

.hikashop_listing_comment {
	color: #555555;
	font-weight: bold;
}

.hikashop_form_comment {
	color: #555;
	font-weight: bold;
}

.hikashop_vote_notification_mini {
	display: inline;
}

.hikashop_comment_form {
	width: 100%;
}

.hikashop_comment_form input {
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	padding: 3px;
}

.hikashop_product_vote_listing .pagination {
	text-align: center;
}

.hikashop_product_vote_listing .pagination .list-footer {
	margin: 10px 0px 5px 0px;
}

.hikashop_product_vote_listing .pagination .list-footer .counter {
	display: none;
}

.hikashop_product_vote_listing .pagination .list-footer .limit {
	display: none;
}

.hika_comment_listing {
	margin: 10px auto;
	border: 1px solid #eee;
	color: #999;
	width: 100%;
}

.hika_comment_listing_notification {
	width: 120px;
	font-style: italic;
}

.hika_comment_listing td {
	padding: 5px;
}

.hika_comment_listing:hover {
	border: 1px solid #ddd;
}

.hika_comment_listing:hover .hika_comment_listing_useful_p {
	color: #90b1c3;
}

.hika_comment_listing_name {
	font-weight: bold;
	color: #82a0b5
}

.hika_comment_listing_stars {
	width: 85px;
}

.hika_comment_listing_content {
	background-color: white;
	padding: 2px;
	color: #333;
}

.hika_comment_listing_useful_p {
	width: 18px;
	background-color: #ffffff;
	border: 1px solid #90b1c3;
	font-weight: bold;
	padding: 1px;
	text-align: center;
}

.hika_comment_listing_useful.hide {
	width: 16px;
	height: 14px;
	background-size: 0px 0px;
}

.hika_comment_listing_useful_p.hide {
	display: none;
}

.hika_comment_listing_useful.locked {
	opacity: 0.2;
	cursor: default !important;
}

.hika_comment_listing_useful.locked:hover,
.hika_comment_listing_useless.locked:hover {
	opacity: 1;
}

.hika_comment_listing_useless.locked {
	opacity: 0.5;
	cursor: default;
}

.hika_comment_listing_full_stars {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	background-image: url('../images/star.gif') !important;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: default;
}

.hika_comment_listing_empty_stars {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-decoration: none;
	background-image: url('../images/star.gif') !important;
	background-repeat: no-repeat;
	background-position: left -32px;
	cursor: default;
}

.hika_comment_listing_empty {
	color: #666;
	padding: 5px;
}

.hika_comment_listing_bottom {}

@media only screen and (max-width: 420px) {
	.hikashop_sort_listing_comment {
		display: none;
	}
}

.hikashop_wishlist_module .hikashop_wishlist_display_add_to_cart,
.hikashop_wishlist_module .hikashop_checkout_cart_print_link {
	display: none;
}

.hikashop_cart_module .hikashop_checkout_cart_print_link {
	display: none;
}

.hikashop_background_color {
	background-color: #BCC7D6;
}

.hikashop_all_carts {
	text-align: center;
}

.hikashop_all_cart_name {}

.hikashop_all_cart_quantity {
	text-align: center;
}

.hikashop_all_cart_stock {}

.hikashop_all_carts_current {
	text-align: center !important;
	width: 50px;
}

.hikashop_all_carts_current_star {
	width: 16px;
	height: 16px;
	text-decoration: none;
	background-image: url('../images/star.gif') !important;
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
}

.hikashop_all_carts_set_current {
	text-align: center;
	width: 50px;
	text-decoration: none;
}

.hikashop_all_carts_set_current a {
	text-decoration: none !important;
}

.hikashop_all_carts_set_current_star {
	text-align: center;
	margin: auto;
	width: 16px;
	height: 16px;
	text-decoration: none !important;
	background-image: url('../images/star.gif') !important;
	background-repeat: no-repeat;
	background-position: center -32px;
	cursor: pointer;
}

.hikashop_all_wishlits_button {
	text-align: center;
}

.hikashop_product_cart_links {
	float: right;
}

.hikashop_product_cart_show_carts_link,
.hikashop_product_cart_print_link,
.hikashop_product_cart_mail_link {
	display: inline;
}

.hikashop_red_color {
	color: red;
}

.hikashop_green_color {
	color: #690;
}

.hikashop_all_carts_delete {
	text-align: center;
}

.hikashop_show_cart_quantity {
	text-align: center;
	width: 30px;
}

.hikashop_carts {
	width: 100%;
}

.hika_show_cart_total {
	text-align: center;
}

.hikashop_not_authorized {
	width: 100%;
	text-align: center;
	margin: 10px auto;
	color: red;
}

.hika_wishlist_green {
	background-color: #CCFFCC !important;
}

#hikashop_wishlist_listing_pagination .list-footer .pagination {
	text-align: center;
}

.hikashop_carts {
	margin-top: 15px;
}

.hika_show_cart_total td {
	border-top: solid 2px #ddd;
}

#hikashop_wishlist_listing_pagination .limit {
	margin: auto;
}

#hikashop_cart_product_listing {
	width: 100% !important;
}

.hikashop_main_carousel_div ul li {
	padding: 0px !important;
	background: none !important;
}

.hikashop_main_carousel_div>ul>li {
	margin: 0px !important;
}

.hika-radio input[type="radio"] {
	display: none;
}

.thumbnail div.hikashop_product_image_subdiv {
	width: 100% !important;
}

.thumbnail .hikashop_product_image img {
	display: block;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.hikashop_categories_listing_main.row-fluid-10 [class*="span"],
.hikashop_products .row-fluid-10 [class*="span"] {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 1.7543859649122806%;
	*margin-left: 1.7105263157894737%;
}

.hikashop_product_page .row-fluid,
.hikashop_product_page .row {
	clear: both;
}

.hikashop_categories_listing_main .row-fluid-10 [class*="span"]:first-child,
.hikashop_products .row-fluid-10 [class*="span"]:first-child {
	margin-left: 0;
}

.hikashop_categories_listing_main .row-fluid-10 .span10,
.hikashop_products .row-fluid-10 .span10 {
	width: 100%;
	*width: 99.95614035087718%;
}

.hikashop_categories_listing_main .row-fluid-10 .span9,
.hikashop_products .row-fluid-10 .span9 {
	width: 89.82456140350877%;
	*width: 89.78070175438596%;
}

.hikashop_categories_listing_main .row-fluid-10 .span8,
.hikashop_products .row-fluid-10 .span8 {
	width: 79.64912280701753%;
	*width: 79.60526315789473%;
}

.hikashop_categories_listing_main .row-fluid-10 .span7,
.hikashop_products .row-fluid-10 .span7 {
	width: 69.47368421052632%;
	*width: 69.4298245614035%;
}

.hikashop_categories_listing_main .row-fluid-10 .span6,
.hikashop_products .row-fluid-10 .span6 {
	width: 59.29824561403509%;
	*width: 59.25438596491228%;
}

.hikashop_categories_listing_main .row-fluid-10 .span5,
.hikashop_products .row-fluid-10 .span5 {
	width: 49.122807017543856%;
	*width: 49.07894736842105%;
}

.hikashop_categories_listing_main .row-fluid-10 .span4,
.hikashop_products .row-fluid-10 .span4 {
	width: 38.94736842105263%;
	*width: 38.90350877192982%;
}

.hikashop_categories_listing_main .row-fluid-10 .span3,
.hikashop_products .row-fluid-10 .span3 {
	width: 28.771929824561404%;
	*width: 28.728070175438596%;
}

.hikashop_categories_listing_main .row-fluid-10 .span2,
.hikashop_products .row-fluid-10 .span2 {
	width: 18.596491228070175%;
	*width: 18.552631578947366%;
}

.hikashop_categories_listing_main .row-fluid-10 .span1,
.hikashop_products .row-fluid-10 .span1 {
	width: 8.421052631578947%;
	*width: 8.37719298245614%;
}

.hikashop_categories_listing_main .row-fluid-8 [class*="span"],
.hikashop_products .row-fluid-8 [class*="span"] {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.127659574468085%;
	*margin-left: 2.074468085106383%;
}

.hikashop_categories_listing_main .row-fluid-8 [class*="span"]:first-child,
.hikashop_products .row-fluid-8 [class*="span"]:first-child {
	margin-left: 0;
}

.hikashop_categories_listing_main .row-fluid-8 .span8,
.hikashop_products .row-fluid-8 .span8 {
	width: 100%;
	*width: 99.94680851063829%;
}

.hikashop_categories_listing_main .row-fluid-8 .span7,
.hikashop_products .row-fluid-8 .span7 {
	width: 87.23404255319149%;
	*width: 87.18085106382978%;
}

.hikashop_categories_listing_main .row-fluid-8 .span6,
.hikashop_products .row-fluid-8 .span6 {
	width: 74.46808510638299%;
	*width: 74.41489361702128%;
}

.hikashop_categories_listing_main .row-fluid-8 .span5,
.hikashop_products .row-fluid-8 .span5 {
	width: 61.702127659574465%;
	*width: 61.648936170212764%;
}

.hikashop_categories_listing_main .row-fluid-8 .span4,
.hikashop_products .row-fluid-8 .span4 {
	width: 48.93617021276596%;
	*width: 48.88297872340426%;
}

.hikashop_categories_listing_main .row-fluid-8 .span3,
.hikashop_products .row-fluid-8 .span3 {
	width: 36.170212765957444%;
	*width: 36.11702127659574%;
}

.hikashop_categories_listing_main .row-fluid-8 .span2,
.hikashop_products .row-fluid-8 .span2 {
	width: 23.404255319148938%;
	*width: 23.351063829787236%;
}

.hikashop_categories_listing_main .row-fluid-8 .span1,
.hikashop_products .row-fluid-8 .span1 {
	width: 10.638297872340425%;
	*width: 10.585106382978724%;
}

.hikashop_categories_listing_main .row-fluid-7 [class*="span"],
.hikashop_products .row-fluid-7 [class*="span"] {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2.1621621621621623%;
	*margin-left: 2.1081081081081083%;
}

.hikashop_categories_listing_main .row-fluid-7 [class*="span"]:first-child,
.hikashop_products .row-fluid-7 [class*="span"]:first-child {
	margin-left: 0;
}

.hikashop_categories_listing_main .row-fluid-7 .span7,
.hikashop_products .row-fluid-7 .span7 {
	width: 100%;
	*width: 99.94594594594595%;
}

.hikashop_categories_listing_main .row-fluid-7 .span6,
.hikashop_products .row-fluid-7 .span6 {
	width: 85.4054054054054%;
	*width: 85.35135135135135%;
}

.hikashop_categories_listing_main .row-fluid-7 .span5,
.hikashop_products .row-fluid-7 .span5 {
	width: 70.81081081081082%;
	*width: 70.75675675675677%;
}

.hikashop_categories_listing_main .row-fluid-7 .span4,
.hikashop_products .row-fluid-7 .span4 {
	width: 56.21621621621622%;
	*width: 56.16216216216216%;
}

.hikashop_categories_listing_main .row-fluid-7 .span3,
.hikashop_products .row-fluid-7 .span3 {
	width: 41.62162162162162%;
	*width: 41.567567567567565%;
}

.hikashop_categories_listing_main .row-fluid-7 .span2,
.hikashop_products .row-fluid-7 .span2 {
	width: 27.027027027027028%;
	*width: 26.972972972972975%;
}

.hikashop_categories_listing_main .row-fluid-7 .span1,
.hikashop_products .row-fluid-7 .span1 {
	width: 12.432432432432433%;
	*width: 12.378378378378379%;
}

@media (max-width: 767px) {

	.hikashop_categories_listing_main .row-fluid-10 [class*="span"],
	.hikashop_categories_listing_main .row-fluid-8 [class*="span"],
	.hikashop_categories_listing_main .row-fluid-7 [class*="span"],
	.hikashop_products .row-fluid-10 [class*="span"],
	.hikashop_products .row-fluid-8 [class*="span"],
	.hikashop_products .row-fluid-7 [class*="span"] {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
	}
}

div.modal-body iframe {
	border: 0px;
}

#modal-preview {
	z-index: 1100;
}

.modal-body {
	max-height: none !important;
}

@media only screen and (max-width: 960px) {
	div.modal.fade.in {
		width: 800px !important;
		margin-left: -400px !important;
		top: 10% !important;
		left: 50% !important;
	}
}

@media only screen and (max-width: 800px) {
	div.modal.fade.in {
		width: 640px !important;
		margin-left: -320px !important;
		top: 10% !important;
		left: 50% !important;
	}

	table#hikashop_order_listing tbody td:nth-child(1),
	table#hikashop_order_listing th:nth-child(1),
	table#hikashop_cart_listing td:nth-child(2),
	table#hikashop_cart_listing th:nth-child(2),
	table#hikashop_cart_listing td:nth-child(5),
	table#hikashop_cart_listing th:nth-child(5),
	table#hikashop_cart_product_listing tbody td:nth-child(1),
	table#hikashop_cart_product_listing th:nth-child(1),
	table#hikashop_cart_product_listing td:nth-child(5),
	table#hikashop_cart_product_listing th:nth-child(5) {
		display: none;
	}
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

	table.hikashop_variants_table,
	table.hikashop_variants_table thead.hikashop_variants_table_thead,
	table.hikashop_variants_table tbody.hikashop_variants_table_tbody,
	table.hikashop_variants_table th.hikashop_variants_table_th,
	table.hikashop_variants_table td.hikashop_variants_table_td,
	table.hikashop_variants_table tr.hikashop_variants_table_tbody_tr,
	table.hikashop_variants_table tr.hikashop_variants_table_thead_tr {
		display: block;
	}

	table.hikashop_variants_table thead.hikashop_variants_table_thead tr.hikashop_variants_table_thead_tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.hikashop_variants_table tr.hikashop_variants_table_thead_tr,
	table.hikashop_variants_table tr.hikashop_variants_table_tbody_tr {
		border: 1px solid #ccc;
	}

	table.hikashop_variants_table td.hikashop_variants_table_td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
	}

	table.hikashop_variants_table td.hikashop_variants_table_td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
	}

	table.hikashop_variants_table td.hikashop_variants_table_td:before {
		content: attr(data-label);
	}
}

@media only screen and (max-width: 640px) {
	div.modal.fade.in {
		width: 480px !important;
		margin-left: -240px !important;
		top: 10% !important;
		left: 50% !important;
	}

	.hikashop_cpanel_icon_table {
		width: auto !important;
	}
}

@media only screen and (max-width: 480px) {
	div.modal.fade.in {
		width: 320px !important;
		height: 380px !important;
		margin-left: -160px !important;
		top: 10% !important;
		left: 50% !important;
	}

	table#hikashop_cart_product_listing tbody td:nth-last-child(1),
	table#hikashop_cart_product_listing th:nth-last-child(1),
	table#hikashop_clicks_listing tbody td:nth-child(1),
	table#hikashop_clicks_listing th:nth-child(1),
	table#hikashop_clicks_listing tbody td:nth-last-child(1),
	table#hikashop_clicks_listing th:nth-last-child(1),
	table#hikashop_sales_listing tbody td:nth-child(1),
	table#hikashop_sales_listing th:nth-child(1),
	table#hikashop_sales_listing tbody td:nth-last-child(1),
	table#hikashop_sales_listing th:nth-last-child(1),
	table#hikashop_leads_listing tbody td:nth-child(1),
	table#hikashop_leads_listing th:nth-child(1),
	table#hikashop_leads_listing tbody td:nth-last-child(1),
	table#hikashop_leads_listing th:nth-last-child(1) {
		display: none;
	}
}

@media only screen and (max-height: 420px) {
	div.modal.fade.in {
		height: 320px !important;
		top: 0% !important;
	}
}

.row-fluid .hikashop_product_column_1,
.row-fluid .hikashop_category_column_1,
.row-fluid-7 .hikashop_product_column_1,
.row-fluid-7 .hikashop_category_column_1,
.row-fluid-8 .hikashop_product_column_1,
.row-fluid-8 .hikashop_category_column_1,
.row-fluid-10 .hikashop_product_column_1,
.row-fluid-10 .hikashop_category_column_1,
.row .hikashop_product_column_1,
.row .hikashop_category_column_1 {
	margin-left: 0 !important;
	clear: left;
}

#hikashop_tabs .ui-widget-header {
	border: 0 none;
}

#hikashop_tabs ul li {
	position: relative;
	top: -53px;
}

#hikashop_tabs .ui-tabs-panel {
	margin-top: 35px;
}

.hikashop_product_bottom_part.show_tabular {
	padding-top: 50px;
}

.hikashop_product_bottom_part {
	order: 1;

}

.panel h3.pane-toggler>a:nth-child(1),
.panel h3.pane-toggler-down>a:nth-child(1) {
	padding: 0px !important;
	margin: 0px !important;
}

.hikashop_filter_list_style li {
	list-style-type: none;
}

.hikashop_filter_list_style li:before {
	content: "> ";
}



.hikashop_products_table {
	border-collapse: collapse;
	margin: 20px 0px
}

.hikashop_products_table thead th {
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 10px;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.hikashop_products_table td {
	padding: 10px
}

.hikashop_products_table tr {
	border-bottom: 1px solid #eee
}


.hikashop_product_list_item a {
	color: #555;
	font-size: 12px;
	text-decoration: none
}

.hikashop_product_name_in_list {
	font-weight: bold;
}

.hikashop_product_list_item a:hover {
	color: #82a0b5
}

.hikashop_product_price_per_unit {
	font-weight: normal
}

.hikashop_product_list li {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 1.7em;
	margin: 15px 5px;
	text-align: center
}



.hikashop_wizardbar {
	background-color: #f9f9f9;
	border: 1px solid #d4d4d4;
	margin-bottom: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.hikashop_wizardbar:before,
.hikashop_wizardbar:after {
	display: table;
	line-height: 0;
	content: "";
}

.hikashop_wizardbar:after {
	clear: both;
}

.hikashop_wizardbar ul {
	padding: 0;
	margin: 0;
	list-style: none outside none;
}

.hikashop_wizardbar ul li {
	position: relative;
	float: left;
	height: 46px;
	padding: 0 20px 0 30px;
	margin: 0;
	font-size: 16px;
	line-height: 46px;
	color: #999999;
	cursor: default;
	background: #ededed;
}

.hikashop_wizardbar ul li a {
	color: #999999;
}

.hikashop_wizardbar ul li .hikashop_chevron {
	position: absolute;
	top: 0;
	right: -14px;
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	border-left: 14px solid #d4d4d4;
}

.hikashop_wizardbar ul li .hikashop_chevron:before {
	position: absolute;
	top: -24px;
	right: 1px;
	display: block;
	border: 24px solid transparent;
	border-right: 0;
	border-left: 14px solid #ededed;
	content: "";
}

.hikashop_wizardbar ul li.hikashop_cart_step_finished {
	color: #468847;
	background: #f3f4f5;
}

.hikashop_wizardbar ul li.hikashop_cart_step_finished a {
	color: #468847;
}

.hikashop_wizardbar ul li.hikashop_cart_step_finished:hover {
	cursor: pointer;
	background: #e7eff8;
}

.hikashop_wizardbar ul li.hikashop_cart_step_finished:hover .hikashop_chevron:before {
	border-left: 14px solid #e7eff8;
}

.hikashop_wizardbar ul li.hikashop_cart_step_finished .hikashop_chevron:before {
	border-left: 14px solid #f3f4f5;
}

.hikashop_wizardbar ul li.hikashop_cart_step_current {
	color: #3a87ad;
	background: #f1f6fc;
}

.hikashop_wizardbar ul li.hikashop_cart_step_current a {
	color: #3a87ad;
}

.hikashop_wizardbar ul li.hikashop_cart_step_current .hikashop_chevron:before {
	border-left: 14px solid #f1f6fc;
}

.hikashop_wizardbar ul li .badge {
	margin-right: 8px;
}

.hikashop_wizardbar ul li:nth-child(1) {
	z-index: 10;
	padding-left: 20px;
	border-radius: 4px 0 0 4px;
}

.hikashop_wizardbar ul li:nth-child(2) {
	z-index: 9;
}

.hikashop_wizardbar ul li:nth-child(3) {
	z-index: 8;
}

.hikashop_wizardbar ul li:nth-child(4) {
	z-index: 7;
}

.hikashop_wizardbar ul li:nth-child(5) {
	z-index: 6;
}

.hikashop_wizardbar ul li:nth-child(6) {
	z-index: 5;
}

.hikashop_wizardbar ul li:nth-child(7) {
	z-index: 4;
}

.hikashop_wizardbar ul li:nth-child(8) {
	z-index: 3;
}

.hikashop_wizardbar ul li:nth-child(9) {
	z-index: 2;
}

.hikashop_wizardbar ul li:nth-child(10) {
	z-index: 1;
}

.hikashop_custom_image_link {
	width: 100px;
}

.hikashop_tabs_ul {
	z-index: 2;
	position: relative;
	margin: 0px 0px 6px 0px;
}

.hikashop_tabs_ul li {
	display: inline;
	background-color: #fcfcfc;
	padding: 8px 5px;
	border: solid 1px #E7E7E7;
	z-index: 2;
	font-weight: bold;
}

.hikashop_tabs_ul li a {
	color: #555555;
}

.hikashop_tabs_ul li a:hover {
	text-decoration: none;
	color: #555555;
}

.hikashop_tabs_content {
	z-index: 1;
	position: relative;
	display: none;
	min-height: 200px;
	background-color: white;
	border: solid 1px #E7E7E7;
	padding: 5px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.hikashop_tabs_li_selected {
	border-bottom: solid 1px #ffffff !important;
	background-color: #ffffff !important;
}

.hikashop_tabs_li_selected a {
	color: #1491B0 !important;
}

.hikashop_hidden_checkout {
	display: none;
}

.hk-container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hk-thumbnails {
	list-style: outside none none;
}

@media (min-width:768px) {
	.hk-container {
		width: 750px;
	}
}

@media (min-width:992px) {
	.hk-container {
		width: 970px;
	}
}

@media (min-width:1200px) {
	.hk-container {
		width: 1170px;
	}
}

.hk-container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hk-row {
	margin-left: -15px;
	margin-right: -15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hk-row-fluid {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hkc-xs-1,
.hkc-sm-1,
.hkc-md-1,
.hkc-lg-1,
.hkc-xl-1,
.hkc-xs-2,
.hkc-sm-2,
.hkc-md-2,
.hkc-lg-2,
.hkc-xl-2,
.hkc-xs-3,
.hkc-sm-3,
.hkc-md-3,
.hkc-lg-3,
.hkc-xl-3,
.hkc-xs-4,
.hkc-sm-4,
.hkc-md-4,
.hkc-lg-4,
.hkc-xl-4,
.hkc-xs-5,
.hkc-sm-5,
.hkc-md-5,
.hkc-lg-5,
.hkc-xl-5,
.hkc-xs-6,
.hkc-sm-6,
.hkc-md-6,
.hkc-lg-6,
.hkc-xl-6,
.hkc-xs-7,
.hkc-sm-7,
.hkc-md-7,
.hkc-lg-7,
.hkc-xl-7,
.hkc-xs-8,
.hkc-sm-8,
.hkc-md-8,
.hkc-lg-8,
.hkc-xl-8,
.hkc-xs-9,
.hkc-sm-9,
.hkc-md-9,
.hkc-lg-9,
.hkc-xl-9,
.hkc-xs-10,
.hkc-sm-10,
.hkc-md-10,
.hkc-lg-10,
.hkc-xl-10,
.hkc-xs-11,
.hkc-sm-11,
.hkc-md-11,
.hkc-lg-11,
.hkc-xl-11,
.hkc-xs-12,
.hkc-sm-12,
.hkc-md-12,
.hkc-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hkc-xs-1,
.hkc-xs-2,
.hkc-xs-3,
.hkc-xs-4,
.hkc-xs-5,
.hkc-xs-6,
.hkc-xs-7,
.hkc-xs-8,
.hkc-xs-9,
.hkc-xs-10,
.hkc-xs-11,
.hkc-xs-12 {
	float: left;
}

.hkc-xs-12 {
	width: 100%;
}

.hkc-xs-11 {
	width: 91.66666667%;
}

.hkc-xs-10 {
	width: 83.33333333%;
}

.hkc-xs-9 {
	width: 75%;
}

.hkc-xs-8 {
	width: 66.66666667%;
}

.hkc-xs-7 {
	width: 58.33333333%;
}

.hkc-xs-6 {
	width: 50%;
}

.hkc-xs-5 {
	width: 41.66666667%;
}

.hkc-xs-4 {
	width: 33.33333333%;
}

.hkc-xs-3 {
	width: 25%;
}

.hkc-xs-2 {
	width: 16.66666667%;
}

.hkc-xs-1 {
	width: 8.33333333%;
}

@media (min-width:768px) {

	.hkc-sm-1,
	.hkc-sm-2,
	.hkc-sm-3,
	.hkc-sm-4,
	.hkc-sm-5,
	.hkc-sm-6,
	.hkc-sm-7,
	.hkc-sm-8,
	.hkc-sm-9,
	.hkc-sm-10,
	.hkc-sm-11,
	.hkc-sm-12 {
		float: left;
	}

	.hkc-sm-12 {
		width: 100%;
	}

	.hkc-sm-11 {
		width: 91.66666667%;
	}

	.hkc-sm-10 {
		width: 83.33333333%;
	}

	.hkc-sm-9 {
		width: 75%;
	}

	.hkc-sm-8 {
		width: 66.66666667%;
	}

	.hkc-sm-7 {
		width: 58.33333333%;
	}

	.hkc-sm-6 {
		width: 50%;
	}

	.hkc-sm-5 {
		width: 41.66666667%;
	}

	.hkc-sm-4 {
		width: 33.33333333%;
	}

	.hkc-sm-3 {
		width: 25%;
	}

	.hkc-sm-2 {
		width: 16.66666667%;
	}

	.hkc-sm-1 {
		width: 8.33333333%;
	}
}

@media (min-width:992px) {

	.hkc-md-1,
	.hkc-md-2,
	.hkc-md-3,
	.hkc-md-4,
	.hkc-md-5,
	.hkc-md-6,
	.hkc-md-7,
	.hkc-md-8,
	.hkc-md-9,
	.hkc-md-10,
	.hkc-md-11,
	.hkc-md-12 {
		float: left;
	}

	.hkc-md-12 {
		width: 100%;
	}

	.hkc-md-11 {
		width: 91.66666667%;
	}

	.hkc-md-10 {
		width: 83.33333333%;
	}

	.hkc-md-9 {
		width: 75%;
	}

	.hkc-md-8 {
		width: 66.66666667%;
	}

	.hkc-md-7 {
		width: 58.33333333%;
	}

	.hkc-md-6 {
		width: 50%;
	}

	.hkc-md-5 {
		width: 41.66666667%;
	}

	.hkc-md-4 {
		width: 33.33333333%;
	}

	.hkc-md-3 {
		width: 25%;
	}

	.hkc-md-2 {
		width: 16.66666667%;
	}

	.hkc-md-1 {
		width: 8.33333333%;
	}
}

@media (min-width:1200px) {

	.hkc-lg-1,
	.hkc-lg-2,
	.hkc-lg-3,
	.hkc-lg-4,
	.hkc-lg-5,
	.hkc-lg-6,
	.hkc-lg-7,
	.hkc-lg-8,
	.hkc-lg-9,
	.hkc-lg-10,
	.hkc-lg-11,
	.hkc-lg-12 {
		float: left;
	}

	.hkc-lg-12 {
		width: 100%;
	}

	.hkc-lg-11 {
		width: 91.66666667%;
	}

	.hkc-lg-10 {
		width: 83.33333333%;
	}

	.hkc-lg-9 {
		width: 75%;
	}

	.hkc-lg-8 {
		width: 66.66666667%;
	}

	.hkc-lg-7 {
		width: 58.33333333%;
	}

	.hkc-lg-6 {
		width: 50%;
	}

	.hkc-lg-5 {
		width: 41.66666667%;
	}

	.hkc-lg-4 {
		width: 33.33333333%;
	}

	.hkc-lg-3 {
		width: 25%;
	}

	.hkc-lg-2 {
		width: 16.66666667%;
	}

	.hkc-lg-1 {
		width: 8.33333333%;
	}
}

@media (min-width:1600px) {

	.hkc-xl-1,
	.hkc-xl-2,
	.hkc-xl-3,
	.hkc-xl-4,
	.hkc-xl-5,
	.hkc-xl-6,
	.hkc-xl-7,
	.hkc-xl-8,
	.hkc-xl-9,
	.hkc-xl-10,
	.hkc-xl-11,
	.hkc-xl-12 {
		float: left;
	}

	.hkc-xl-12 {
		width: 100%;
	}

	.hkc-xl-11 {
		width: 91.66666667%;
	}

	.hkc-xl-10 {
		width: 83.33333333%;
	}

	.hkc-xl-9 {
		width: 75%;
	}

	.hkc-xl-8 {
		width: 66.66666667%;
	}

	.hkc-xl-7 {
		width: 58.33333333%;
	}

	.hkc-xl-6 {
		width: 50%;
	}

	.hkc-xl-5 {
		width: 41.66666667%;
	}

	.hkc-xl-4 {
		width: 33.33333333%;
	}

	.hkc-xl-3 {
		width: 25%;
	}

	.hkc-xl-2 {
		width: 16.66666667%;
	}

	.hkc-xl-1 {
		width: 8.33333333%;
	}
}

.clearfix:before,
.clearfix:after,
.hk-container:before,
.hk-container:after,
.hk-container-fluid:before,
.hk-container-fluid:after,
.hk-row:before,
.hk-row:after,
.hk-row-fluid:before,
.hk-row-fluid:after,
.hk-thumbnails:before,
.hk-thumbnails:after {
	content: " ";
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after,
.hk-container:after,
.hk-container-fluid:after,
.hk-row:after,
.hk-row-fluid:after,
.hk-thumbnails:before,
.hk-thumbnails:after {
	clear: both;
}



.hikashop_vote_stars_new {
	float: left;
}

.jRatingAverage {
	position: relative;
	top: 0;
	left: 0;
	z-index: 4;
	height: 100%;
	background-image: url('../images/star.gif') repeat-x !important;
	background-position: left -48px !important;
}

.jRatingColor {
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	height: 100%;
	background-image: url('../images/star.gif') repeat-x !important;
	background-position: left top !important;
}

.jStar {
	position: relative;
	left: 0;
	z-index: 2;
	background-image: url('../images/star.gif') repeat-x !important;
	background-position: left -32px !important;
}

p.jRatingInfos {
	position: absolute;
	z-index: 5;
	background: black;
	opacity: 0.8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	color: #fff;
	display: none;
	width: 60px;
	height: 22px;
	font-size: 16px;
	text-align: center;
	padding-top: 4px;
}

p.jRatingInfos span.maxRate {
	color: #c9c9c9;
	font-size: 14px;
}


/* table-layout:fixed — without this, the browser's default "auto" table
   layout recomputes every column's width from the content of ALL rows
   combined. With 1-2 short product names there's enough slack for the
   image column to render at its stated 69px; add a 3rd row (or a longer
   name) and the algorithm proportionally compresses every column,
   including the image's, to keep the table inside the sidebar's fixed
   width — silently overriding .hikashop_product_cart_image's own
   width:69px!important, since that only governs the <img>, not the <td>
   the table-layout algorithm is negotiating. Fixed layout makes column
   widths depend only on the explicit widths below (image column) and CSS
   on the first row, never on row count or text length. */
.hikashop_cart table {
	border-collapse: collapse;
	table-layout: fixed;
}

.hikashop_cart tr {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	text-align: left
}

.hikashop_cart td {
	padding: 2px
}

.hikashop_cart th {
	border-bottom: 1px solid #ddd;
	padding: 10px 2px 5px 2px
}

.hikashop_cart_module_product_total_title {
	padding: 10px 0px
}

.hikashop_cart hr {
	display: none
}

.hikashop_cart .hikashop_cart_module_product_name_value a {
	color: #666666;
	text-decoration: none;
	/* !important: something later in the cascade (theme.9.css loads after
	   this file) is still bolding this link despite this rule already
	   being more specific than the .hikashop_cart tr{font-weight:bold}
	   rule above — same class of cascade issue as the notify popup. */
	font-weight: normal !important;
}

.hikashop_cart .hikashop_cart_module_product_name_value a:hover {
	color: #82a0b5;
}

/* HikaShop appends variant info to product_name as
   "Base Name<span class="hikashop_product_variant_subname">: Variant Name</span>"
   (product.php, buildVariantFromElement). When a variant has no
   distinguishing characteristic its variant_name falls back to the base
   name, so the cart module echoes it twice ("Base Name: Base Name"). Hide
   the span here so the module always shows just the product title. */
.hikashop_cart .hikashop_cart_module_product_name_value .hikashop_product_variant_subname {
	display: none;
}

/* Product code (e.g. "218") is echoed right after the name with no
   separator (cart.php:640-642, class="hikashop_product_code_cart") — hide
   it so the module shows only the product title. */
.hikashop_cart .hikashop_cart_module_product_name_value .hikashop_product_code_cart {
	display: none;
}

/* Fixed box. object-fit:cover crops any source aspect ratio (portrait or
   landscape cards) to fill it without distortion. 52x48 = 75% of the
   original 69x64 (2026-07-28, "smaller by about 25%"); width taken down a
   further 10px (same day, "10px less wide") to 42px, height left as-is. */
.hikashop_cart .hikashop_product_cart_image {
	width: 42px !important;
	height: 48px !important;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}

/* French rendered these visibly differently in testing despite identical
   markup/CSS on both languages. Root cause (confirmed 2026-07-28): the
   Falang translation of this module's params (exp_falang_content,
   reference_id=136, reference_field='params', language_id=3) was missing
   the entire hikashopcartmodule settings block, so French silently fell
   back to HikaShop's hardcoded defaults instead of this module's actual
   config — fixed directly in the database by restoring the full settings
   block to the French translation. This explicit .swg-lang-fr override is
   now redundant (both languages read the same config) but kept as a
   belt-and-suspenders pin in case a future Falang re-save of this module's
   translation drops the block again. */
.swg-lang-fr .hikashop_cart .hikashop_product_cart_image {
	width: 42px !important;
	height: 48px !important;
}

/* .hikashop_cart td above sets padding:2px on every cell — add extra
   padding on the right of the image cell specifically, to separate the
   thumbnail from the product name column next to it (10px, reduced from
   12px on 2026-07-28, "reduce column padding by 2px"). Explicit width
   (image + its own padding + this extra padding) is what table-layout:fixed
   above locks the column to, so it can no longer be compressed by other
   rows/columns. 56px = 42px image (2026-07-28 resize) + 2px left padding +
   10px right padding, plus a couple px of breathing room. */
.hikashop_cart .hikashop_cart_module_product_image {
	width: 56px;
	padding-right: 10px;
}

.hikashop_cart span.hikashop_product_price {
	font-size: 12px
}

/* text-align:right, 2026-07-28 "align the quantity selector section and
   the prices right to make more space for the product titles" — matches
   the quantity column's alignment above so both narrow numeric columns
   hug the right edge, leaving the name column the room on the left.
   Explicit width, same reasoning as the quantity column above: locks this
   column to what a price string actually needs instead of an even 3-way
   split of the leftover table width, closing the visual gap to the
   quantity column and freeing more of that space for the name column. */
.hikashop_cart .hikashop_cart_module_product_price_value {
	width: 60px;
	text-align: right;
}

/* The TOTAL row's value cell is a separate, un-colspanned <td> that lands
   in this same column position, but had no alignment of its own — it was
   defaulting to the row's ambient left-align while the per-product prices
   above are now right-aligned, so "Total" and each line price ended up at
   different horizontal positions ("align the total price with the product
   prices"). */
.hikashop_cart .hikashop_cart_module_product_total_value {
	text-align: right;
}

.hikashop_cart .hikashop_cart_input_button {
	margin: 5px 0px
}

.hikashop_cart .row0:hover,
.hikashop_cart .row1:hover {
	background-color: #f8f8f8
}

.hikashop_cart_value input {
	padding: 1px;
	margin: 0px;
}

.hikashop_cart .hikashop_product_quantity_field {
	margin: 0px !important
}

/* =====================================================================
   SWG — "Your Cart" module quantity stepper  ·  added 2026-07-28
   revised 2026-07-28 — narrower + no button chrome + arrows stacked
   ---------------------------------------------------------------------
   Target: components/com_hikashop/views/product/tmpl/cart.php (module 136,
   "Your Cart", sidebar). Quantity markup comes from the same shared layout
   as everywhere else (views/layouts/tmpl/quantity.php, `show_default_div`),
   but this template wraps it in class "hikashop_cart_module_product_
   quantity_value" — NOT "hikashop_cart_product_quantity_value", which is
   the checkout page's class (see the "Checkout cart block" rules above,
   :5674 area). Deliberately NOT reusing that block's [-][input][+]-in-a-
   bordered-row design: in this module the row is narrow (sidebar width)
   and a 3-cell row was wide enough to squeeze the product thumbnail.
   Layout here is [input][+ over -] instead, DOM order already puts the
   plus div before the minus div (quantity.php:240-252) so no `order`
   overrides are needed — just stack the wrapper as a column. No borders/
   background on the +/- controls (the "boxed button" look the checkout
   version uses is intentionally dropped here); the number's font-size is
   inherited so it always matches the product name text next to it. */

/* text-align:right (was center, 2026-07-28 "align the quantity selector
   section and the prices right to make more space for the product
   titles") — pushes the stepper + delete icon to the right edge of the
   column instead of floating in the middle. Explicit width (same day,
   "product titles need more width so they are not cut off") — with
   table-layout:fixed and no width set on any of image/name/quantity/price,
   the browser was splitting the leftover space ~evenly across name/
   quantity/price, giving this column far more room than [stepper][trash]
   actually needs and starving the name column. Locking this one (and
   price below) to a content-sized width lets name absorb the rest. */
td.hikashop_cart_module_product_quantity_value {
	width: 74px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

/* Kill the float from :317 and lay the input + arrow-stack out side by
   side. Deliberately no border/background — this is scaffolding only,
   not a "boxed" control. */
.hikashop_cart .hikashop_cart_module_product_quantity_value .hikashop_product_quantity_field,
.hikashop_cart .hikashop_cart_module_product_quantity_value .hikashop_product_quantity_div,
.hikashop_cart .hikashop_cart_module_product_quantity_value .hikashop_cart_product_quantity_refresh {
	float: none !important;
	margin-right: 0 !important;
}
.hikashop_cart .hikashop_cart_module_product_quantity_value .hikashop_product_quantity_input_div_default_main {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 3px;
	vertical-align: middle;
	line-height: 1;
}

/* The +/- wrapper becomes a tight vertical stack (+ on top, since it's
   first in the DOM) instead of the checkout block's flattened row. */
.hikashop_cart .hikashop_cart_module_product_quantity_value .hikashop_product_quantity_change_div_default {
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 !important;
}

/* - / + controls. No border/background/radius — plain glyphs, not
   buttons. Must still beat YOOtheme's `.uk-button` (css_button =
   uk-button is applied to these anchors with no variant class). */
.hikashop_cart .hikashop_cart_module_product_quantity_value a.hikashop_product_quantity_field_change {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 16px;
	min-width: 16px;
	height: 13px;
	min-height: 13px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #6b7080 !important;
	font: inherit;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: color .12s ease-in-out;
}
.hikashop_cart .hikashop_cart_module_product_quantity_value a.hikashop_product_quantity_field_change:hover {
	color: #26244c !important;
	text-decoration: none !important;
}
.hikashop_cart .hikashop_cart_module_product_quantity_value a.hikashop_product_quantity_field_change:focus-visible {
	outline: 2px solid #ca9a6b;
	outline-offset: -1px;
}

/* The number field. Small and unboxed-adjacent — just a thin border so
   it still reads as editable text, no fill/shadow. font-size:inherit
   (not a fixed px value) so it always matches the product name in the
   name column next to it, per the ancestor .hikashop_cart tr rule.
   `td.` prefix raises specificity so this also beats :3518's
   `.hikashop_cart .hikashop_product_quantity_field{margin:0!important}`
   and the Customizer's custom_less rule
   `input[type=text]:not([class*=uk-]){border:1px solid #a4a4a4 !important}`. */
td.hikashop_cart_module_product_quantity_value input.hikashop_product_quantity_field {
	box-sizing: border-box;
	width: 26px !important;
	min-width: 26px;
	height: auto !important;
	min-height: 22px;
	margin: 0 !important;
	padding: 0 2px !important;
	border: 1px solid #cfd1da !important;
	border-radius: 3px !important;
	background: #fff !important;
	color: #2a2d3d !important;
	text-align: center !important;
	font: inherit;
	font-size: inherit !important;
	font-variant-numeric: tabular-nums;
	box-shadow: none !important;
	-moz-appearance: textfield;
}
td.hikashop_cart_module_product_quantity_value input.hikashop_product_quantity_field:focus {
	outline: 2px solid #ca9a6b;
	outline-offset: -2px;
}

/* Refresh is redundant: the input's onchange, the +/- onclick and the
   noscript submit button all resolve to the same form submit that already
   updates the cart (cart.php:702-705). */
.hikashop_cart .hikashop_cart_module_product_quantity_value .hikashop_cart_product_quantity_refresh {
	display: none !important;
}

/* Delete (trash) — moved into this cell 2026-07-28 ("move the delete
   button into the same cell as the selector so that it takes up less
   space"; template change in templates/yootheme/html/com_hikashop/product/
   cart.php). Icon is a YOOtheme uk-icon (inline SVG, sized via its own
   width/height attributes, not font-size) — color still controls it via
   UIkit's fill:currentColor.
   vertical-align:middle (2026-07-28) — this and the stepper container
   above are both inline-flex, so without it they align to each other via
   default baseline instead of true vertical center, which is what put the
   icon visibly higher than the input/arrows next to it.
   margin-left 4px (was 8px, same day "move it closer to the selector by
   4px") — muted until hover so it doesn't compete with the stepper for
   attention. */
.hikashop_cart .hikashop_cart_module_product_quantity_value a.swg-cart-delete {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	margin-left: 4px !important;
	color: #9aa0b0 !important;
	line-height: 1;
	text-decoration: none !important;
	transition: color .12s ease-in-out;
}
.hikashop_cart .hikashop_cart_module_product_quantity_value a.swg-cart-delete:hover,
.hikashop_cart .hikashop_cart_module_product_quantity_value a.swg-cart-delete:focus-visible {
	color: #b3261e !important;
}
.hikashop_cart .hikashop_cart_module_product_quantity_value a.swg-cart-delete:focus-visible {
	outline: 2px solid #ca9a6b;
	outline-offset: 2px;
	border-radius: 2px;
}

/* The delete <td> itself is kept in the markup (so colspan math elsewhere
   in cart.php doesn't need to change) but is empty now — shrink it to a
   sliver instead of a full icon-width column. */
.hikashop_cart .hikashop_cart_module_product_delete_value {
	width: 1px;
	padding: 0 !important;
}
/* ============ EO SWG "Your Cart" module quantity stepper ============ */


.hikashop_currency_module {
	padding: 10px 0px
}

.hikashopcurrency {
	width: 100%
}

.hikashop_currency_module select {
	padding: 2px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.hikashopcurrency option {
	padding: 2px 5px;
}

.hikashopcurrency .inputbox,
.hikashopcurrency .inputbox:hover,
.hikashopcurrency .inputbox:focus {
	border: 1px solid #ddd
}


.hikashop_subcategories h3 a {
	color: #555555;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.hikashop_subcategories h3 a:hover {
	color: #82a0b5;
}

.hikashop_category_list_item a {
	color: #666;
	text-decoration: none;
	padding: 2px 0px;
	display: block
}

.hikashop_category_list_item a:hover {
	color: #82a0b5;
}

.pane-sliders .title {
	margin: 0;
	padding: 5px;
	color: #666;
	cursor: pointer;
}

.pane-sliders .panel {
	border: 1px solid #eee;
	margin-bottom: 3px;
	border-radius: 3px
}

.pane-sliders .content {
	background: #ffffff;
}

.pane-sliders div.content {
	padding: 0px 10px 10px 10px;
}

.pane-toggler a {
	background: transparent url(../images/j_arrow.png) 5px 50% no-repeat;
	padding-left: 20px;
	font-weight: 700;
}

.pane-toggler-down a {
	background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat;
	padding-left: 20px;
}

.jpane-toggler-down {
	border-bottom: 1px solid #ccc;
}

.hikashop_categories_listing_main {
	margin: 10px 0px
}

.pane-sliders .title {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #F9F9F9 none repeat scroll 0 0;
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
	border-style: solid;
	border-width: 1px;
	background-image: -moz-linear-gradient(center bottom, #f8f8f8 40%, #fff 60%) !important;
	border: none
}


.hikashop_subcategories h4 {
	padding: 5px;
	margin: 0px;
}

.accordion-heading .accordion-toggle {
	padding: 0px;
	margin: 0px;
	padding-left: 20px
}

.hikashop_subcategories h4 a {
	color: #555555;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.hikashop_subcategories h4 a:hover {
	color: #82a0b5;
}

.hikashop_category_list_item a {
	color: #666;
	text-decoration: none;
	padding: 2px 0px;
	display: block
}

.hikashop_category_list_item a:hover {
	color: #82a0b5;
}

.accordion-heading .title {
	margin: 0;
	padding: 5px;
	color: #666;
	cursor: pointer;
}

.accordion-heading .panel {
	border: 1px solid #eee;
	margin-bottom: 3px;
	border-radius: 3px
}

.accordion-heading .content {
	background: #ffffff;
}

.accordion-heading div.content {
	padding: 0px 10px 10px 10px;
}

.accordion-heading a.accordion-toggle {
	display: inline;
	background: transparent url(../images/j_arrow.png) 5px 50% no-repeat;
	padding-left: 20px;
	font-weight: 700;
}

.hikashop_categories_listing_main {
	margin: 10px 0px
}

.accordion-heading {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #F9F9F9 none repeat scroll 0 0;
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
	border-style: solid;
	border-width: 1px;
	background-image: -moz-linear-gradient(center bottom, #f8f8f8 40%, #fff 60%) !important;
	border: none;
}






#hikashop_cart_listing,
#hikashop_affiliate_main,
#hikashop_address_listing,
#hikashop_order_listing {
	margin: 0px;
	padding: 0px;
}

#hikashop_carts_listing .header,
#hikashop_affiliate_main .header,
#hikashop_address_listing .header,
#hikashop_order_listing .header {
	margin: 0px
}

#hikashop_carts_listing .header h1,
#hikashop_affiliate_main .header h1,
#hikashop_address_listing .header h1,
#hikashop_order_listing .header h1 {
	margin: 30px 0 0 0;
	color: #555;
	font-weight: bold;
	font-size: 15px;
	padding: 0px
}

#hikashop_carts_listing fieldset,
#hikashop_affiliate_main fieldset,
#hikashop_address_listing fieldset,
#hikashop_order_listing fieldset {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px
}

#hikashop_carts_listing div.toolbar a,
#hikashop_affiliate_main div.toolbar a,
#hikashop_address_listing div.toolbar a,
#hikashop_order_listing div.toolbar a {
	border: none;
	text-decoration: none;
	padding: 5px
}

#hikashop_carts_listing div.toolbar a:hover,
#hikashop_affiliate_main div.toolbar a:hover,
#hikashop_address_listing div.toolbar a:hover,
#hikashop_order_listing div.toolbar a:hover {
	color: #82a0b5
}


#member-profile fieldset {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px
}

#member-profile legend {
	font-weight: bold;
	font-size: 12px;
	color: #333;
	margin: 0px 5px;
	padding: 0px 5px
}

#member-profile input,
#member-profile select {
	padding: 4px;
	margin-bottom: 5px
}

#member-profile .validate,
#member-profile a {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;
	background-image: linear-gradient(to bottom, #FFFFFF, #EEEEEE);
	background-repeat: repeat-x;
	border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;
	border-image: none;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #777777;
	cursor: pointer;
	display: inline-block;
	line-height: 18px;
	padding: 3px 8px;
	text-align: center;
	text-decoration: none;
}

#member-profile .validate:hover,
#member-profile a:hover {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #F5F5F5;
	background-image: linear-gradient(to bottom, #FFFFFF, #DDDDDD);
	background-repeat: repeat-x;
	border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #777777;
	cursor: pointer;
	display: inline-block;
	outline: medium none;
}

@media (max-width:768px) {
	.hikashop_cpanel_icon_div {
		width: 100% !important;
	}
}


.hikashop_address_listing_item_details {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 3px;
	color: #666
}

.hikashop_header_buttons a {
	color: #666;
	font-size: 11px;
	text-decoration: none
}

.contentpane h1 {
	font-size: 14px;
	padding-bottom: 4px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.contentpane #hikashop_address_form_span_iframe td {
	padding: 5px 0px;
}

.contentpane #hikashop_address_form_span_iframe .key {
	padding-right: 20px;
	color: #666
}

.contentpane #hikashop_address_form_span_iframe select,
.contentpane #hikashop_address_form_span_iframe input {
	padding: 2px;
	color: #666;
}


#hikashop_order_listing .hikashop_no_border td {
	padding: 0px
}

#hikashop_order_listing .hikashop_no_border .btn {
	margin: 0px;
	padding: 3px 6px
}

#hikashop_search {
	padding: 2px;
	margin: 0px
}

#hikashop_order_listing table#hikashop_order_listing {
	margin-top: 20px
}

#hikashop_order_listing th {
	border-bottom: 1px solid #DDDDDD;
	padding: 10px 5px 5px;
}

#hikashop_order_listing th,
#hikashop_order_listing th a {
	color: #555;
	font-weigth: bold;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
}

#hikashop_order_listing th a:hover {
	color: #82a0b5
}

#hikashop_order_listing td {
	padding: 5px;
	border-bottom: 1px solid #ddd
}

#hikashop_order_listing .hikashop_no_border td {
	border: none
}

.span.hikashop_order_listing_status .hikashop_order_status_created {
	color: #0088CC
}

.span.hikashop_order_listing_status .hikashop_order_status_confirmed,
.span.hikashop_order_listing_status .hikashop_order_status_shipped {
	color: #690
}

.span.hikashop_order_listing_status .hikashop_order_status_cancelled,
.span.hikashop_order_listing_status .hikashop_order_status_refunded {
	color: #C30
}

.hikashop_order_number_value a {
	color: #82a0b5;
	text-decoration: underline
}

#hikashop_order_listing .row0:hover,
#hikashop_order_listing .row1:hover {
	background-color: #fff
}

#hikashop_order_listing .row0 {
	background-color: #f9f9f9
}

#hikashop_order_listing .row1 {
	background-color: #f6f6f6
}

#hikashop_order_listing table {
	border-collapse: collapse
}

#hikashop_order_main fieldset {
	border: none
}

#hikashop_order_main fieldset h1 {
	color: #555;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
}

#hikashop_order_main .hikashop_order_left_part {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
}

#hikashop_order_main .hikashop_order_right_part {
	float: right;
	margin-right: 10px;
	padding-top: 10px;
}

#hikashop_order_main #adminForm fieldset {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 15px;
}

#hikashop_order_main #adminForm legend {
	font-weight: bold;
	font-size: 14px;
	color: #555;
	margin: 0px 5px;
	padding: 0px 5px
}

#htmlfieldset_products table {
	border-collapse: collapse
}

#htmlfieldset_products th {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px;
	text-align: left
}

#htmlfieldset_products td {
	padding: 10px
}

#htmlfieldset_products .hikashop_order_product_name {
	font-size: 12px;
	color: #555;
}

#htmlfieldset_products .hikashop_order_product_name:hover {
	color: #82a0b5;
}

#htmlfieldset_products a {
	text-decoration: none;
	color: #555
}

#htmlfieldset_products a:hover {
	text-decoration: none;
	color: #82a0b5
}

#htmlfieldset_products .row0:hover,
#htmlfieldset_products .row1:hover {
	background-color: #f8f8f8
}

#htmlfieldset_products .hikashop_order_item_total_value,
#htmlfieldset_products .hikashop_order_subtotal_value,
#htmlfieldset_products .hikashop_order_shipping_value {
	color: #82a0b5;
	font-style: italic;
}

#htmlfieldset_products .hikashop_order_total_title {
	font-weight: bold;
	color: #555
}

#htmlfieldset_products .hikashop_order_total_value {
	font-weight: bold;
	color: #82a0b5;
	font-style: italic;
}

.hikashop_order_tax_value {
	color: #82a0b5;
	font-style: italic
}


#hikashop_carts_listing td {
	padding: 0px
}

#hikashop_cart_listing .hikashop_no_border .btn {
	margin: 0px;
	padding: 3px 6px
}

#hikashop_cart_listing table {
	border-collapse: collapse
}

#hikashop_cart_listing th {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding: 5px 10px
}

#hikashop_cart_listing td {
	padding: 10px
}

#hikashop_cart_listing td a {
	color: #555;
	text-decoration: underline;
}

#hikashop_cart_listing td a:hover {
	color: #82a0b5;
}

#hikashop_cart_listing .row0:hover,
#hikashop_carts_listing .row1:hover {
	background-color: #f8f8f8
}


#hikashop_cart_listing {
	margin-top: 20px
}

#hikashop_cart_listing table {
	border-collapse: collapse;
}

#hikashop_cart_listing table.hikashop_no_border {
	margin: 0px
}

#hikashop_cart_listing fieldset {
	border: none
}

#hikashop_cart_listing fieldset h1 {
	color: #555;
	font-weight: bold;
	font-size: 15px
}

#hikashop_cart_product_listing th {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding: 5px
}

#hikashop_cart_product_listing td {
	padding: 5px
}

#hikashop_cart_product_listing a {
	color: #555;
	font-size: 12px;
	text-decoration: none
}

#hikashop_cart_product_listing a:hover {
	color: #82a0b5;
}

#hikashop_cart_product_listing .row0:hover,
#hikashop_cart_product_listing .row1:hover {
	background-color: #f8f8f8
}

#hikashop_cart_product_listing .hika_show_cart_total_text {
	color: #555;
	font-weight: bold;
	font-size: 12px;
}

#hikashop_cart_product_listing .hika_show_cart_total_price {
	font-weight: bold;
	font-size: 12px;
	color: #82a0b5;
	font-style: italic
}

.hikashop_showcart_infos td {
	padding: 5px
}

.hikashop_showcart_infos .key {
	text-align: right;
	color: #555;
	font-weight: bold;
	font-size: 12px
}

.hikashop_showcart_infos input,
.hikashop_showcart_infos select {
	padding: 2px;
}

.hikashop_showcart_infos {
	border: 1px solid #ddd;
	width: auto;
}



#hikashop_affiliate_main #adminForm fieldset {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px
}

#hikashop_affiliate_main #adminForm legend {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 10px;
}

.hikashop_affiliate_banners_table li {
	list-style-type: none;
	padding: 3px 0px
}

.hikashop_banner_row td {
	border-bottom: 1px solid #ddd
}

.hikashop_banner_row td:hover {
	background-color: #f8f8f8
}

.hikashop_banner_row a {
	color: #82a0b5;
	text-decoration: none
}

.hikashop_banner_row a:hover {
	text-decoration: underline
}

.hikashop_banner_row textarea {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px;
	margin: 10px 0px
}



#hikashop_checkout_page fieldset legend {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0px;
	padding: 0px;
	text-transform: uppercase
}

.hikashop_checkout_address_left_part {
	width: 45%;
	float: left;
}

.hikashop_checkout_address_right_part {
	width: 45%;
	float: left;
	margin-left: 2%
}

.hikashop_checkout_address_left_part table,
.hikashop_checkout_address_right_part table {
	border-collapse: collapse;
	width: 100%
}

.hikashop_checkout_address_left_part td,
.hikashop_checkout_address_right_part td {
	padding: 10px;
}

.hikashop_checkout_address_left_part .row0:hover,
.hikashop_checkout_address_left_part .row1:hover,
.hikashop_checkout_address_right_part .row0:hover,
.hikashop_checkout_address_right_part .row1:hover {
	background-color: #f8f8f8
}

.hikashop_checkout_address_right_part #same_address {
	margin: 10px;
}

#hikashop_shipping_methods table {
	border-collapse: collapse;
	width: 100%
}

#hikashop_shipping_methods td {
	padding: 10px 5px;
}

#hikashop_shipping_methods tr {
	border-bottom: 1px solid #eee
}

#hikashop_shipping_methods .row0:hover,
#hikashop_shipping_methods .row1:hover {
	background-color: #f8f8f8
}

.hikashop_checkout_shipping_name {
	font-weight: bold;
	color: #333
}

.hikashop_checkout_shipping_price_full,
.hikashop_checkout_payment_description {
	color: #666
}

.hikashop_checkout_cart_shipping,
.hikashop_checkout_cart_subtotal {
	color: #82a0b5;
	font-style: normal;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 14px;
	font-weight: bold;
}

#hikashop_payment_methods table {
	border-collapse: collapse;
	width: 100%
}

.hikashop_checkout_payment_description {
	margin-left: 10px
}

#hikashop_payment_methods td {
	padding: 5px;
	background-color: #fff
}

#hikashop_payment_methods .row0:hover,
#hikashop_payment_methods .row1:hover {
	background-color: #f8f8f8
}

#hikashop_payment_methods .hikashop_credit_card td {
	background-color: #f8f8f8
}

#hikashop_checkout_cart table {
	border-collapse: collapse
}

#hikashop_checkout_additional_info .key label {
	margin-right: 10px;
}

#hikashop_checkout_additional_info input {
	margin: 5px 0px;
}


#hikashop_entries_info fieldset {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px
}

#hikashop_entries_info legend {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	padding: 0 10px;
}

#hikashop_entries_info input {
	margin-right: 10px
}

#hikashop_entries_info {
	color: #666;
	font-size: 12px
}

#hikashop_entries_info .key {
	font-weight: bold;
	color: #555;
	font-size: 12px
}

#hikashop_entries_info td {
	padding: 4px
}

#hikashop_entries_info label {
	margin-right: 10px;
}

#hikashop_entries_info a,
#hikashop_new_entry a {
	color: #82a0b5;
	text-decoration: none
}

#hikashop_entries_info a:hover,
#hikashop_new_entry a:hover {
	color: #82a0b5;
	text-decoration: underline
}

#hikashop_new_entry {
	margin: 10px 0px
}

#hikashop_entry_next_button.hikashop_cart_input_button {
	margin-left: 0px
}



#hikashop_download_listing fieldset {
	border: none
}

#hikashop_download_listing fieldset h1 {
	color: #555;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
}

#hikashop_download_listing .hikashop_no_border .btn {
	margin: 0px;
	padding: 1px 4px
}

#hikashop_download_listing table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px
}

#hikashop_download_listing th {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px 5px;
	text-align: left
}

#hikashop_download_listing a {
	color: #555;
	text-decoration: none;
}

#hikashop_download_listing a:hover {
	color: #82a0b5;
	text-decoration: none;
}

#hikashop_download_listing th img {
	margin: 0px 5px
}

#hikashop_download_listing td {
	padding: 4px 0px
}

#hikashop_download_listing .pagination {
	text-align: center;
	margin-top: 20px;
	font-size: 11px;
	color: #666
}



#hikashop_small_image_div {
	padding: 5px 0px;
}

#hikashop_product_price_with_options_main {
	margin: 5px 0px;
	display: block
}

.hikashop_option_price_title {
	color: #666
}

.hikashop_option_price_value {
	color: #82a0b5;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	font-family: 'Montserrat', sans-serif !important;
}

#hikashop_product_characteristics,
#hikashop_product_options {
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 3px
}

.hikashop_product_characteristics_table td,
.hikashop_product_options_table td {
	padding: 3px;
	color: #666
}

.hikashop_product_characteristics_table select,
.hikashop_product_options_table select {
	padding: 2px;
	color: #666
}

#hikashop_product_description_main {
	padding-top: 20px
}


.hikashop_category_name {
	color: #555;
	font-weight: bold;
	font-size: 14px;
}

.hikashop_category_desc {
	color: #666
}


.hikashop_category_information h2 {
	clear: both;
	font-weight: bold;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4px;
	margin-bottom: 10px
}


.hikashop_filter_title {
	color: #555;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 8px;
	display: block
}

.hikashop_filter_checkbox input {
	margin-right: 5px
}

.hikashop_filter_Filtre select,
.hikashop_filter_Filtre option {
	padding: 3px;
}



#hikashop_checkout_page h1 {
	font-size: 14px;
	color: #555;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

#hikashop_checkout_login_left_part fieldset {
	margin-right: 20px
}

#hikashop_checkout_login_left_part h2,
#hikashop_checkout_login_right_part h2,
#hikashop_checkout_login_right_part h3 {
	color: #555;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px
}

#hikashop_checkout_login_right_part h3 {
	margin-top: 20px
}

#hikashop_checkout_login_left_part input,
#hikashop_checkout_login_right_part input,
#hikashop_checkout_login_left_part select,
#hikashop_checkout_login_right_part select {
	margin: 3px 0px;
	padding: 3px;
}

#hikashop_checkout_login_left_part #remember {
	margin-left: 5px
}

#hikashop_checkout_login_left_part li {
	list-style-type: none
}

#hikashop_checkout_login_left_part ul {
	margin-top: 10px;
}

#hikashop_checkout_login_left_part .hikashop_cart_input_button {
	margin-top: 10px
}

#hikashop_checkout_login_left_part li a {
	font-size: 11px;
	color: #555;
	text-decoration: none;
}

#hikashop_checkout_login_left_part li a:hover {
	font-size: 11px;
	color: #82a0b5;
	text-decoration: none;
}



.hikashop_product_quantity_field {
	padding: 2px !important;
	margin: 0px 5px !important;
}

.hikashop_product_stock .hikashop_product_quantity_field {
	margin: 0px !important;
}


.checkout_billing_address_radio,
.checkout_shipping_address_radio {
	float: left
}

.hika_edit {
	text-align: right
}

.hika_edit span {
	display: none
}

.hikashop_address_content {
	display: block;
	clear: both;
	color: #777777;
	margin: 15px 0px 0px 0px
}

#hikashop_checkout_billing_address_selection a {
	margin: 0px
}

.address_selection,
#hikashop_checkout_selected_billing_address,
#hikashop_checkout_selected_shipping_address {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 15px;
	margin: 0px 0px 10px 0px;
	background: #F8F8F8;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
	background: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
	background: -moz-linear-gradient(top, #ffffff, #f8f8f8);
	background: -o-linear-gradient(top, #ffffff, #f8f8f8);
	background: linear-gradient(top, #ffffff, #f8f8f8);
}

.address_selection:hover,
#hikashop_checkout_selected_billing_address:hover,
#hikashop_checkout_selected_shipping_address:hover {
	background: #fff;
	box-shadow: 0px 0px 4px #ddd
}

.hikashop_field_required {
	float: right;
	margin-left: 10px
}

#hikashop_checkout_billing_address_zone select,
#hikashop_checkout_shipping_address_zone select,
#hikashop_checkout_billing_address_zone input,
#hikashop_checkout_shipping_address_zone input {
	float: left;
	width: auto;
	max-width: 190px;
	margin: 0px
}

.hika_edit {
	background-color: #f9f9f9;
	padding: 4px
}

#hikashop_checkout_address select {
	width: 100%;
}

#hikashop_checkout_address_left_part #hikashop_checkout_selected_billing_address,
#hikashop_checkout_address_right_part #hikashop_checkout_selected_shipping_address {
	margin: 0px
}

#hikashop_checkout_address_left_part fieldset,
#hikashop_checkout_address_right_part fieldset {
	border: none;
	padding: 0px;
}

#hikashop_checkout_address_left_part fieldset legend,
#hikashop_checkout_address_right_part fieldset legend {
	padding: 0px;
	margin: 20px 0px 10px 0px
}

#hikashop_checkout_address_shipping_selector,
#hikashop_checkout_address_billing_selector {
	color: #82a0b5;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #ddd
}

#hikashop_checkout_address_shipping_selector option,
#hikashop_checkout_address_billing_selector option {
	color: #666;
	font-weight: normal;
	font-size: 12px;
}

@media print {
	.hikashop_no_print:after {
		content: "" !important;
	}
}

.thumbnails {
	list-style: none;
}

.hikashop_products_listing_main input.hikashop_listing_quantity_field,
.hikashop_products_listing_main .limit select {
	display: inline;
}



.hikashop_product_quantity_div {
	display: inline-block;
}

.hikashop_product_quantity_field {
	text-align: center;
}

.hikashop_product_stock .input-append,
.hikashop_product_stock .input-prepend {
	margin: auto;
	vertical-align: bottom;
}


.hikashop_product_quantity_input_div_default {
	vertical-align: middle;
}

.hikashop_product_quantity_change_div_default {
	vertical-align: top;
}


.hikashop_product_quantity_input_div_regrouped .hikashop_product_quantity_field {
	float: none;
	height: 22px;
}

.hikashop_product_quantity_change_div_regrouped div {
	line-height: 10px;
}


.hikashop_product_quantity_change_div_leftright input {
	float: none;
}

.hikashop_product_quantity_change_div_leftright .hikashop_product_quantity_field {
	height: 22px;
}


.hikashop_product_quantity_input_div_select .chzn-container,
.hikashop_product_quantity_input_div_select select,
.hikashop_show_cart .chzn-container,
.hikashop_show_cart select,
.hikashop_product_quantity_div select,
.hikashop_cart_module_product_quantity_value select {
	width: auto !important;
	vertical-align: top;
}


.hikashop_product_quantity_input_div_simplified {
	vertical-align: middle;
}


.hikashop_cart_product_quantity_value div {
	float: none !important;
	display: inline-block;
	margin: 0px !important;
}

.hikashop_cart_product_quantity_value .chzn-container {
	width: auto !important;
	vertical-align: top;
}


.hikashop_cart_module_product_quantity_value .chzn-container {
	width: auto !important;
}


.hikashop_show_cart_quantity_td {
	min-width: 60px;
}

.hikashop_show_cart_quantity_td input {
	float: left;
}

.hikashop_show_cart_quantity_td div {
	float: none;
}


@media only screen and (max-width: 550px) {
	.hikashop_tabs_ul li {
		display: block !important;
	}
}

.hikashop_tabs_ul {
	cursor: pointer;
}

.hikashop_tabs_li_selected {
	color: #1491B0 !important;
}

div.hikashop_checkout_loading {
	position: relative;
}

div.hikashop_checkout_loading div.hikashop_checkout_loading_elem,
div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner {
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

div.hikashop_checkout_loading div.hikashop_checkout_loading_elem {
	background-color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

div.hikashop_checkout_loading div.hikashop_checkout_loading_spinner {
	background: url('../images/spinner_02.gif') no-repeat center;
}


.hikashop_menu_block_content_type,
.hikashop_module_block_content_type {
	color: #aaa;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	background-color: #eee;
	cursor: pointer;
	border: solid 1px #ccc;
	border-bottom-style: none;
	border-radius: 8px 8px 0px 0px;
}

.hikashop_edit_display_type .selected {
	font-size: 1.2em;
	background-color: white !important;
	color: #333;
}

.hikashop_menu_block_content_type:hover,
.hikashop_menu_block_content_type:hover {
	background-color: #ddd;
	color: #333;
}

.hikashop_module_block,
.hikashop_menu_block {
	border: solid 1px #ccc;
	border-top-style: none;
	width: 99.9%;
}

.item-cartmodule-interface .hikashop_module_block {
	border: solid 1px #ccc;
}

.hikashop_module_subblock,
.hikashop_menu_subblock {
	padding: 10px 5px;
	width: 100%;
}

.hikashop_module_subblock_content,
.hikashop_menu_subblock_content {
	background-color: #f7f7f7;
	border-radius: 8px;
	border: 1px solid #ddd;
	padding-bottom: 10px;
}

.hikashop_menu_subblock_title,
.hikashop_module_subblock_title {
	font-weight: bold;
	text-align: center;
	background-image: linear-gradient(#f9f9f9, #e1e1e1);
	margin-top: 5px;
	height: 22px;
}

dl.hika_options,
dl.hika_suboptions {
	margin-bottom: 2px;
}

dl.hika_options>dt {
	float: left;
	clear: left;
	font-weight: normal;
	padding: 5px;
	width: 120px;
	text-align: right;
	line-height: 16px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

dl.hika_options.large>dt {
	width: 180px;
}

dl.hika_options>dt label {
	margin: 0px;
}

dl.hika_options>dd {
	margin-left: 130px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 18px;
	min-height: 18px;
}

dl.hika_options.large>dd {
	margin-left: 190px;
}


#attrib-hk_options .control-group {
	display: none;
}


.hikashop_option_name .field_rows {
	line-height: 19;
}

.hikashop_option_value .field_columns {
	padding-left: 34px;
	margin: 0px;
}

.listing_item_quantity_selector {
	width: 120px;
}

.listing_item_quantity_selector {
	line-height: 9px;
}

.listing_item_quantity_selector div {
	display: inline-block;
	padding: 8px 8px;
	border: solid 1px #ccc;
	margin: 1px;
	background-color: #fff;
	cursor: pointer;
}

.listing_item_quantity_selector div.listing_table {
	padding: 8px 58px;
}

.listing_item_quantity_selector div.listing_list {
	padding: 4px 8px;
}

.listing_item_quantity_selector div.selected,
.listing_item_quantity_selector div.tmp_selected {
	background-color: #C8DEF4;
}

.listing_item_quantity_fields {
	margin-top: 5px;
}

.listing_item_quantity_fields input {
	text-align: center;
	width: 38px;
}

.listing_item_quantity_fields.onecol input {
	width: 105px;
}

label.btn-default {
	background-color: #ccc;
	background-image: linear-gradient(to bottom, #ccc, #E6E6E6);
}

label.btn-default-lbl {
	font-weight: bold;
}

.hikashop_vote_tooltip {
	display: block;
}

.hikashop_vote_tooltip_label {
	font-weight: bold;
}

.hikashop_fade_effect .hikashop_product_image {
	background-color: #fff;
}

.hikabtn {

	background-color: #4e536b;

}

.hikashop_hover_img {
	background-color: #E7E7E7;
}

.hikashop_listing_img_title {
	display: flex;
	flex-direction: column;
	/* padding-bottom: 0.5rem; */

	/* display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* grid-template-rows: repeat(3, 1fr); */
	/* grid-column-gap: 0px;
	grid-row-gap: 0px;
	align-items: center !important; */
}

.hikashop_product_image {
	order: 1;
	/* height: 250px!important; */
	/* grid-area: 1 / 1 / 2 / 3; */
	/* margin-bottom: 10px; */
}

.hikashop_product_name {
	/* grid-area: 2 / 1 / 3 / 2; */
	/* margin-left: 1rem !important; */
}

.hikashop_product_price_full {
	order: 3;

	/* grid-area: 2 / 2 / 3 / 3;
	font-size: 10px !important;
	display: flex !important;
	flex-direction: column;
	align-items: flex-end; */
}

.hikashop_product_price_full>span {
	font-size: 12px !important;
}

.hikashop_listing_img_title button {
	/* grid-area: 3 / 1 / 4 / 3; */

	/* margin: 0.5rem 2rem !important; */
}

.hikashop_hover_img {
	z-index: 0 !important;
}

.addProduct {
	order: 5;

}

@media only screen and (max-width: 550px) {


	.hikashop_product_image {
		/* grid-area: 1 / 1 / 2 / 3;
		margin-bottom: 10px; */
	}

	.hikashop_product_name {
		/* grid-area: 2 / 1 / 3 / 2; */
	}

	.hikashop_product_price_full {
		/* text-align: right !important;
		grid-area: 2 / 2 / 3 / 3; */
	}

	.hikashop_listing_img_title button {
		/* grid-area: 3 / 1 / 4 / 3; */

	}
}



@media only screen and (max-width: 550px) {


	/* .hikashop_product_image {
		grid-area: 1 / 1 / 2 / 3;
		margin-bottom: 10px;
	}

	.hikashop_product_name {
		grid-area: 2 / 1 / 3 / 2;
	}

	.hikashop_product_price_full {
		text-align: right !important;
		grid-area: 2 / 2 / 3 / 3;
	}

	.hikashop_listing_img_title button {
		grid-area: 3 / 1 / 4 / 3;
	} */
}


@media (min-width:920px) and (max-width:1530px) {

	/* .hikashop_product_image {
		grid-area: 1 / 1 / 2 / 3;
		margin-bottom: 10px;
	}

	.hikashop_product_name {
		grid-area: 2 / 1 / 3 / 2;
	}

	.hikashop_product_price_full {
		text-align: right !important;
		grid-area: 2 / 2 / 3 / 3;
	}

	.hikashop_listing_img_title button {
		grid-area: 3 / 1 / 4 / 3;
		margin: 0 !important;
	} */
}

#hikabtn_checkout_next {
	background-color: #4e536b;
	color: white;
}

#hikabtn_checkout_next:hover {
	background-color: #4e536bbf;
	color: white;
}

.hikabtn-success {
	background-color: #4e536b;
	color: white !important;
}

.hikabtn-success:hover {
	background-color: #4e536bbf;
	color: white;
}

.hkbadge-current {
	background-color: #4e536b !important;
}

li.hikashop_cart_step_current {
	color: #4e536b !important;
}

​ .uk-button-secondary {}

.hikashop_cart_proceed_to_checkout {
	border: 2px solid #4e536b !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 12px !important;
	line-height: normal !important;
	padding: 10px 15px !important;
	transition: all 0.1s ease-in-out !important;
	width: 100% !important;
}

.hikashop_cart>thead {
	display: none !important;
}

.hikashop_cart_proceed_to_checkout:hover {
	background-color: #4e536b !important;
	color: #fff !important;
}

.hikashop_cart_value {
	font-family: 'Montserrat', sans-serif !important;
}

.hikashop_cart_value {
	font-size: 12px !important;
}

.hikashop_cart_value span {
	font-size: 12px !important;
}


.hikashop_product_price_0 {
	font-family: 'Montserrat' !important;
	font-style: inherit !important;
	color: #4e536b !important;
}

.hikashop_checkout_payment_card dt{
	padding-top: 1.25rem !important;
}

/* Fixed 50px circular frame — notify-metro.css's own .image is
   width:auto/height:auto (sized to whatever thumbnail comes back from the
   cart AJAX response), so a tall or wide product photo overflowed the
   intended badge shape. Clipping here with overflow:hidden + object-fit
   guarantees any thumbnail fits the circle regardless of its own aspect
   ratio. !important needed: notify-metro.css loads after this file and
   matches with equal specificity (see CASCADE NOTES below).
   `left` is also overridden (base is 25px, i.e. flush with the popup's
   left edge once centered by the library's translate(-50%,-50%)) to add
   10px of breathing room on the left (15px reduced 33%); .text-wrapper's
   left margin below is unchanged, so the gap on the right of the icon
   before the text starts grows slightly. */
.notifyjs-metro-base .image {
	left: 35px !important;
	width: 50px !important;
	height: 50px !important;
	overflow: hidden !important;
	border-radius: 50%;
}
.notifyjs-metro-base .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 50%;
}

.notifyjs-metro-base .text-wrapper {
	/* !important required: notify-metro.css sets this same selector's
	   margin to 10px 10px 10px 52px and loads after this file, so without
	   !important the library's default silently wins on source order —
	   which is why the icon/text gap kept looking unchanged across earlier
	   tweaks despite the values here being edited each time. */
	margin: 10px 10px 10px 90px !important;
	/* Cap the box so it can never grow wide enough to run under the icon:
	   100% of the notification body minus this element's own 90px+10px
	   horizontal margins. */
	max-width: calc(100% - 100px) !important;
	box-sizing: border-box;
	/* border:1px solid red; */
}
/* =====================================================================
   SWG — Checkout credit-card form  (added 2026-07-25)
   Scope: .hikashop_checkout_payment_card ONLY. Every rule below is
   prefixed with that class, which appears solely as the card block
   wrapper in views/checkout/tmpl/show_block_payment.php:126 — so no
   other dl.hika_options usage (cart, address, user forms, order/pay,
   field values) can be affected.

   PHASE 1 — fixes the label/field desync. hikashop.css:638 and the
   copy earlier in THIS file lay the list out with float:left + clear:left
   on <dt> (line-height:16px) and a left margin on <dd>. That only stays
   aligned while each dt box height matches its dd height; YOOtheme's
   taller inputs break the assumption and the two columns drift apart.
   Replaced with a real 2-column grid, which cannot desynchronise.
   ===================================================================== */

/* ---------- PHASE 1: layout ---------- */
.hikashop_checkout_payment_card dl.hika_options {
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 12px 16px;
	align-items: center;
	margin: 0 0 18px;
}

/* Neutralise the inherited float scheme (and the earlier
   `.hikashop_checkout_payment_card dt{padding-top:1.25rem!important}`
   stop-gap, which needs !important to beat). */
.hikashop_checkout_payment_card dl.hika_options > dt,
.hikashop_checkout_payment_card dl.hika_options > dd {
	float: none !important;
	clear: none !important;
	width: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
}

.hikashop_checkout_payment_card dl.hika_options > dt {
	text-align: left !important;
	color: #3b3f54;
	font-weight: 600;
	font-size: 14px;
}

.hikashop_checkout_payment_card dl.hika_options > dt label {
	margin: 0;
	font-weight: inherit;
	color: inherit;
}

/* ---------- PHASE 2: flat field styling (navy / mist / 3px / no shadow) ---------- */
.hikashop_checkout_payment_card dl.hika_options > dd input[type="text"],
.hikashop_checkout_payment_card dl.hika_options > dd select {
	box-sizing: border-box;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #cfd1da;
	border-radius: 3px;
	background: #fff;
	color: #2a2d3d;
	font: inherit;
	font-size: 15px;
	line-height: normal;
	box-shadow: none;
	vertical-align: middle;
	transition: border-color .18s ease;
}

.hikashop_checkout_payment_card dl.hika_options > dd input[type="text"]:hover,
.hikashop_checkout_payment_card dl.hika_options > dd select:hover {
	border-color: #b9bcc9;
}

/* Field widths — the visible mess today is that every input is default width. */
.hikashop_checkout_payment_card dl.hika_options > dd input[name*="[owner]"] { width: 100%; max-width: 26rem; }
.hikashop_checkout_payment_card dl.hika_options > dd input[name*="[num]"]   { width: 22ch; max-width: 100%; letter-spacing: .04em; }
.hikashop_checkout_payment_card dl.hika_options > dd input[name*="[ccv]"]   { width: 7ch; text-align: center; }
.hikashop_checkout_payment_card dl.hika_options > dd input.card_expiration_date_input {
	width: 5ch;
	text-align: center;
	vertical-align: middle;
}
/* the literal " / " separator between mm and yy */
.hikashop_checkout_payment_card dl.hika_options > dd {
	color: #8a8ea0;
	font-size: 14px;
}

/* Read-only display (when the card is already captured in session) */
.hikashop_checkout_payment_card .hikashop_checkout_payment_card_details {
	color: #2a2d3d;
	font-size: 15px;
}

/* Card-type logos */
.hikashop_checkout_payment_images img {
	height: 24px;
	width: auto;
	margin: 0 4px 4px 0;
	vertical-align: middle;
}

/* Helper text ("You can pay by credit card.") */
.hikashop_checkout_payment_description {
	color: #8a8ea0;
	font-size: 14px;
}

/* Submit button — matches the flat navy Add-to-Cart from the listing redesign.
   css_button config is `uk-button`, which ships no variant, hence the plain
   grey block today. Two classes beats uk-button's single class. */
.hikashop_checkout_payment_submit .hikabtn_checkout_payment_submit {
	appearance: none;
	border: 1px solid #3b3f54;
	background: #3b3f54;
	color: #fff;
	font: inherit;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: .11em;
	text-transform: uppercase;
	padding: 12px 22px;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: none;
	transition: background .2s ease, border-color .2s ease;
}
.hikashop_checkout_payment_submit .hikabtn_checkout_payment_submit:hover {
	background: #2a2d3d;
	border-color: #2a2d3d;
	color: #fff;
}

/* ---------- PHASE 3: focus + error states ---------- */
.hikashop_checkout_payment_card dl.hika_options > dd input[type="text"]:focus,
.hikashop_checkout_payment_card dl.hika_options > dd select:focus {
	border-color: #3b3f54;
	outline: none;
}
.hikashop_checkout_payment_card dl.hika_options > dd input[type="text"]:focus-visible,
.hikashop_checkout_payment_card dl.hika_options > dd select:focus-visible,
.hikashop_checkout_payment_submit .hikabtn_checkout_payment_submit:focus-visible {
	outline: 2px solid #ca9a6b;
	outline-offset: 2px;
}

/* Validation errors. hikashop_display() (helper.php) emits either
   <div class="alert alert-error alert-block" role="alert"><p>…</p></div>
   or <div class="hikashop_messages hikashop_error"><ul><li>…</li></ul></div>
   depending on the responsive flag — style both. */
.hikashop_checkout_payment .alert-error,
.hikashop_checkout_payment .alert-danger,
.hikashop_checkout_payment .hikashop_messages.hikashop_error {
	border: 1px solid #c0392b;
	border-left-width: 3px;
	border-radius: 3px;
	background: #fdf3f2;
	color: #8f2c21;
	padding: 10px 14px;
	margin: 0 0 14px;
	box-shadow: none;
	font-size: 14px;
}
.hikashop_checkout_payment .alert-error p,
.hikashop_checkout_payment .hikashop_messages.hikashop_error ul {
	margin: 0;
	padding: 0;
}
.hikashop_checkout_payment .hikashop_messages.hikashop_error li {
	list-style: none;
}

/* ---------- responsive: single column, labels above fields ---------- */
@media (max-width: 640px) {
	.hikashop_checkout_payment_card dl.hika_options {
		grid-template-columns: 1fr;
		gap: 6px 0;
	}
	.hikashop_checkout_payment_card dl.hika_options > dt {
		margin-top: 10px !important;
	}
	.hikashop_checkout_payment_card dl.hika_options > dd input[name*="[num]"],
	.hikashop_checkout_payment_card dl.hika_options > dd input[name*="[owner]"] {
		width: 100%;
		max-width: 100%;
	}
}
/* ===== end SWG checkout card form ===== */

/* =====================================================================
   SWG — HikaShop notifications (Notify.js v0.4.2)  ·  added 2026-07-25
   ---------------------------------------------------------------------
   Fixes three things, without editing any vendor file:
     1. position — the popup sat under the 100px sticky header
     2. styling  — hardcoded 'Segoe UI' + Bootstrap-3 alert colours
     3. a real close button (injected by templates/yootheme/js/custom.js)

   CASCADE NOTES — why the !important flags below are unavoidable:
     · notify-metro.css is enqueued by hikashop_loadJslib('notify') during
       onBeforeCompileHead, i.e. AFTER this file's <link>. Equal specificity
       would lose on source order.
     · The per-type colours are not in any file at all: notify.js addStyle()
       injects <style id="notify-metro"> at DOMReady, later than every
       stylesheet, and puts !important on `color`. Beating that needs BOTH
       higher specificity and !important — hence the .notifyjs-wrapper
       prefix (0,2,0) against their (0,1,0).
     · .notifyjs-corner carries inline top:0/right:0 from
       setGlobalPosition() (notify.js:316-339). Author !important beats
       inline non-important.

   COEXISTENCE — two notifyjs rules already live earlier in this file
   (~5191-5217): a 50px circular icon inset 10px from the left edge (clipped
   via overflow:hidden so any thumbnail aspect ratio fits the frame) and
   .text-wrapper margin 10/10/10/90 (30px gap after the icon's right edge).
   Both are KEPT. The rules below sit at higher specificity and change only
   the right-hand margin, to reserve room for the close button. The icon is
   on the left, the button top-right, so they cannot collide.
   ===================================================================== */

/* --- POSITION ---------------------------------------------------------
   Header is 100px (.uk-navbar-item{min-height:100px} — the only such rule
   in theme.css, no responsive override) and sticky on desktop
   (navbar.sticky=1); z-index 10050 beats the sticky header's 980, which is
   why it overlapped. 110px = header + ~10px gap.
   Scoped to .notifyjs-corner ONLY, so element-anchored notifications
   (quantity min/max warnings) — which never get a corner parent — keep
   their own positioning. */
.notifyjs-corner {
	top: 110px !important;
	max-width: calc(100vw - 24px);
}

/* --- SHARED SHELL ----------------------------------------------------- */
.notifyjs-wrapper .notifyjs-container {
	min-width: 260px;
	max-width: 340px;
}

/* The style template's root element. Notify.js gives .notifyjs-container
   exactly one child, so this targets the notification body for every style
   (metro, metro-lite, bootstrap) without naming them. position:relative is
   the anchor for the close button — metro already has it, the others do not. */
.notifyjs-wrapper .notifyjs-container > div {
	position: relative;
	box-sizing: border-box;
	border-radius: 3px !important;
	border-width: 1px !important;
	border-style: solid !important;
	box-shadow: none !important;
	font-family: inherit !important;
}

/* Typography — notify-metro.css hardcodes font-family:'Segoe UI' on
   .text-wrapper. Inherit the site font (Montserrat) instead. */
.notifyjs-wrapper .notifyjs-metro-base .text-wrapper,
.notifyjs-wrapper .notifyjs-metro-lite-base .text-wrapper {
	font-family: inherit !important;
}
.notifyjs-wrapper .notifyjs-metro-base .title,
.notifyjs-wrapper .notifyjs-metro-lite-base .title {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .02em;
	line-height: 1.3;
}
.notifyjs-wrapper .notifyjs-metro-base .text,
.notifyjs-wrapper .notifyjs-metro-lite-base .text {
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45;
}

/* Reserve room for the close button. Keeps the existing left margin (90px,
   set earlier in this file to clear the 50px circular icon plus padding on
   each side) and only moves the right edge in. */
.notifyjs-wrapper .notifyjs-metro-base .text-wrapper {
	margin-right: 34px !important;
}
.notifyjs-wrapper .notifyjs-metro-lite-base .text-wrapper {
	margin: 12px 34px 12px 14px !important;
}

/* --- SEMANTIC PALETTE -------------------------------------------------
   Flat: 1px border, 3px radius, no shadow. Deliberately NOT all navy —
   the four states must stay tellable apart at a glance. Cart-add success
   arrives as `info`, cart-add failure as `warning`. */

/* info — brand navy text on solid green (successful add to cart) */
.notifyjs-wrapper .notifyjs-metro-info,
.notifyjs-wrapper .notifyjs-metro-lite-info,
.notifyjs-wrapper .notifyjs-metro-wishlist_info {
	color: #3b3f54 !important;
	background-color: #bcd3c3 !important;
	border-color: #c4cade !important;
}

/* success — green */
.notifyjs-wrapper .notifyjs-metro-success,
.notifyjs-wrapper .notifyjs-metro-lite-success,
.notifyjs-wrapper .notifyjs-metro-wishlist_success {
	color: #2f5d3a !important;
	background-color: #eef6f0 !important;
	border-color: #bcd9c4 !important;
}

/* warning — amber (failed add to cart, quantity min/max) */
.notifyjs-wrapper .notifyjs-metro-warning,
.notifyjs-wrapper .notifyjs-metro-lite-warning,
.notifyjs-wrapper .notifyjs-metro-wishlist_warning {
	color: #7a5a18 !important;
	background-color: #fdf5e8 !important;
	border-color: #e6cfa2 !important;
}

/* error — red (PayPal / gateway errors) */
.notifyjs-wrapper .notifyjs-metro-error,
.notifyjs-wrapper .notifyjs-metro-lite-error {
	color: #8c2f28 !important;
	background-color: #fceeed !important;
	border-color: #e5bab6 !important;
}

/* --- CLOSE BUTTON -----------------------------------------------------
   Injected by templates/yootheme/js/custom.js. A real <button> — focusable,
   labelled, keyboard-operable. Subtle until hover/focus. */
.notifyjs-wrapper .swg-notify-close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	opacity: .55;
	font: inherit;
	font-size: 17px;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: opacity .12s ease-in-out, background-color .12s ease-in-out;
}
.notifyjs-wrapper .swg-notify-close > span {
	display: block;
	margin-top: -2px;
	pointer-events: none;
}
.notifyjs-wrapper .swg-notify-close:hover {
	opacity: 1;
	background: rgba(0, 0, 0, .07);
}
.notifyjs-wrapper .swg-notify-close:focus {
	opacity: 1;
	outline: none;
}
/* Visible ring for keyboard users only (same tan as the checkout card form). */
.notifyjs-wrapper .swg-notify-close:focus-visible {
	opacity: 1;
	background: rgba(0, 0, 0, .07);
	outline: 2px solid #ca9a6b;
	outline-offset: 1px;
}

/* --- SMALL SCREENS ---------------------------------------------------- */
/* Mobile header is the same 100px but NOT sticky (mobile.navbar.sticky=0),
   so 110px still clears it at scroll-0 and simply sits lower once scrolled.
   Keep the right-hand anchor; only stop it overflowing a narrow viewport. */
@media (max-width: 480px) {
	.notifyjs-wrapper .notifyjs-container {
		min-width: 0;
		max-width: calc(100vw - 26px);
	}
}
/* ============ EO SWG HikaShop notifications ============ */

/* =====================================================================
   SWG — Checkout cart block  ·  added 2026-07-25
   ---------------------------------------------------------------------
   Target: components/com_hikashop/views/checkout/tmpl/show_block_cart.php
   (there is no standalone cart page — menu 204 is view=checkout, and the
   "cart" the user sees is this block). Quantity markup comes from
   views/layouts/tmpl/quantity.php, layout `show_default_div`.

   SCOPE RULE — every rule below is prefixed with either
   `.hikashop_checkout_cart` or `.hikashop_cart_product_quantity_value`.
   Both appear ONLY in show_block_cart.php and its AJAX partial
   checkout/tmpl/cart.php. The inner classes (.hikashop_product_quantity_*)
   are shared with product pages, category listings, the compare table, the
   mini-cart module and the donation sidebar widget, so none of them is ever
   selected without one of those two ancestors present.

   PRE-EXISTING RULES THIS BUILDS ON (kept, not duplicated):
     :317-322  scoped float on input/refresh/delete   -> neutralised below
     :1432-36  UNSCOPED float, site-wide              -> neutralised IN CART SCOPE
                                                         ONLY (left in place —
                                                         see implementation note)
     :186      .hikashop_product_quantity_field{width:25px}
     :4551     .hikashop_product_quantity_field{padding/margin !important}
     :190      a.hikashop_product_quantity_field_change{margin:5px;color:#666}
     :324-352  .hikashop_checkout_cart table/td/thead/tfoot base styling
     :392/:399 final-total span + #id title sizing (the #id needs !important)
     :442-457  .hikashop_cart_product_name a {color:#666;font-size:12px}
   ===================================================================== */

/* ---------------------------------------------------------------------
   PHASE 1 — QUANTITY STEPPER
   Broken because the input, refresh and delete were floated left while
   .hikashop_product_quantity_change_div_default (which holds + and -) was
   not: the input left the flow, its inline-block parent collapsed, and the
   two block-level change divs stacked + above -.
   Revised 2026-07-28 to match the "Your Cart" sidebar module's compact
   style (style_custom.css :3565 area) instead of the original bordered
   [-][input][+] row: input with a plain +/- stack beside it, no button
   chrome. Layout is [input][+ over -]; DOM order already puts the plus div
   before the minus div (quantity.php:240-252) so no `order` overrides are
   needed here, unlike the old row layout.
   --------------------------------------------------------------------- */

/* Kill every float inside the cart's quantity cell. !important is used
   because :4551 sets margin with !important on the same element. */
.hikashop_cart_product_quantity_value .hikashop_product_quantity_field,
.hikashop_cart_product_quantity_value .hikashop_product_quantity_div,
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_refresh,
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete {
	float: none !important;
	margin-right: 0 !important;
}

/* The cell stays a table-cell (deliberately NOT display:flex — flexing a
   <td> takes it out of the table's column model). Children are laid out
   inline instead. text-align:left (was center, 2026-07-28) so the stepper
   starts under the left-aligned QUANTITY header instead of floating to the
   middle of the column. */
td.hikashop_cart_product_quantity_value {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

/* The stepper group: input + arrow-stack side by side. No border/
   background — matches the module's unboxed look (was a bordered pill). */
.hikashop_cart_product_quantity_value .hikashop_product_quantity_input_div_default_main {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 3px;
	vertical-align: middle;
	line-height: 1;
}

/* The +/- wrapper becomes a tight vertical stack (+ on top, since it's
   first in the DOM) instead of a flattened horizontal row. */
.hikashop_cart_product_quantity_value .hikashop_product_quantity_change_div_default {
	display: flex !important;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 !important;
}

/* - / + controls. No border/background/radius — plain glyphs, not
   buttons. Must still beat YOOtheme's `.uk-button` (css_button = uk-button
   is applied to these anchors with no variant class, which is why they
   used to render as tall grey blocks) and :190's margin/colour. */
.hikashop_cart_product_quantity_value a.hikashop_product_quantity_field_change {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 16px;
	min-width: 16px;
	height: 13px;
	min-height: 13px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #6b7080 !important;
	font: inherit;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: color .12s ease-in-out;
}
.hikashop_cart_product_quantity_value a.hikashop_product_quantity_field_change:hover {
	color: #26244c !important;
	text-decoration: none !important;
}
.hikashop_cart_product_quantity_value a.hikashop_product_quantity_field_change:focus-visible {
	outline: 2px solid #ca9a6b;
	outline-offset: -1px;
}

/* The number field. Small and unboxed-adjacent — just a thin border so it
   still reads as editable text, no fill/shadow. `td.` prefix raises
   specificity to 0,2,2 so this also beats the Customizer's custom_less
   rule `input[type=text]:not([class*=uk-]){border:1px solid #a4a4a4
   !important}` regardless of stylesheet order, and :186 / :4551. */
td.hikashop_cart_product_quantity_value input.hikashop_product_quantity_field {
	box-sizing: border-box;
	width: 26px !important;
	min-width: 26px;
	height: auto !important;
	min-height: 22px;
	margin: 0 !important;
	padding: 0 2px !important;
	border: 1px solid #cfd1da !important;
	border-radius: 3px !important;
	background: #fff !important;
	color: #2a2d3d !important;
	text-align: center !important;
	font: inherit;
	font-size: 13.5px !important;
	font-variant-numeric: tabular-nums;
	box-shadow: none !important;
	-moz-appearance: textfield;
}
td.hikashop_cart_product_quantity_value input.hikashop_product_quantity_field:focus {
	outline: 2px solid #ca9a6b;
	outline-offset: -2px;
}

/* Refresh is redundant: the input's onchange, the +/- onclick and the
   delete link all call window.checkout.submitCart() (show_block_cart.php
   :372-373, :389). The <noscript> fallback at :653 is dead code inside
   `if(false)` at :647, so nothing non-JS is lost. */
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_refresh {
	display: none !important;
}

/* Remove (trash) — destructive, so deliberately separate from the
   stepper. Icon changed 2026-07-28 from FontAwesome fa-times-circle to a
   YOOtheme trash uk-icon, matching the "Your Cart" module (template
   change in templates/yootheme/html/com_hikashop/checkout/
   show_block_cart.php); font-size dropped since a uk-icon is an inline SVG
   sized via its own width/height attributes, not font-size — color still
   controls it via UIkit's fill:currentColor. */
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete {
	display: inline-block !important;
	vertical-align: middle;
	margin: 0 0 0 12px !important;
}
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete a {
	color: #9aa0b0 !important;
	line-height: 1;
	text-decoration: none !important;
	transition: color .12s ease-in-out;
}
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete a:hover,
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete a:focus-visible {
	color: #b3261e !important;
}
.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete a:focus-visible {
	outline: 2px solid #ca9a6b;
	outline-offset: 2px;
	border-radius: 2px;
}

/* ---------------------------------------------------------------------
   PHASE 2 — TABLE, ROWS, TOTALS
   --------------------------------------------------------------------- */

/* Striping. show_block_cart.php:24 hardcodes `table table-striped
   table-hover`, and YOOtheme's theme.css ships a Bootstrap-5 shim that
   paints the stripe as an INSET BOX-SHADOW:
     .table>:not(caption)>*>*{box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
     .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
   Overriding `background` does nothing — the variable and the shadow are
   what must be reset. It also sets `color`, which was washing out text. */
.hikashop_checkout_cart table.table > :not(caption) > * > *,
.hikashop_checkout_cart table.table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-accent-bg: transparent !important;
	--bs-table-striped-bg: transparent !important;
	box-shadow: none !important;
	color: inherit !important;
	background-color: transparent !important;
}

.hikashop_checkout_cart table.table {
	width: 100%;
	background: transparent;
	border-collapse: collapse;
	margin-bottom: 0;
}

/* Header. text-align:left added 2026-07-28 — <th> has no browser-default
   text-align of its own here, so it was rendering centered while the value
   cells below it (price/total: right, quantity: center) used their own
   explicit alignment, and only Name (left on both) happened to match. */
.hikashop_checkout_cart table.table > thead > tr > th {
	padding: 0 10px 10px !important;
	border-top: 0 !important;
	border-bottom: 1px solid #cfd1da !important;
	background: transparent !important;
	color: #6b7080 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: left;
	white-space: nowrap;
	vertical-align: bottom;
}

/* Product rows */
.hikashop_checkout_cart table.table > tbody > tr > td {
	padding: 16px 10px !important;
	border-bottom: 1px solid #e9eaef !important;
	vertical-align: middle;
}
.hikashop_checkout_cart table.table > tbody > tr.row0:hover > td,
.hikashop_checkout_cart table.table > tbody > tr.row1:hover > td {
	background-color: #fafbfc !important;
}

/* Image — card art must never crop. */
.hikashop_checkout_cart td.hikashop_cart_product_image_value {
	width: 96px;
}
.hikashop_checkout_cart .hikashop_cart_product_image_thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	padding: 4px;
	box-sizing: border-box;
	background: #f6f7f9;
	border-radius: 3px;
	overflow: hidden;
}
.hikashop_checkout_cart img.hikashop_product_checkout_cart_image {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 0;
}

/* Name — :446 forces #666 / 12px; this sits at higher specificity. */
.hikashop_checkout_cart .hikashop_cart_product_name_value p.hikashop_cart_product_name {
	margin: 0;
}
.hikashop_checkout_cart .hikashop_cart_product_name_value .hikashop_cart_product_name a {
	color: #2a2d3d !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35;
	text-decoration: none !important;
}
.hikashop_checkout_cart .hikashop_cart_product_name_value .hikashop_cart_product_name a:hover {
	color: #3b3f54 !important;
	text-decoration: underline !important;
}

/* Custom item fields, e.g. "Donation Amount: 5" — muted secondary text. */
.hikashop_checkout_cart .hikashop_cart_product_custom_item_fields {
	margin-top: 5px;
}
.hikashop_checkout_cart .hikashop_cart_product_custom_item_fields p {
	margin: 0;
	color: #6b7080;
	font-size: 12.5px;
	line-height: 1.5;
}

/* Prices. text-align:left (was right, 2026-07-28) so Unit Price / Total
   Price values start under their left-aligned headers instead of hugging
   the right edge of the column — the per-product rows above the summary
   block, not the subtotal/total rows further down, which keep their
   label-left/value-right layout since there's no header row to line up
   against there. */
.hikashop_checkout_cart td.hikashop_cart_product_price_value,
.hikashop_checkout_cart td.hikashop_cart_product_total_value {
	text-align: left;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.hikashop_checkout_cart td.hikashop_cart_product_price_value {
	color: #6b7080;
	font-size: 13.5px;
}
.hikashop_checkout_cart td.hikashop_cart_product_total_value {
	color: #2a2d3d;
	font-size: 15px;
	font-weight: 600;
}

/* Free lines. checkout/tmpl/listing_price.php:14-15 emits
   <span class="hikashop_product_price_full">{FREE_PRICE}</span>, and the site
   overrides blank FREE_PRICE, leaving a whitespace-only span. NOTE it is
   whitespace, not truly empty, so :empty alone does not match — hence the
   :has() test for the absence of a real price span. Localised via <html lang>.
   (See implementation report: the language-file route was NOT taken because
   the string is shared with product pages, the mini-cart and the feeds.) */
.hikashop_checkout_cart td.hikashop_cart_product_price_value .hikashop_product_price_full:not(:has(.hikashop_product_price)),
.hikashop_checkout_cart td.hikashop_cart_product_total_value .hikashop_product_price_full:not(:has(.hikashop_product_price)) {
	color: #8b90a0;
}
.hikashop_checkout_cart td.hikashop_cart_product_price_value .hikashop_product_price_full:not(:has(.hikashop_product_price))::after,
.hikashop_checkout_cart td.hikashop_cart_product_total_value .hikashop_product_price_full:not(:has(.hikashop_product_price))::after {
	content: "Free";
	font-style: italic;
}
html[lang^="fr"] .hikashop_checkout_cart td.hikashop_cart_product_price_value .hikashop_product_price_full:not(:has(.hikashop_product_price))::after,
html[lang^="fr"] .hikashop_checkout_cart td.hikashop_cart_product_total_value .hikashop_product_price_full:not(:has(.hikashop_product_price))::after {
	content: "Gratuit";
}

/* Spacer + totals block */
.hikashop_checkout_cart table.table > tbody > tr.margin > td {
	padding: 0 !important;
	height: 16px;
	border-bottom: 0 !important;
}
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_empty_footer {
	border-bottom: 0 !important;
	padding: 0 !important;
}
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_subtotal_row > td,
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_coupon_row > td,
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_shipping_row > td,
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_additional_row > td,
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_tax_row > td,
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_payment_row > td {
	padding: 7px 10px !important;
	border-bottom: 0 !important;
}
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_subtotal_title,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_coupon_title,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_shipping_title,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_additional_title,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_tax_title,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_payment_title,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_total_title {
	text-align: right;
	color: #6b7080 !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	white-space: nowrap;
}
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_subtotal_value,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_coupon_value,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_shipping_value,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_additional_value,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_tax_value,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_payment_value,
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_total_value {
	text-align: right;
	white-space: nowrap;
	color: #2a2d3d;
	font-variant-numeric: tabular-nums;
}
/* text-align:left (2026-07-28, "align the total amount with the price
   amounts of the products so that all the prices are lined up") — the
   per-product Unit Price / Total Price cells above were switched to
   text-align:left on 2026-07-28 to match their left-aligned headers, but
   this grand-total value cell (a plain, un-headered td that lands in the
   same column position) kept the summary block's right-aligned default
   from the rule above, so it no longer lined up with them. Overrides the
   right-align just for this one cell, after the shared rule above so it
   wins by source order; Subtotal/Coupon/Shipping/Tax/Payment keep their
   original right-alignment, which is unaffected since they weren't part
   of this request. */
.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_total_value {
	text-align: left;
}

/* Final total — the largest thing in the block. The title carries an ID
   (#hikashop_checkout_cart_final_total_title, :399) so !important is
   required to beat 1,0,0. */
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_total_row > td {
	padding-top: 14px !important;
	border-top: 2px solid #3b3f54 !important;
	border-bottom: 0 !important;
}
.hikashop_checkout_cart table.table > tbody > tr.hikashop_cart_total_row > td.hikashop_cart_total_title {
	color: #2a2d3d !important;
	font-size: 14px !important;
	font-weight: 700 !important;
}
.hikashop_checkout_cart span.hikashop_checkout_cart_final_total {
	color: #2a2d3d;
	font-size: 18px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------------
   SMALL SCREENS
   --------------------------------------------------------------------- */
@media (max-width: 640px) {
	.hikashop_checkout_cart table.table > tbody > tr > td {
		padding: 12px 6px !important;
	}
	.hikashop_checkout_cart td.hikashop_cart_product_image_value {
		width: 68px;
	}
	.hikashop_checkout_cart .hikashop_cart_product_image_thumb {
		width: 56px;
		height: 56px;
	}
	.hikashop_cart_product_quantity_value .hikashop_cart_product_quantity_delete {
		margin-left: 8px !important;
	}
}

/* ---------------------------------------------------------------------
   PHASE 3 — MOBILE CARD LAYOUT (<=760px)
   frontend_custom.css:2058-2169 already converts this table into a
   stacked "card" layout for narrow screens (table/thead/tbody/tr/td all
   switch to display:block, the header row is pushed off-screen, and
   `td:before { content: attr(data-title) }` prints each cell's label
   using the data-title attributes show_block_cart.php already emits on
   every <td>). It never worked here though: its `padding-left: 30%
   !important` — the space that keeps the label from sitting on top of
   the value — loses the cascade to the shorthand `padding: 16px 10px
   !important` on `.hikashop_checkout_cart table.table > tbody > tr > td`
   above (:6157), which is more specific (0,2,3 vs frontend_custom's
   0,1,2) even though both carry !important. With no left padding, the
   absolutely-positioned label prints directly on top of the value text.
   Fixed here — same selector, later in the cascade, so it wins outright
   — rather than editing frontend_custom.css, to keep all cart styling
   in this file. */
@media (max-width: 760px) {
	.hikashop_checkout_cart table.table > tbody > tr {
		display: block;
		margin-bottom: 12px;
		border: 1px solid #e9eaef;
		border-radius: 4px;
		overflow: hidden;
	}
	.hikashop_checkout_cart table.table > tbody > tr > td {
		position: relative;
		box-sizing: border-box;
		min-height: 24px;
		padding: 10px 10px 10px 38% !important;
	}
	.hikashop_checkout_cart table.table > tbody > tr > td:before {
		content: attr(data-title);
		position: absolute;
		left: 10px;
		top: 10px;
		width: calc(38% - 20px);
		box-sizing: border-box;
		white-space: normal;
		color: #6b7080;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .04em;
		text-transform: uppercase;
	}
	.hikashop_checkout_cart td.hikashop_cart_product_image_value,
	.hikashop_checkout_cart td.hikashop_cart_product_name_value {
		width: auto;
	}
	.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_product_price_value,
	.hikashop_checkout_cart table.table > tbody > tr > td.hikashop_cart_product_total_value {
		text-align: left;
	}
}
/* ============ EO SWG checkout cart block ============ */

/* ---------------------------------------------------------------------
   Homepage "Featured Cards" module (module 137) carousel nav arrows /
   pagination dots. This module renders with Swiper (not Owl Carousel),
   scoped to the module's own wrapper ID so it can't affect any other
   HikaShop carousel on the site. The ID selector already outranks the
   swiper-bundle.css class rules, so no !important is needed.
   --------------------------------------------------------------------- */
#hikashop_carousel_parent_div_hikashop_category_information_module_137 .swiper-pagination {
	margin-top: 15px;
}
#hikashop_carousel_parent_div_hikashop_category_information_module_137 .swiper-pagination-bullet-active {
	background: #4e536b;
}
#hikashop_carousel_parent_div_hikashop_category_information_module_137 .swiper-button-prev,
#hikashop_carousel_parent_div_hikashop_category_information_module_137 .swiper-button-next {
	color: #4e536b;
}

/* Card images cut off at the bottom: .hikashop_product_image (near the top
   of this file) caps every product image at max-height:250px — a leftover
   from when the site's default thumbnail size was 250px. HikaShop injects
   a per-instance `height` matching each listing's own configured thumbnail
   size; category grids happen to be explicitly configured at 250px so they
   never showed the mismatch, but this module has no image-height override
   and falls back to the site's actual default of 300px. max-height doesn't
   yield to that larger height, so overflow:hidden was cropping the bottom
   50px of every card. Scoped here rather than raising the global cap, to
   avoid touching any other listing that hasn't been checked against it. */
#hikashop_category_information_module_137 .hikashop_product_image {
	max-height: none;
}
/* ============ EO SWG Featured Cards carousel block ============ */

/* =====================================================================
   SWG — Product page quantity stepper + inline Add to Cart
   ---------------------------------------------------------------------
   Scoped to #hikashop_product_quantity_main, the wrapper show_default.php
   puts around setLayout('quantity')'s output (stock message, the quantity
   form, the Add to Cart button, the wishlist button all land inside it as
   siblings) — so flexing this one container both fixes the stepper's
   layout and puts the button inline with it.

   STEPPER FIX reuses the pattern already proven on the checkout cart's
   quantity field (.hikashop_cart_product_quantity_value, above): the
   input and the +/- wrapper aren't laid out inline by default, which is
   why + rendered above -. `display:contents` flattens the +/- wrapper so
   its two children become flex items of the stepper group directly,
   letting `order` place them either side of the input regardless of DOM
   order ([input][+][-] in the markup, [-][input][+] on screen). */
#hikashop_product_quantity_main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

#hikashop_product_quantity_main .hikashop_quantity_form {
	display: flex;
	align-items: center;
	margin: 0;
}

#hikashop_product_quantity_main .hikashop_product_quantity_input_div_default_main {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #cfd1da;
	border-radius: 3px;
	background: #fff;
	overflow: hidden;
	line-height: 0;
}

#hikashop_product_quantity_main .hikashop_product_quantity_change_div_default {
	display: contents;
}

#hikashop_product_quantity_main .hikashop_product_quantity_change_div_minus_default { order: 1; }
#hikashop_product_quantity_main .hikashop_product_quantity_input_div_default        { order: 2; }
#hikashop_product_quantity_main .hikashop_product_quantity_change_div_plus_default  { order: 3; }

#hikashop_product_quantity_main .hikashop_product_quantity_change_div_minus_default,
#hikashop_product_quantity_main .hikashop_product_quantity_change_div_plus_default,
#hikashop_product_quantity_main .hikashop_product_quantity_input_div_default {
	display: flex;
	align-items: stretch;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
}
#hikashop_product_quantity_main .hikashop_product_quantity_change_div_minus_default { border-right: 1px solid #cfd1da; }
#hikashop_product_quantity_main .hikashop_product_quantity_change_div_plus_default  { border-left: 1px solid #cfd1da; }

/* - / + buttons. Must beat YOOtheme's `.uk-button` (css_button = uk-button
   applied to these anchors with no variant class). */
#hikashop_product_quantity_main a.hikashop_product_quantity_field_change {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 40px;
	min-width: 40px;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #3b3f54 !important;
	font: inherit;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background-color .12s ease-in-out;
}
#hikashop_product_quantity_main a.hikashop_product_quantity_field_change:hover {
	background: #f2f3f7 !important;
	color: #26244c !important;
	text-decoration: none !important;
}
#hikashop_product_quantity_main a.hikashop_product_quantity_field_change:focus-visible {
	outline: 2px solid #ca9a6b;
	outline-offset: -2px;
}

/* The number field. */
#hikashop_product_quantity_main input.hikashop_product_quantity_field {
	box-sizing: border-box;
	width: 52px !important;
	min-width: 52px;
	height: auto !important;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 6px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #2a2d3d !important;
	text-align: center !important;
	font: inherit;
	font-size: 15px !important;
	font-variant-numeric: tabular-nums;
	box-shadow: none !important;
	-moz-appearance: textfield;
}
#hikashop_product_quantity_main input.hikashop_product_quantity_field:focus {
	outline: 2px solid #ca9a6b;
	outline-offset: -2px;
}

/* The "_buttons" div inside .hikashop_quantity_form (show_quantity.php's
   {id}_buttons) is only ever populated by HikaShop's own AJAX quantity
   refresh partial — on a normal page load it's always empty. Collapse it
   so it doesn't leave a stray gap between the stepper and the real Add to
   Cart button, which quantity.php renders separately right after. */
#hikashop_product_quantity_main .hikashop_product_quantity_add_to_cart_div_default {
	display: none;
}
/* ============ EO SWG product page quantity + add to cart ============ */

/* =====================================================================
   SWG — Occasion + language badges (category grid card + product detail page)
   ---------------------------------------------------------------------
   Markup: templates/yootheme/html/com_hikashop/product/swg_occasion.php,
   injected into a position:relative ancestor by listing_div.php and
   show_default.php. Deliberately a real, readable text label rather than
   an image/icon or a color-only swatch: it's read by screen readers as
   ordinary text, respects the user's font size/zoom and any high-contrast
   override, and doesn't depend on an alt attribute surviving a broken
   image load.

   Two badges share this treatment: .swg-occasion-badge (top-left — Birthday,
   Easter, etc.) and .swg-badge (top-right — "French Only" / "English Only").
   Both sit inside the same position:relative wrapper so they overlay the
   image inline with each other instead of stacking above the card, which
   used to add extra height only to language-restricted cards and throw off
   row alignment in the grid. */
.swg-occasion-badge,
.swg-badge {
	position: absolute;
	top: 14px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #2a2d3d;
	background: #ffffff;
	border: 1px solid #ca9a6b;
	padding: 5px 9px;
	border-radius: 2px;
	line-height: 1.2;
	pointer-events: none;
}
.swg-occasion-badge { left: 12px; }
.swg-badge { right: 12px; }
.swg-badge::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ca9a6b;
}

/* Larger on the product detail page — more room, and each is the only badge
   of its kind on the page rather than one of many cards in a grid. */
.swg-occasion-badge-pdp,
.swg-badge-pdp {
	top: 16px;
	font-size: 11px;
	padding: 6px 11px;
}
.swg-occasion-badge-pdp { left: 16px; }
.swg-badge-pdp { right: 16px; }

/* French wording runs longer than English for both badges ("Anglais
   seulement" vs "English Only", "Anniversaire de mariage" vs "Anniversary"),
   so side-by-side top-left/top-right can collide on narrower cards. French
   only: stack the language badge directly under the occasion badge instead
   of beside it. .swg-badge-site-fr is added server-side (swg_occasion.php)
   based on the active Joomla language, NOT via a lang()/[lang] CSS selector
   — <html lang> is stuck on "en-ca" even on French pages (a pre-existing
   site bug), so it never actually matches. */
.swg-badge-site-fr {
	top: 44px;
	right: auto;
	left: 12px;
}
.swg-badge-pdp.swg-badge-site-fr {
	top: 50px;
	left: 16px;
}
/* ============ EO SWG occasion + language badges ============ */

/* Product code on the PDP (show_default.php's #hikashop_product_code_main)
   sits right after the title inside the same <h1>, with no CSS of its own,
   so it inherited the heading's large bold styling and read as part of the
   title. display:block drops it to its own line underneath. */
#hikashop_product_code_main {
	display: block;
	font-size: 12px;
	font-weight: normal;
}


/* ------------------------------------------------------------------
   SWG: hide the card-block Submit button

   The checkout showed two buttons - "Submit" inside the credit-card
   panel and "Finish" below it - with nothing to say which one places
   the order. Donors were pressing the wrong one.

   Hiding Submit is safe: the card fields are named
   checkout[payment][card][<id>][...] and live inside the same
   #hikashop_checkout_form that Finish submits, and ccLoad() reads
   plugin_data (primed from that submitted form) before it ever looks
   at the session fallback the Submit button populates. The flow just
   becomes single-step.

   Scoped to .hikashop_checkout_payment_card, which wraps only the card
   panel. Deliberately targets the button class and NOT its
   .hikashop_checkout_payment_submit wrapper, because that wrapper also
   holds the Reset button and the custom-payment Submit used by other
   payment methods.

   The button remains in the DOM so HikaShop's own JS is unaffected.
   ------------------------------------------------------------------ */
.hikashop_checkout_payment_card .hikabtn_checkout_payment_submit {
	display: none !important;
}


/* ------------------------------------------------------------------
   SWG: hide the duplicated donation amount in the cart module

   The cart module prints every item field that has field_frontcomp=1
   (classes/product.php:5507 filters on 'frontcomp' and ignores
   field_display), rendering them as
       <p class="hikashop_cart_item_<namekey>">Name: value</p>
   at views/product/tmpl/cart.php:653.

   For the donation that produced "Donation Amount : 5" directly under
   the product name, duplicating the price column right beside it.

   field_frontcomp cannot be turned off - it is what makes the value
   copy through to the order - so the line is hidden here instead.
   Scoped to the cart module and cart page so the same field still
   shows at checkout, on the order view and in the emails.
   ------------------------------------------------------------------ */
.hikashop_cart_module .hikashop_cart_item_donation_amount,
.hikashop_cart .hikashop_cart_item_donation_amount {
	display: none;
}

/* ------------------------------------------------------------------
   SWG: checkout "Back" button  ·  added 2026-07-28
   Template: templates/yootheme/html/com_hikashop/checkout/
   show_block_buttons.php. Sits in .buttons_left (float:left,
   frontend_custom.css:1330) ahead of the separate, optional Continue
   Shopping link — margin-right keeps a gap between them on steps where
   both happen to be present; harmless when Continue Shopping is absent.
   ------------------------------------------------------------------ */
.hikashop_checkout_back_button {
	margin-right: 12px;
}

/* ------------------------------------------------------------------
   SWG: checkout address form — two-column, label-above, content-sized
   inputs  ·  added 2026-07-28, rewritten same day (3rd pass)
   ---------------------------------------------------------------------
   Target: .swg-checkout-address-fields (outer wrapper) and the
   .swg-address-row pairs inside it, built by swg_checkout_address_rows()
   / swg_checkout_address_field_html() in the template override
   templates/yootheme/html/com_hikashop/checkout/
   sub_block_login_registration.php — see that file's header comment for
   the full history, in particular why this moved from one shared CSS
   grid to independent per-pair flex rows: a shared grid's column tracks
   size to the widest item that EVER lands in them, so a long <select>
   option elsewhere in the same column (e.g. a country name) could
   inflate a column well past what a name/address field needed, which
   read as "the gap is too large" / "these two fields aren't the same
   width" even though the actual column-gap value was already small.
   Each .swg-address-row below is its own flex container, so a pair's
   width is settled only by its own two fields — no cross-row leakage.

   Each field inside a row is still rendered as:
     <div class="hkform-group control-group hikashop_address_<fieldname>">
       <label class="hkcontrol-label">...</label>
       <div class="hikashop_address_field_input">...</div>
     </div>
   Field namekeys already start with "address_" (address_telephone,
   address_post_code, etc.) and the renderer always prepends "hikashop_
   address_" regardless of context, so the resulting row class is doubled
   up: hikashop_address_address_telephone.
   ------------------------------------------------------------------ */

/* Fields outside the fixed pair list (is_organization, Company) still
   render as plain full-width rows directly inside the wrapper — no grid/
   flex needed for a single column of them, just remove the row margin
   (see below) so they sit flush with the paired rows above/below. */

/* .hkform-group's own margin-bottom (hikashop.css:321-323, unscoped
   15px) was the only vertical spacing between rows — zeroed out per
   2026-07-28 "Remove the top margin and bottom margin on the
   .hkform-group and .control-group" (both classes sit on the same
   element here — control-group carries no margin of its own, listed
   anyway to match the request literally). Rows now sit flush; no
   replacement row-gap was added since none was asked for. */
.swg-checkout-address-fields .hkform-group,
.swg-checkout-address-fields .control-group {
	margin-top: 0;
	margin-bottom: 0;
}

/* Defensive resets (2026-07-28, "First Name/Last Name... floating way
   over on the right edge" / "Company name label is way to the right of
   the field"): First/Last/Telephone were escaping to the far right of
   the page and Company's label was detaching from its own input. The
   Company case was traced to hikashop.css's unscoped
   [class*="hkc-"] { grid-column: 1/-1; ... } matching the legacy
   hkc-sm-4/hkc-sm-8 classes the old per-field renderer still emitted —
   fixed at the template level (sub_block_login_registration.php) by
   moving Company/is_organization onto the same clean renderer the
   paired rows already used, which never emits those classes. The First/
   Last/Telephone case wasn't pinned down as precisely — no browser was
   available to inspect computed styles directly — so these two rules
   force both containers to behave as plain, normally-flowing blocks
   regardless of whatever else might be reaching them. */
.swg-checkout-address-fields {
	display: block !important;
	float: none !important;
	position: static !important;
	width: auto !important;
	clear: both !important;
}

/* Each pair is its own flex row. gap is now an explicit 15px (2026-07-28
   "Space them apart 15px") — replaces the earlier 6px, which was chasing
   the wrong problem (see below). align-items:flex-start keeps both cells
   pinned to the top even if one field's label wraps to 2 lines and the
   other's doesn't. */
.swg-address-row {
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-start;
	float: none !important;
	position: static !important;
	clear: both;
	width: 100%;
	gap: 15px;
}
.swg-address-row > .hkform-group {
	/* No flex-grow — each cell stays exactly as wide as its own label/
	   input (or, for Province, its widest <option> — see below), it does
	   not stretch to fill the row. */
	flex: 0 0 auto !important;
	float: none !important;
	position: static !important;
	min-width: 0;
}

/* Every row (single or paired) gets the label-above treatment — was a
   12-col grid (label span 4 / input span 8, side by side) via
   hikashop.css:290-296; collapse to a simple stacked block instead.
   !important on display: the first pass here (no !important) rendered
   with fields "almost off the screen" and visually overlapping — turned
   out to be the width bug documented below, not this rule losing the
   cascade, but !important is kept as insurance now that the actual cause
   is confirmed elsewhere, since a shared-specificity rule silently losing
   here is exactly the class of bug that just happened once already. */
.swg-checkout-address-fields .hkform-group {
	display: block !important;
}
/* Company Name's conditional visibility (2026-07-28, "look into the
   dynamic display of Company Name") needs to win over the unconditional
   display:block!important above — a plain inline style="display:none"
   from the template lost to it (an !important external rule always beats
   a non-important inline style, even though inline styles normally trump
   external ones), which is why that field kept showing regardless of the
   is_organization checkbox. One extra class name (3 selectors deep vs 2)
   gives this higher specificity than the rule above, so among two
   !important declarations this one now wins instead. Toggled server-side
   on initial render and client-side on checkbox change — see
   templates/yootheme/html/com_hikashop/checkout/
   sub_block_login_registration.php. */
.swg-checkout-address-fields .hkform-group.swg-hidden {
	display: none !important;
}
.swg-checkout-address-fields .hkcontrol-label {
	/* Base rule right-aligns + top-pads the label to line up beside an
	   input on the same row (hikashop.css:304-307) — irrelevant once
	   label sits above the input instead. */
	display: block !important;
	text-align: left;
	padding-top: 0;
	/* 2026-07-28 "add 5px of top margin to the field labels" — separates
	   each label from the input of the row above now that .hkform-group's
	   own margin is zeroed out (rows sit flush, see above). 2026-07-29:
	   +5px, then +5px more, per request, to 15px total. */
	margin-top: 15px;
	margin-bottom: 4px;
}
.swg-checkout-address-fields .hikashop_address_field_input {
	display: block !important;
}

/* Inputs/selects default to width:100% of their (now auto-width) parent
   — switch to content-sized. Targeting the bare element (not a class):
   HK_FORM_CONTROL_CLASS resolves to "form-control" in this install, not
   "hkform-control" as assumed on the first pass, so every width rule
   below was silently not matching at all — inputs stayed 100% of an
   unconstrained ancestor, which is what actually caused the "almost off
   the screen" / "overlapping" report, not the flex layout itself.
   Element selectors sidestep needing to know the exact utility class,
   and !important guarantees these win regardless of which global rule
   (still not pinned down exactly) was setting width:100%.
   Sizes below are deliberate per field (not a blanket auto): named
   fields most people actually judge by expected content length get an
   exact ch width. First/Last name matched (2026-07-28 "should be the
   same width"); Address/Address-line-2 matched too (same request).
   Telephone 14ch and Postal code 7ch per the original request ("A1A
   1A1"). Company and Country are free-text/long-option fields left to
   auto-size. Province gets NO width rule at all (2026-07-28 "as wide as
   the longest value") — a bare <select> already sizes to its widest
   <option> by default ("Newfoundland & Labrador"), it just couldn't
   before inside the shared grid column (see file header). */
.swg-checkout-address-fields .hikashop_address_field_input input,
.swg-checkout-address-fields .hikashop_address_field_input select {
	width: auto !important;
}
.swg-checkout-address-fields .hikashop_address_address_firstname input,
.swg-checkout-address-fields .hikashop_address_address_lastname input {
	width: 20ch !important;
}
.swg-checkout-address-fields .hikashop_address_address_telephone input {
	width: 14ch !important;
}
.swg-checkout-address-fields .hikashop_address_address_street input,
.swg-checkout-address-fields .hikashop_address_address_street2 input {
	width: 24ch !important;
}
.swg-checkout-address-fields .hikashop_address_address_city input {
	width: 18ch !important;
}
/* 2026-07-28 "Make the postal code field input box 20px wider" — calc()
   adds the 20px on top of the original 7ch content-based width rather
   than guessing a replacement ch value. */
.swg-checkout-address-fields .hikashop_address_address_post_code input {
	width: calc(7ch + 20px) !important;
}

/* ------------------------------------------------------------------
   SWG: field validation error text  ·  2026-07-29
   ---------------------------------------------------------------------
   hikashop.js's updateFieldError() (wired to every field's onblur, and
   to the submit-time check registered below) already toggles the
   per-field <span id="..._error" class="hikashop_field_error_msg">
   that sub_block_login_registration.php / address_field_row.php already
   emit next to every input — it just
   rendered unstyled: frontend_default.css:2267 has a
   .hikashop_field_error_msg rule (display:block, red-ish text) but
   that stylesheet isn't loaded on this site at all (checked the actual
   <link> tags served), so the span showed inline, default black text.
   Positioned absolutely (containing block = the field's own input
   wrapper) rather than left in normal flow, so an error message
   appearing/disappearing/wrapping never changes its row's height —
   "the error text should not bump any fields out of alignment". Scoped
   to #hikashop_checkout_registration (wraps both the address fields and
   the e-mail field on this combined form) rather than left unscoped,
   since .hikashop_field_error_msg is a generic HikaShop class used
   elsewhere on the site too. */
#hikashop_checkout_registration .hikashop_address_field_input,
#hikashop_checkout_registration .hikashop_registration_email_line > div {
	position: relative;
}
#hikashop_checkout_registration .hikashop_field_error_msg {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	margin-top: 3px;
	color: #f0506e;
	font-size: 11px;
	line-height: 1.3;
	white-space: normal;
}

/* Narrow screens: stack each pair instead of side by side, same as every
   other responsive breakpoint on this site (640px). */
@media (max-width: 640px) {
	.swg-address-row {
		flex-direction: column;
	}
}

/* ------------------------------------------------------------------
   SWG: checkout "required fields" note + E-mail field  ·  2026-07-28
   ---------------------------------------------------------------------
   Both rows sit directly in <fieldset class="hkform-horizontal">
   (sub_block_login_registration.php), OUTSIDE .swg-checkout-address-
   fields — they're registration fields, not address fields, so none of
   the rules above reach them. Two separate, narrowly-scoped fixes below
   rather than widening .swg-checkout-address-fields's scope to cover
   them, since the rest of that block (name/username/password) was not
   asked to change and stays in its original side-by-side layout.
   ------------------------------------------------------------------ */

/* "Fields marked with an asterisk (*) are required." was sitting under
   an EMPTY label column (hkc-sm-4, .hkform-group's normal label slot for
   this row has no label — see the template) — the text itself is the
   hkc-sm-8 sibling, so it rendered shifted right, past that invisible
   spacer, instead of starting at the left edge. Removing the empty
   spacer from the grid lets the text auto-place at column 1. Same
   pattern reused below for "Same address for shipping". */
.hikashop_registration_required_info_line > .hkc-sm-4,
.hikashop_registration_same_address_line > .hkc-sm-4 {
	display: none;
}

/* E-mail: same label-above treatment as the address fields, for visual
   consistency now that Address information looks this way too. Was a
   12-col grid (label span 4 / input span 8, side by side) via
   hikashop.css:290-296, same as every address field started out.
   !important: .hikashop_registration_email_line alone (0,1,0) is LOWER
   specificity than the grid rule it's overriding, .hkform-horizontal
   .hkform-group (0,2,0) — this lost silently on the first pass despite
   being confirmed live, the exact class of bug the address fields' own
   display:block!important (a few blocks up) was already written to avoid;
   missed applying that same fix here first time round. */
.hikashop_registration_email_line {
	display: block !important;
}
.hikashop_registration_email_line > label {
	display: block !important;
	text-align: left;
	padding-top: 0;
	/* 2026-07-29: +5px, then +5px more, matching the address field labels, to 15px total. */
	margin-top: 15px;
	margin-bottom: 4px;
}
.hikashop_registration_email_line > div {
	display: block !important;
}
.hikashop_registration_email_line input {
	width: 30ch;
}

/* 2026-07-28 "Add 10px of top margin to 'Your Information' heading" — a
   plain <h2> with no class of its own (show_block_login.php:148), scoped
   via its parent's ID instead of adding a template override just for a
   margin tweak. */
#hikashop_checkout_registration > h2 {
	margin-top: 10px;
}