/*
 * FMTI Shop Website Main Css Style
 * 2026-10-01
*/

/* Base */

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/playfair-display/playfair-display-variable.woff2") format("woff2");
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
}

:root {
	--primary-color: #ff6900;
	--text-color: #333;
	--border-color: #eee;
	--color-secondary: #666;
    --color-orange-500: #ff6900;
    --color-orange-400: #ef7e4e;
    --color-orange-100: #ffc8af;
	--font-hover-color: #ff6900;

	--header-max-width: 1600px;
	--header-orange: #ff6900;
	--header-text: #111;
	--header-border: #eee;
	--header-search-max-width: 620px;
	--header-top-height: 100px;
	--header-navbar-height: 52px;

	--muted--star: #72747e;

}

a {
	-webkit-tap-highlight-color: transparent;
}

.uk-link, a {
	color: #333;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	color: #ff6900;
}

.font-playfair {
	font-family: "Playfair Display", serif;
	font-weight: 600;
}

.border {
    border: 1px solid var(--border-color);
}

.uk-card-body {
	padding: 20px;
}

.uk-dropdown-nav>li>a {
	color: #666;
	font-weight: 500;
}

.uk-dropdown-nav>li.uk-active>a, .uk-dropdown-nav>li>a:hover {
	color: #333;
	font-weight: 500;
}

.uk-drop.uk-open {
	padding: 15px;
}

.uk-button-secondary-rounded {
	border: 0;
    background-color: #212121;
	border-radius: 500px;
    color: #fff;
	text-transform: none;
}

.uk-button-secondary-rounded:hover {
	border: 0;
	background-color: #ff6900;
	color: #fff;
}

.uk-button-orange-rounded {
	border: 0;
    background-color: #ff6900;
	border-radius: 500px;
    color: #fff;
	text-transform: none;
}

.uk-button-orange-rounded:hover {
	border: 0;
	background-color: #FFF;
	color: #333;
}

body {
	font-size: 1rem;
	line-height: 1.5;
	color: var(--text-color);
	background: #F5F6F7;
}

/* Top Main Header */

.main-header {
	position: relative;
	background-color: #ffffff !important;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px, rgb(255, 255, 255) 0px -1px 0px inset;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff
}


/* =========================================================
	PC Header
	UIkit @l = 1200px+
========================================================= */

/* Top Header */

.main-header-top {
	display: grid;
	grid-template-columns:
		minmax(280px, 1fr)
		minmax(320px, 700px)
		minmax(280px, 1fr);

	align-items: center;
	width: 100%;
	min-height: var(--header-top-height);
	border-bottom: 1px solid var(--header-border);
}


/* Logo Grid */

.header-website-logo {
	grid-column: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
}

.header-logo-link {
	display: inline-flex;
	align-items: center;
	color: inherit;
}

.header-logo-img {
	display: block;
	width: auto;
	max-width: 180px;
	height: 46px;
	object-fit: contain;
}


/* Search Grid */

.header-top-search {
	grid-column: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.header-search-form {
	display: flex;
	align-items: center;
	width: min(
		var(--header-search-max-width),
		calc(100% - 40px)
	);
	min-width: 0;
	height: 42px;
	border: 2px solid var(--header-orange);
	border-radius: 999px;
	background: #fff;
}

/* Search Category */

.header-search-category {
	position: relative;
	flex: 0 0 auto;
}

.header-search-category-button {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 42px;
	padding: 0 16px 0 22px;
	border: 0;
	background: transparent;
	color: #111;
	font-size: 14px;
	cursor: pointer;
	white-space: nowrap;
}

.header-search-category::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	width: 1px;
	height: 22px;
	background: #e5e5e5;
}

.header-search-category-dropdown {
	min-width: 220px;
}


/* Search Input */

.header-search-input-box {
	flex: 1 1 auto;
	min-width: 0;
}

.header-search-input {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0 14px;
	border: 0;
	outline: 0;
	background: transparent;
	color: #222;
	font-size: 14px;
}

.header-search-input::placeholder {
	color: #8a8a8a;
	opacity: 1;
}

.header-search-input::-webkit-search-cancel-button {
	display: none;
}

/* Search Button */

.header-search-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 58px;
	width: 58px;
	height: 42px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--header-orange);
	cursor: pointer;
}

/* Right Grid */

.header-top-right {
	grid-column: 3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

.header-right-content {
	display: flex;
	align-items: center;
	gap: 24px;
	white-space: nowrap;
}

.header-top-tool {
	position: relative;
}

.header-tool-button,
.header-tool-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #000;
	font-size: 16px;
	cursor: pointer;
}

.header-tool-button:hover,
.header-tool-link:hover {
	color: var(--font-hover-color);
	text-decoration: none;
}

/* Top Header Cart */

.header-cart-link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}


.header-cart-link:hover {
	color: #dc5208;
}

.header-cart-count {
	position: absolute;
	top: -7px;
	right: -9px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 14px;
	height: 14px;
	padding: 0 4px;
	border-radius: 50px;
	background: #f00;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}


/* PC Main Navbar */

.main-top-navbar {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	min-height: var(--header-navbar-height);
	background: #fff;
}

.main-navbar-left,
.main-navbar-right {
	display: flex;
	align-items: stretch;
}

.main-navbar-menu {
	display: flex;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-navbar-item {
	position: relative;
	display: flex;
	align-items: stretch;
	margin: 0;
}

.main-navbar-link {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: var(--header-navbar-height);
	padding: 0 14px;
	color: #000;
	font-family: "Playfair Display", serif;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
}

.main-navbar-link:hover,
.main-navbar-item:hover > .main-navbar-link {
	color: #ff6900;
	text-decoration: none;
}

.navbar-item-equipment .main-navbar-link {
	padding-left: 0;
}

.equipment-menu-icon {
	margin-right: 4px;
}

.navbar-home-item .main-navbar-link {
	position: relative;
	padding-left: 0;
}

.navbar-home-item .main-navbar-link::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: 4px;
	margin-left: 3px;
	background: #ff6900;
	border-radius: 50%;
}

.main-navbar-arrow {
	display: inline-flex;
	align-items: center;
	transition: transform .2s ease;
}

.main-navbar-link[aria-expanded="true"] .main-navbar-arrow {
	transform: rotate(180deg);
}


/* PC Navbar Dropdown */

.main-navbar-dropdown {
	width: 315px;
	padding: 0;
	border: 0;
	background: #fff;
}

.navbar-dropdown-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navbar-dropdown-menu > li {
	margin: 0;
}

.navbar-dropdown-menu > li > a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 22px;
	border-bottom: 1px solid var(--border-color);
	background: #fff;
	color: #333;
	font-size: 16px;
}

.navbar-dropdown-menu > li:last-child > a {
	border-bottom: 0;
}

.navbar-dropdown-menu > li > a:hover {
	background: #f6f6f6;
	color: var(--font-hover-color);
	text-decoration: none;
}


/* =========================================================
	Mobile Header
	< UIkit @l / < 1200px
========================================================= */

.mobile-main-header {
	display: none;
}

/* Mobile Offcanvas */

.mobile-offcanvas .uk-offcanvas-bar {
	width: min(
		556px,
		calc(100vw - 70px)
	);
	padding: 0;
	background: #fff;
	color: #000;
}

.uk-offcanvas-overlay::before {
	background: rgba(0, 0, 0, .5);
}


/* Mobile Offcanvas Header */

.mobile-offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	padding: 0;
	border-bottom: 1px solid var(--border-color);
}


.mobile-offcanvas-logo {
	display: flex;
	align-items: center;
}


.mobile-offcanvas-logo img {
	display: block;
	width: auto;
	max-width: 116px;
	height: 30px;
	object-fit: contain;
}


.mobile-offcanvas-close {
	position: static;
	width: 36px;
	height: 36px;
	padding: 0;
	color: #000 !important;
}


/* Mobile Account */

.mobile-account-actions {
	display: grid;
	grid-template-columns: repeat(
		2,
		minmax(0, 1fr)
	);
	gap: 14px;
	padding: 16px;
	border-bottom: 1px solid var(--border-color);
}

.mobile-account-actions .uk-button {
	border: 1px solid var(--border-color);
	border-radius: 8px;
	color: #000;
}

.mobile-account-actions .signin-button {
	background-color: #dc5208;
	color: #FFF;
}

.mobile-account-actions .uk-button:hover {
	color: #000;
}

/* Mobile Country */

.mobile-country-box {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid var(--border-color);
}

.mobile-country-button {
	display: grid;
	grid-template-columns: 40px 1fr 40px;
	align-items: center;
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--border-color);
	border-radius: 8px;
	background: #fff;
	color: #000;
	cursor: pointer;
}

.mobile-country-world {
	justify-self: start;
}

.mobile-country-name {
	justify-self: center;
}

.mobile-country-arrow {
	justify-self: end;
}


/* Mobile Accordion */

.mobile-category-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-category-menu > li {
	margin: 0 !important;
	border-bottom: 1px solid var(--border-color);
}

.mobile-category-title {
	display: flex;
	align-items: center;
	min-height: 52px;
	padding: 0 16px;
	color: #333 !important;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
}

/* 禁用 UIkit 默认 Accordion 箭头 */
.mobile-category-title::before {
	display: none;
}

.mobile-category-name {
	flex: 1 1 auto;
	min-width: 0;
}

.mobile-category-arrow {
	flex: 0 0 auto;
	margin-left: 15px;
	color: #000;
	transition: transform .2s ease;
}

/* Accordion 展开 */
.mobile-category-menu > .uk-open > .mobile-category-title > .mobile-category-arrow {
	transform: rotate(180deg);
}

.mobile-category-menu .uk-accordion-content {
	margin: 0;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	text-decoration: none;
}

.mobile-submenu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #f7f7f7;
}

.mobile-submenu li {
	border-top: 1px solid #e5e5e5;
}

.mobile-submenu a {
	display: block;
	padding: 15px 34px;
	color: #222;
	font-size: 14px;

}

.mobile-offcanvas .uk-offcanvas-bar {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, .22) transparent;
}

.mobile-offcanvas .uk-offcanvas-bar::-webkit-scrollbar {
	width: 4px;
}

.mobile-offcanvas .uk-offcanvas-bar::-webkit-scrollbar-track {
	background: transparent;
}

.mobile-offcanvas .uk-offcanvas-bar::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .22);
	border-radius: 999px;
}

/* Main */

.section-container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.section-box {
	padding: 15px;
	overflow: hidden;
	border: 1px solid var(--border-color);
	border-radius: 6px;
}

/* Home Banner Slider */

.home-banner-slider {
	position: relative;
	padding: 10px;
	border: 1px solid var(--border-color);
	border-radius: 8px;
	background: #fff;
}

.home-banner-slider .uk-slider-container {
	border-radius: 10px;
	overflow: hidden;
}

.home-banner-slider .uk-slider-items {
	margin: 0;
}

.home-banner-slider .uk-slider-items > li {
	position: relative;
}

.home-banner-link {
	display: block;
	width: 100%;
	overflow: hidden;
}

.home-banner-link img {
	display: block;
	width: 100%;
	height: auto;
}

/* Previous / Next */

.home-banner-arrow {
	position: absolute;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 70px;
	margin: 0 18px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .38);
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%);
	transition:
		opacity .2s ease,
		visibility .2s ease,
		background-color .2s ease;
}

.home-banner-arrow:hover {
	background: rgba(0, 0, 0, .55);
	color: #fff;
}

/*
 * 鼠标进入整个 Slider 图片区域后
 * 显示左右箭头
 */
.home-banner-slider .uk-position-relative:hover
.home-banner-arrow {
	opacity: 1;
	visibility: visible;
}


/* UIkit slidenav SVG */

.home-banner-arrow .uk-slidenav {
	color: #fff;
}

/* =========================================================
   Dot Navigation
========================================================= */

.home-banner-dotnav {
	position: absolute;
	left: 50%;
	bottom: 17px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	transform: translateX(-50%);
}


/*
 * 取消 UIkit dotnav 默认 margin 影响
 */
.home-banner-dotnav > * {
	padding-left: 0;
}

.home-banner-dotnav > * > * {
	width: 18px;
	height: 18px;
	border: 5px solid rgba(0, 0, 0, .55);
	background: #fff;
	box-sizing: border-box;
}

.home-banner-dotnav > .uk-active > * {
	border-color: rgba(0, 0, 0, .55);
	background: #ff7900;
}

/* Home Our Strengths */

.our-strengths-section {
	padding-top: 20px;
	padding-bottom: 10px;
}

.our-strengths-item-info {
	display: flex;
	position: relative;
}

.our-strengths-item-info .icon {
	flex-shrink: 0;
	align-self: center;
}

.our-strengths-item-info .icon img {
	max-width: 60px;
}

.our-strengths-item-info .meta {
	flex-grow: 1;
	margin-left: 16px;
	margin-right: 10px;
}

.our-strengths-item-info .meta h5 {
	margin-bottom: 10px;
	font-family: "Playfair Display", serif;
	font-size: 18px;
	font-weight: 600;
}

.our-strengths-item-info .meta p {
	margin: 0;
	font-size: 14px;
	color: #666;
}

.our-strengths-item-info::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1.5px;
	height: 80%;
	background: linear-gradient(
		to bottom,
		rgba(255, 120, 0, 0) 0%,
		rgba(255, 120, 0, .18) 20%,
		rgba(255, 120, 0, .45) 50%,
		rgba(255, 120, 0, .18) 80%,
		rgba(255, 120, 0, 0) 100%
	);
	transform: translateY(-50%);
}

.home-our-strengths-grid .our-strengths-item:last-child .meta {
	margin-right: 0;
}

.home-our-strengths-grid .our-strengths-item:last-child .our-strengths-item-info::after {
	display: none;
}

/* Home Application Scenarios */
.home-application-scenarios-inner .left-box-inner {
	display: flex;
	flex-direction: column;
	padding: 20px;
	height: 100%;
	background-color: #FBF1E8;
}

.home-application-scenarios-inner .left-box-inner .info-meta {
	flex: 0 0 auto;
	padding-bottom: 20px;
}

.home-application-scenarios-inner .left-box-inner .info-meta h2 {
	font-family: "Playfair Display", serif;
	font-weight: 600;
}

.home-application-scenarios-inner .left-box-inner .info-picture {
	flex: 1 1 auto;
	position: relative;
	min-height: 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.home-application-scenarios-inner .left-box-inner .info-picture img {
	display: block;
	width: 100%;
	height: auto;
	float: right;
	object-fit: scale-down;
	object-position: right bottom;
}

.stretched-link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* Right Box */

.home-application-scenarios-inner .right-box .item {
	padding: 16px;
}

.home-application-scenarios-inner .right-box .item .info-meta {
	padding-bottom: 15px;
}

.home-application-scenarios-inner .right-box .item .info-meta h4 {
	font-size: 18px;
	font-family: "Playfair Display", serif;
	font-weight: 600;
}

.home-application-scenarios-inner .right-box .item .info-picture {
	position: relative;
	min-height: 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.home-application-scenarios-inner .right-box .item .info-picture img {
	display: block;
	width: 80%;
	height: auto;
	float: right;
	object-fit: scale-down;
	object-position: right bottom;
}

.home-application-scenarios-inner .right-box .right-grid .item-box:nth-child(1) > .item { background:#eaf3fb; }
.home-application-scenarios-inner .right-box .right-grid .item-box:nth-child(2) > .item { background:#F4EBEC; }
.home-application-scenarios-inner .right-box .right-grid .item-box:nth-child(3) > .item { background:#F8F4F1; }
.home-application-scenarios-inner .right-box .right-grid .item-box:nth-child(4) > .item { background:#EDFFFF; }

/* Product */

.heading-default {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	min-height: 40px;
	margin-bottom: 20px;
}

.heading-default .model-name {
	flex-shrink: 0;
	min-width: 0;
	margin-bottom: 0;
	font-family: "Playfair Display", serif;
	font-size: 22px;
	font-weight: 600;
	white-space: nowrap;
}

.heading-default .sub-navbar-menu {
	flex: 1;
	display: flex;
	position: relative;
	min-width: 0;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
}

/* Tab */

.tab-scroll-area {
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	scroll-padding-inline: 8px 48px;
}

.tab-scroll-area::-webkit-scrollbar {
	display: none;
}

.tabnavbar-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 14px;
	width: max-content;
	min-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabnavbar-menu > li {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.tabnavbar-menu > li > a {
	display: block;
	padding: 6px 12px;
	border: 1px solid var(--border-color);
	border-radius: 500px;
	background: transparent;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.tabnavbar-menu > li > a:hover {
	color: #ff6900;
	border-color: #ff6900;
	text-decoration: none;
}

.tabnavbar-menu > li > a:focus-visible {
	outline: 3px solid rgba(8, 120, 63, .18);
	outline-offset: 2px;
}

/* UIkit 把激活状态加在 li.uk-active 上 */
.tabnavbar-menu > li.uk-active > a {
	color: #FFF;
	background: #ff6900;
	border-color: #e96508;
}

.tab-scroll-hint {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 48px;
	padding-right: 5px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 48%, #ffeada 100%);
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .22s ease, visibility .22s ease;
}

.sub-navbar-menu.has-overflow:not(.is-at-end) .tab-scroll-hint {
	opacity: 1;
	visibility: visible;
}

.tab-scroll-hint span {
	display: inline-block;
	color: #dc5208;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	animation: tab-scroll-arrow 1.05s ease-in-out infinite;
}

@keyframes tab-scroll-arrow {
	0%, 100% {
		transform: translateX(-4px);
		opacity: .45;
	}
	50% {
		transform: translateX(3px);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tabnavbar-menu > li > a,
	.tab-scroll-hint {
		transition: none;
	}

	.tab-scroll-hint span {
		animation: none;
	}
}

/* Product Style */

.products-list .product-item {
	display: flex;
}

.product-item-inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	box-shadow: none;
	border: 1px solid var(--border-color);
	border-radius: 6px;
}

.product-item-inner:hover {
	color: #B20000 !important;
}

.product-item-inner .product-thumb {
	position: relative;
	flex: 0 0 auto;
}

.product-item-inner .product-thumb .sale-badge {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	z-index: 100;
	border-radius: 0 0 6px 6px;
	background-color: #f00;
	font-size: 12px;
	color: #FFF !important;
	text-align: center;
	line-height: 1.6;
}

.product-item-inner .product-thumbnail {
	border-radius: 6px 6px 0 0;
}

.product-item-inner .card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 15px 10px;
	text-align: center;
}

.product-item-inner .product-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-weight: 500;
}

.product-item-inner .product-price {
	margin-top: auto;
}

.product-item-inner .product-price span {
	display: block;
}

.product-item-inner .product-price .price-current {
	margin-bottom: 5px;
	color: #B20000;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
}

.product-item-inner .product-price .price-was {
	color: #8a8a8a;
	font-size: 12px;
	text-decoration: line-through;
	white-space: nowrap;
}

.product-item-inner .card-footer {
	flex: 0 0 auto;
	padding: 0 10px 15px;
}

.product-item-inner .card-footer button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 6px;
	border: 1px solid #FF8000;
	border-radius: 6px;
	text-transform: none;
	font-weight: 500;
}

.product-item-inner .card-footer button:hover {
	background-color: #ff6900;
	color: #FFF;
}

.product-item-inner .card-footer button:hover span:first-child {
	color: #FFF;
}

.product-item-inner .card-footer button span:first-child {
	color: #FF8000;
}

/* Rented product */
.rented-product-item-inner {
	position: relative;
	padding: 10px;
	gap: 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
}

.rented-product-item-inner .product-picture .thumbnail {
	display: block;
	max-width: 132px;
	height: auto;
	vertical-align: middle;
}

.rented-product-body {
	display: flex;
	flex-direction: column;
}

.rented-product-item-inner .rented-product-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	margin-bottom: 10px;
    overflow: hidden;
    font-weight: 500;
}

.rented-product-price {
	display: flex;
	align-items: center;
	margin-top: auto;
	margin-bottom: 10px;
	gap: 5px;
	color: #8a8a8a;
	font-size: 12px;
}

.rented-product-price span {
	display: block;
}

.rented-product-price .price-current {
	color: #B20000;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
}

.rented-product-body .cart-button {
	flex: 0 0 auto;
}

.rented-product-body .cart-button button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid #FF8000;
	border-radius: 6px;
	text-transform: none;
	font-weight: 500;
}

.rented-product-body .cart-button button:hover {
	background-color: #ff6900;
	color: #FFF;
}

.rented-product-body .cart-button button:hover span:first-child {
	color: #FFF;
}

.rented-product-body .cart-button button span:first-child {
	color: #FF8000;
}

/* Heading Middle */

.heading-middle {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
	padding-top: 10px;
	text-align: center;
}

.heading-middle h3 {
    font-family: "Playfair Display", serif;
    font-size: 22px;
    font-weight: 600;
}

.heading-middle .bullet {
    display: flex;
    align-items: center;
	max-width: 136px;
    gap: 16px;
}

.heading-middle .bullet::before,
.heading-middle .bullet::after {
    content: "";
    display: block;
    height: 8px;
    background: #ff7900;
}

.heading-middle .bullet::before {
    width: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
}

.heading-middle .bullet::after {
    width: 110px;
    border-radius: 999px;
}


/* Home Solutions */

.solutions-section {
    overflow: hidden;
}

.solutions-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.solutions-nav > li {
    position: relative;
    margin: 0 !important;
	border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.solutions-nav > li > a {
    display: block;
    padding: 15px 16px;
    color: #000;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}

.solutions-nav-inner h4 {
    margin: 0 0 15px;
    color: inherit;
	font-family: "Playfair Display", serif;
	font-weight: 600;
}

.solutions-nav-inner h4::after {
    content: "";
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 14px;
    background: #ff7800;
    border-radius: 999px;
}

.solutions-nav-inner p {
    margin: 0;
    color: var(--color-secondary);
    font-size: 16px;
    line-height: 1.45;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.solutions-nav > li.uk-active > a {
    background: #282828;
    color: #fff;
}

.solutions-nav > li.uk-active p {
    color: rgba(255, 255, 255, .92);
}

.solutions-nav > li.uk-active::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: var(--color-orange-500);
}

.solutions-nav > li.uk-active::before {
    content: "";
    position: absolute;
    z-index: 150;
    top: 50%;
    right: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--color-orange-500);
    transform: translateY(-50%);
}

.solutions-switcher {
    margin: 0;
    padding: 0;
}

.solutions-body {
    position: relative;
    overflow: hidden;
}

.solutions-body .solutions-body-picture {
	position: relative;
	z-index: 50;
	height: 100%;
}

.solutions-body-picture .solutions-picture {
	display: block;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: top center;
}

.solutions-body .info-meta {
    position: absolute;
    z-index: 100;
    left: 25px;
    right: 25px;
    bottom: 20px;
    color: #fff;
}

.solutions-body .info-meta h5 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.solutions-body .info-meta h5::after {
    content: "";
    display: block;
    width: 80px;
    height: 5px;
    margin-top: 10px;
    background: var(--color-orange-500);
    border-radius: 999px;
}

.solutions-body .info-meta p {
	margin-bottom: 0;
    color: rgba(255, 255, 255, .96);
    font-size: 16px;
}

/* Why Choose Us */

.why-grid {
	align-items: center;
    margin: 0 0 20px;
}

.why-picture {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.why-picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 12px;
}

.why-content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 15px;
}

.why-title {
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
    font-size: 22px;
	font-family: "Playfair Display", serif;
    font-weight: 600;
}

.why-list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: why-counter;
}

.why-list > li {
    position: relative;
    min-height: 52px;
    padding: 10px 0 10px 34px;
    border-bottom: 1px solid var(--border-color);
    counter-increment: why-counter;
}

.why-list > li:last-child {
    border-bottom: 0;
}

.why-list > li::before {
    content: counter(why-counter) ".";
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--color-orange-500);
}

.why-item-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #000;
}

.why-item-desc {
    font-size: 14px;
    color: #666;
}

/* News List */

.news-item-inner {
	box-shadow: none;
}

.news-item-inner .uk-card-body {
	padding: 15px 0;
}

.news-item-inner .news-title {
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
}

.news-item-inner .news-byline {
	display: flex;
	margin: 0;
	gap: 10px;
	font-size: 12px;
}

.news-item-inner:hover {
	color: inherit;
}

/* Footer Service Advantages */

.footer-service-advantages {
	padding: 15px;
	border: 1px solid #dc5208;
	border-radius: 6px;
	background-color: var(--color-orange-500);
	color: #FFF;
}

.footer-service-advantages .item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.footer-service-advantages .item .icon {
	max-width: 48px;
}

.footer-service-advantages .item .info {
	padding-left: 15px;
}

.footer-service-advantages .item .info h5 {
	margin-bottom: 6px;
	font-size: 20px;
	color: #FFF;
}

.footer-service-advantages .item .info p {
	margin: 0;
	font-size: 14px;
	line-height: 1.2;
}

/* category */

.page-title {
	margin-bottom: 0;
	font-family: "Playfair Display", serif;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.category-section-inner {
	margin-bottom: 20px;
}

.category-section-header {
	display: flex;
	align-items: center;
	padding: 0 0 20px;
}

.category-section-header .category-section-title {
	margin-bottom: 0;
	font-family: "Playfair Display", serif;
	font-size: 22px;
	font-weight: 600;
}

.category-card {
	display: flex;
	align-items: center;
	column-gap: 15px;
	padding: 10px 10px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
}

.category-card .category-thumb {
	flex: none;
	background: #fff;
}

.category-card .category-thumb img {
	max-width: 96px;
    mix-blend-mode: multiply;
}

.category-card .card-body {
	flex: 1;
	min-width: 0;
}

.category-card .card-body .category-title {
	margin-bottom: 10px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 1.4;
}

.category-card:hover {
	background-color: #fbf3ee;
}

.category-card:hover .category-thumb {
	background: #FFF;
}

.category-card .category-link .uk-icon-button {
	width: 24px;
	height: 24px;
	background: #ff6900;
    color: #fff;
}

.category-card:hover .category-link .uk-icon-button {
	background-color: #000;
}

/* New Equipment List */

.page-breadcrumb-section {
	padding-top: 0;
	padding-bottom: 5px;
}

.page-breadcrumb .uk-breadcrumb {
	margin-bottom: 0;
	padding-left: 4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.page-breadcrumb .uk-breadcrumb li a {
	color: #666;
}

.page-breadcrumb .uk-breadcrumb li:nth-child(2) a, 
.page-breadcrumb .uk-breadcrumb li:nth-child(3) a {
	color: #000;
}

.page-breadcrumb .uk-breadcrumb li::before {
	margin: 0 10px !important;
}


/* Filter Sidebar */

.product-filter {
	border: 1px solid var(--border-color);
	border-radius: 6px 6px 0 0;
	background: #fff;
}

.product-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-filter .uk-accordion {
	margin: 0;
}

.product-filter .uk-accordion > li {
	margin: 0;
}

.product-filter .uk-accordion-content {
	margin: 0;
}

.product-filter .uk-accordion-title::before {
	display: none;
}

.filter-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	text-decoration: none !important;
}

.filter-title:hover {
	text-decoration: none;
}

.filter-main-title {
	min-height: 54px;
	padding: 0 16px;
	font-size: 20px;
	font-weight: 500;
	color: #000;
}

.filter-arrow {
	position: relative;
	flex: 0 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-left: 15px;
	border-radius: 50%;
	cursor: pointer;
}

.filter-arrow::after {
	content: "";
	position: absolute;
	top: 5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: translateY(2px) rotate(135deg);
	box-sizing: border-box;
}

.uk-open > .filter-title > .filter-arrow::after {
	top: 7px;
	transform: translateY(2px) rotate(-45deg);
}

.filter-section {
	border-top: 1px solid var(--border-color);
}

.filter-section-title {
	min-height: 50px;
	padding: 0 16px;
	background: #FFF;
	font-size: 18px;
	font-weight: 400;
	color: var(--color-orange-500);
}

.filter-category-list {
	padding: 5px 16px 15px !important;
}

.filter-category-item {
	border-bottom: 1px solid var(--border-color);
}

.filter-category-item:last-child {
	border-bottom: 0;
}

.filter-category-title {
	min-height: 50px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

.filter-category-title:hover {
	color: #000;
}


/* Filter Options */

.filter-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 10px 0 20px;
}

.filter-option {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 0;
	min-height: 38px;
	padding: 5px 5px;
	border: 0;
	background: #f1f1f1;
	color: #444;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.35;
	text-align: center;
	cursor: pointer;
	transition:
		background-color .15s ease,
		color .15s ease;
}

.filter-option:hover {
	background: #e5e5e5;
	color: #000;
}

.filter-option.uk-active {
	background: #ff6800;
	color: #fff;
}

.filter-section-content {
	padding: 0 16px;
}

.filter-section-content .filter-options {
	padding-top: 14px;
	padding-bottom: 15px;
}

.list-sidebar-navbar {
	padding: 15px 15px 20px !important;
}

.list-sidebar-navbar li {
	display: flex;
    align-items: center;
    column-gap: 10px;
}

.list-sidebar-navbar>:nth-child(n+2) {
	border-top: 1px solid var(--border-color);
}

.list-sidebar-navbar li a {
    flex: 1;
    min-width: 0;
    white-space: normal;
}

.list-sidebar-navbar li .icon {
    flex: 0 0 25px;
    text-align: right;
}

.list-sidebar-navbar li.active a {
	color: var(--color-orange-500);
}

/* Product List */

.list-product-section {
	margin-bottom: 20px;
}

.list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding: 15px 16px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	background-color: #fff;
}

.list-header-title .list-page-title {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 500;
}

.list-toolbar {
	position: relative;
}

.list-toolbar .uk-button-default {
	border-radius: 6px;
	text-transform: none;
}

.list-pages {
	padding: 10px 16px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	background-color: #fff;
}

.list-pages .uk-pagination {
	margin-bottom: 0;
}

.uk-pagination>*>* {
	padding: 5px 12px;
	color: #000;
	font-size: 18px;
}

.uk-pagination>.uk-active>* {
	color: var(--font-hover-color);
}

.list-pages .uk-pagination li a:hover {
	color: var(--font-hover-color);
}

/* Buy New Product Show */

.product-media-viewer {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	background-color: #FFF;
}

.product-gallery { 
	display: flex; 
	gap: 24px; 
	align-items: stretch; 
	width: 100%; 
	min-width: 0; 
}

.gallery-thumbs { 
	flex: 0 0 104px; 
	width: 104px; 
	min-width: 0; 
}

.thumb-list { 
	display: flex; 
	flex-direction: column; 
	gap: 10px; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	max-height: 640px; 
	overflow-y: auto; 
	scrollbar-width: thin; 
}

.thumb-list li { 
	flex: 0 0 auto; 
	margin: 0; padding: 0; 
}

.thumb-list li .thumb-btn { 
	display: block; 
	width: 100%; 
	aspect-ratio: 1 / 1; 
	padding: 3px; 
	background: #fff; 
	border: 1px solid var(--border-color); 
	border-radius: 6px; 
	cursor: pointer; 
	transition: 
	border-color .15s ease; 
}

.thumb-list li .thumb-btn:hover { 
	border-color: #000; 
}

.thumb-list li .thumb-btn.is-active { 
	border: 2px solid var(--color-orange-500); 
	padding: 2px; 
}

.thumb-list li .thumb-btn:focus-visible { 
	outline: 3px solid #e95a13; 
	outline-offset: 2px; 
}

.thumb-list li .thumb-btn img { 
	display: block; 
	width: 100%; 
	height: 100%; 
	object-fit: contain; 
	border-radius: 6px; 
}

.gallery-stage { 
	position: relative; 
	flex: 1 1 0%; 
	width: 0; 
	min-width: 0; 
	max-width: 100%; 
	border: 1px solid var(--border-color); 
	border-radius: 6px; 
	overflow: hidden; 
	background: #fff; 
	aspect-ratio: 4 / 3; 
}

.gallery-slider, .gallery-slider .uk-slider-container { 
	width: 100%; 
	min-width: 0; 
	height: 100%; 
}

.gallery-slider .uk-slider-items { 
    min-width: 0;
    height: 100%;
    touch-action: pan-y;
}

.gallery-slider .uk-slider-items > li { 
	min-width: 0; 
}

.gallery-slider .uk-slider-items > li { 
	height: 100%;
}

.gallery-photo { 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: 100%; 
	background: #fff; 
}

.gallery-photo img { 
	width: 100%; 
	height: 100%; 
	display: block; 
	object-fit: contain; 
	user-select: none; 
	-webkit-user-drag: none; 
}

.gallery-arrow { 
	position: absolute; 
	z-index: 2; 
	top: 50%; 
	transform: translateY(-50%); 
	width: 44px; 
	height: 44px; 
	display: grid; 
	place-items: center; 
	border: 0; 
	border-radius: 50%; 
	background: rgba(236, 236, 236, 0.96); 
	box-shadow: 0 3px 15px #0000001c; 
	color: #333; 
	cursor: pointer; 
	text-decoration: none; 
}

.gallery-arrow:hover, .gallery-arrow:focus { 
	background: #000000; 
	color: #FFF; 
	text-decoration: none; 
}

.gallery-prev { 
	left: 12px; 
}

.gallery-next { 
	right: 12px; 
}

.gallery-arrow svg { 
	width: 23px; 
	height: 23px; 
}

.gallery-counter { 
	display: none; 
}

/* basic-product-info */

.basic-product-info {
	padding: 10px 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	background-color: #FFF;
}

.basic-product-header-info {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border-color);
}

.basic-product-info-badge span {
	height: 22px;
	padding: 0 10px;
	background-color: #fff1e5;
	font-size: 12px;
	color: #aa5619 !important;
	font-weight: 500;
}

.basic-product-header-info .product-title {
	margin: 15px 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.35;
}

.basic-product-meta .inr-box {
	padding: 15px 0;
	border-bottom: 1px solid var(--border-color);
}

.current-rate-star {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--border-color);
}

.current-rate-star .star_out { 
	margin-left: 10px;
	font-size: 14px; 
	color: var(--muted--star); 
	font-variant-numeric: tabular-nums; 
}

.product-sku-availability {
	display: flex;
	gap: 12px;
	align-items: baseline;
}

.product-sku-availability .bull {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.product-meta-price .price-current {
	padding-inline-end: 8px;
	color: var(--color-orange-500);
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap;
}

.product-meta-price .price-regular {
	color: #666;
	font-size: 16px;
	text-decoration: line-through;
}

.basic-product-meta .inr-box {
	font-size: 16px;
	color: #777;
}

.basic-product-meta .inr-box .sub-span {
	color: #000;
}

.basic-product-specs .selected-types {
	display: flex;
	gap: 0 10px;
	margin-bottom: 15px;
}

.basic-product-specs .selected-types .selected-value {
	color: #000;
}

.basic-product-specs .selector-types .label {
	margin-bottom: 15px;
}

.basic-product-specs .selector-types .value {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
}

.basic-product-specs .selector-types .value .uk-button {
	padding: 10px 8px;
	border-color: var(--border-color);
	border-radius: 6px;
    text-align: center;
    overflow-wrap: anywhere;
	font-size: 14px;
	line-height: 1.5;
}

.basic-product-specs .selector-types .value .active {
	border-color: var(--color-orange-500);
	color: var(--color-orange-500);
}

.product-purchase {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.product-purchase .quantity-selector {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 44px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    overflow: hidden;
}

.quantity-selector button {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
}

.quantity-selector .quantity-input {
    flex: 1;
    width: 0;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    appearance: textfield;
    -moz-appearance: textfield;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-purchase > .uk-button {
    height: 44px;
    padding: 0 10px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.product-purchase .add-to-cart {
    background: #ff8000;
}

.product-purchase .add-to-quote {
    grid-column: 1 / -1;
    background: #d52828;
}

.product-purchase .add-to-cart:hover {
    background: #000;
    color: #fff;
}

.product-purchase .add-to-quote:hover {
    background: #000;
    color: #fff;
}

.trading-tips-box {
	padding: 15px;
	background-color: #fff7f1;
}

.trading-tips-box h4 {
	font-size: 18px;
	font-weight: 500;
}

.trading-tips-box .trading-tips {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 10px;
    align-items: start;
}

.trading-tips-box .trading-tips + .trading-tips {
    margin-top: 20px;
}

.trading-tips-box .trading-tips img {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 30px;
    height: auto;
}

.trading-tips-box .trading-tips h6 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
	font-size: 16px;
    font-weight: 600;
}

.trading-tips-box .trading-tips p {
    grid-column: 2;
    grid-row: 2;
    margin: 4px 0 0;
}

.product-full-specs, .product-description, .related-products, .product-seller-reviews {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid var(--border-color);
	border-radius: 6px;
	background-color: #FFF;
}

.product-full-specs .section-title, .product-description .section-title, 
.related-products .section-title, .product-seller-reviews .section-title {
	margin-bottom: 0;
	font-family: "Playfair Display", serif;
	font-size: 22px;
	font-weight: 600;
}

.product-details-inner .uk-accordion-content {
	margin-top: 20px;
}

.product-details-inner .section-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-details-inner .section-title strong {
	font-weight: 600;
}

.product-full-specs .uk-table th {
    vertical-align: top;
}

.product-description-content {
	font-size: 16px;
}

.product-description-content h3, .product-description-content h4, 
.product-description-content h5, .product-description-content h6 {
	margin-top: 25px;
	font-weight: 500;
}


/* 产品详情页外层布局 & 允许模块收缩，避免内容撑宽列 */

.buy-product-details-container > .product-media-column,
.buy-product-details-container > .product-info-column,
.buy-product-details-container > .product-details {
    min-width: 0;
}

/* 消除额外底部间距 & 模块之间的间距统一由 uk-grid-small 管理 */
.buy-product-details-container > .product-media-column > .product-media-viewer {
    margin-bottom: 0;
}

.related-products .section-title, .product-seller-reviews .section-title {
	margin-bottom: 20px;
}

/* Customer Reviews */

.overall-rated {
	padding-bottom: 20px;
	border-right: 1px solid var(--border-color);
}

.overall-rated strong {
	font-size: 22px;
	color: #000;
}

.overall-rated .current-rate-star {
	margin-top: 15px;
	border: 0;
}

.overall-rated .current-rate-star .star_out {
	color: #333;
	font-size: 16px;
}

.rating-distribution {
	padding-bottom: 20px;
}

.rating-row {
	display: flex;
	align-items: center;
	column-gap: 14px;
	margin-bottom: 12px;
}

.rating-row:last-child {
	margin-bottom: 0;
}

.rating-label {
	flex: 0 0 46px;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
}

.rating-distribution .uk-progress {
	flex: 1;
	min-width: 0;
	width: 100%;
	height: 10px;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	background: #e8eaed;
}

/* Chrome / Edge / Safari */
.rating-distribution .uk-progress::-webkit-progress-bar {
	background: #e8eaed;
	border-radius: 20px;
}

.rating-distribution .uk-progress::-webkit-progress-value {
	background: #ff502e;
	border-radius: 20px;
}

/* Firefox */
.rating-distribution .uk-progress::-moz-progress-bar {
	background: #ff502e;
	border-radius: 20px;
}

.rating-percent {
	flex: 0 0 36px;
	text-align: right;
	font-size: 14px;
	line-height: 1.4;
}

.review-product {
	padding-left: 20px;
	padding-bottom: 20px;
	border-left: 1px solid var(--border-color);
}

.review-product h4 {
	margin-bottom: 10px;
	font-size: 22px;
	color: #000;
	font-weight: 500;
}

.review-product p {
	margin: 0 0 15px;
}

.review-product .uk-button-default {
	border-color: #f04522;
	border-radius: 6px;
	background-color: #ff502e;
	color: #FFF;
}

.review-product button:hover {
	border-color: #000;
	background-color: #000;
	color: #FFF !important;
}

.all-product-review {
	border-top: 1px solid var(--border-color);
}

.all-product-review .uk-card-default {
	box-shadow: none;
}

.all-product-review li .uk-card-header {
	padding: 20px 0;
	border-bottom-color: var(--border-color);
}

.all-product-review li .uk-card-title {
	font-size: 18px;
}

.all-product-review li .uk-text-meta {
	display: flex;
	gap: 10px;
}

.all-product-review li .uk-card-body {
	padding: 20px 0;
}

.all-product-review .uk-list-divider>:nth-child(n+2) {
	border-top-color: var(--border-color);
}


/* Footer */

.footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #333333;
	color: #ccc;
	font-size: 16px;
}

.footer-logo img {
	max-width: 160px;
}

.footer-website-brand-summary {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.footer-follow-us {
	display: flex;
}

.footer-follow-us .uk-icon-button {
	background-color: #4f4f4f;
	color: #faa264;
}

.footer-follow-us .uk-icon-button:hover {
	background-color: #5a5a5a;
	color: #faa264;
}

.footer-navbar {
	padding-bottom: 25px;
}

.footer-navbar-card .inner-box {
	height: 100%;
}

.footer-nav-heading {
	margin: 0;
	border-bottom: 1px solid #444;
}

.footer-nav-toggle {
	display: block;
	width: 100%;
	margin: 0;
	padding: 1px 0 1px;
	border: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	text-align: left;
}

.footer-nav-toggle:disabled {
	color: #fff;
	cursor: default;
	opacity: 1;
}

.footer-nav-arrow {
	display: none;
}

.footer-navbar-card h4 {
	margin-bottom: 0;
	padding: 1px 0 15px;
	border-bottom: 1px solid #444;
	color: #FFF;
	font-size: 18px;
	line-height: 1;
}

.footer-navbar-card .uk-list {
	margin-top: 20px;
	margin-bottom: 0;
}

.footer-navbar-card li {
	color: #ccc;
	font-size: 16px;
	line-height: 1.5;
}

.footer-navbar-card li a {
	display: block;
	color: #CCC;
	font-size: 16px;
}

.footer-navbar-card li a:hover {
	color: #fff;
	text-decoration: none;
}

.footer-copy {
	padding-top: 25px;
	border-top: 1px solid #444;
	text-align: center;
}