/**
 * Mobile Layout Style CSS
 *
 * uikit v3.25.25 breakpoint:
 * < 992px = Mobile / Tablet layout
 */


@media (max-width: 1199px) {

	.main-header-container {
		padding-left: 0;
		padding-right: 0;
	}

	.main-header-top,
	.main-top-navbar {
		display: none;
	}

	.mobile-main-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 72px;
		padding: 0 22px;
		background: #fff;
	}


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


	.mobile-header-logo img {
		display: block;
		width: auto;
		max-width: 132px;
		height: 34px;
		object-fit: contain;
	}

	.mobile-header-tools {
		display: flex;
		align-items: center;
		gap: 18px;
	}

	.mobile-header-icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 38px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #000;
		cursor: pointer;
	}

	.mobile-header-icon:hover {
		color: #000;
	}

	.mobile-cart-count {
		position: absolute;
		top: 0;
		right: -5px;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 15px;
		height: 15px;
		padding: 0 3px;
		border-radius: 50px;
		background: red;
		color: #fff;
		font-size: 9px;
		font-weight: 70
	}

    /* Home Banner Slider */

	.home-banner-slider {
		padding: 6px;
		border-radius: 8px;
	}


	.home-banner-slider .uk-slider-container {
		border-radius: 7px;
	}

	.home-banner-link {
		aspect-ratio: 16 / 7;
	}

	.home-banner-link img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	/*
	 * 触摸设备没有真正 hover，
	 * 所以移动端默认显示较轻的箭头，
	 * 也可以改成 display:none
	 */
	.home-banner-arrow {
		width: 36px;
		height: 56px;
		margin: 0 8px;
		opacity: .65;
		visibility: visible;
	}

	.home-banner-dotnav {
		bottom: 10px;
		gap: 7px;
	}

	.home-banner-dotnav > * > * {
		width: 11px;
		height: 11px;
		border-width: 4px;
	}

	/* Rented product */

	.rented-product-price .price-current {
		font-size: 16px;
	}

	/* Home solutions */

	.solutions-nav > li {
		border: 1px solid var(--border-color);
		border-bottom: 0;
	}

	.solutions-nav > li > a {
		padding: 10px 14px;
	}

	.solutions-nav > li.uk-active > a {
		background: #ff7900;
	}

	.solutions-nav-inner h4 {
		margin: 0;
		font-size: 18px;
	}

	.solutions-nav-inner h4::after, .solutions-nav-inner p, 
	.solutions-nav > li.uk-active::after, 
	.solutions-nav > li.uk-active::before {
		display: none;
	}

	.solutions-body {
		display: flex;
		flex-direction: column;
	}

	.solutions-body .solutions-body-picture {
		height: auto;
	}

	.solutions-body .info-meta {
		position: static;
		padding: 15px 15px;
		border: 1px solid var(--border-color);
		background-color: #fff;
		color: #333;
	}

	.solutions-body .info-meta h5 {
		color: #000;
	}

	.solutions-body .info-meta h5::after {
		width: 45px;
	}

	.solutions-body .info-meta p {
		color: #666;
	}


}

/* =========================================================
	大于 961px 且小于 1199px 时 
========================================================== */

@media (min-width: 961px) and (max-width: 1199px) {

	/* Home Our Strengths */

	.our-strengths-item-info {
		border: 0;
	}

	/* Rented product */

	.rented-product-item-inner .product-picture .thumbnail {
		object-fit: contain;
	}

}

/* =========================================================
	UIkit @s
	< 960px
========================================================= */

@media (max-width: 959px) {

	/* Home Our Strengths */

	.home-our-strengths-grid .our-strengths-item:nth-child(-n+2) .our-strengths-item-info {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--border-color);
	}

	.our-strengths-item-info .meta {
		margin-right: 0;
	}

	.our-strengths-item-info::after {
		display: none;
	}

	/* Tab */

	.tab-scroll-area .tabnavbar-menu {
		justify-content: flex-start;
		gap: 8px;
		font-size: 14px;
	}

	/* Why Choose Us */

	.why-section .why-grid:last-child {
		margin-bottom: 0;
	}

	.why-grid {
		align-items: normal;
	}

    .why-content {
        padding: 20px 16px;
		border: 1px solid var(--border-color);
    }

    .why-picture {
        aspect-ratio: 16 / 9;
        height: auto;
    }

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

    .why-title {
        font-size: 20px;
    }

	/* News List */

	.news-item-inner .news-title {
		-webkit-line-clamp: 3;
	}

	/* Buy New Product Show */

	.product-gallery { 
		display: flex; 
		flex-direction: column; 
		gap: 12px; 
	}
	
	.gallery-stage { 
		order: 0; 
		flex: none; 
		width: 100%;
		border: 0;
		border-radius: 6px; 
		aspect-ratio: 1 / 1; 
	}

	.gallery-thumbs { 
		order: 1; 
		flex: none; 
		width: 100%; 
	}

	.thumb-list { 
		flex-direction: row; 
		gap: 8px; 
		max-height: none; 
		overflow-x: auto; 
		overflow-y: hidden; 
		padding: 2px 1px 8px; 
		overscroll-behavior-x: contain; 
		scrollbar-width: thin; 
		scroll-snap-type: x proximity; 
	}

	.thumb-list li { 
		width: 72px; 
		scroll-snap-align: start; 
	}

	.thumb-list li .thumb-btn { 
		border-radius: 6px; 
	}

	.thumb-list li .thumb-btn img { 
		border-radius: 6px; 
	}

	.gallery-arrow { 
		width: 38px; 
		height: 38px; 
	}

	.gallery-prev { 
		left: 8px; 
	}

	.gallery-next { 
		right: 8px; 
	}

	.gallery-counter { 
		display: block; 
		position: absolute; 
		z-index: 2; 
		bottom: 10px; 
		right: 12px; 
		padding: 3px 9px; 
		border-radius: 30px; 
		background: #0008; 
		color: #fff; 
		font: 12px/20px Arial,sans-serif; 
		pointer-events: none; 
	}

	/* Product Show */

	.basic-product-header-info .product-title {
		font-size: 22px;
	}

	.product-full-specs .uk-table * {
		font-size: 12px;
	}

	.trading-tips-box .trading-tips p {
		font-size: 12px;
	}

	.product-sku-availability {
		font-size: 14px;
	}

	.product-details-inner li {
		margin-bottom: 15px;
	}

	.product-details-inner .uk-accordion {
		margin-bottom: 0;
	}

	.product-details-inner .uk-accordion li:last-child {
		margin-bottom: 0;
	}

	.product-seller-reviews .uk-grid-small .uk-first-column:nth-child(n+2) {
		margin-top: 0;
	}

	.product-seller-reviews .overall-rated {
		padding-bottom: 0;
		border-bottom: 1px solid var(--border-color);
		border-right: 0;
	}

	.product-seller-reviews .rating-distribution {
		padding: 20px 0;
		border-bottom: 1px solid var(--border-color);
	}

	.product-seller-reviews .review-product {
		padding: 20px 0;
		border-left: 0;
	}


	/* Footer */

	.footer {
		padding-bottom: 55px;
	}

	.footer-navbar {
		padding-bottom: 0;
	}

	.footer-brand-info {
		padding-bottom: 25px;
	}

	.footer-website-brand-summary {
		align-items: center;
		text-align: center;
	}

	.footer-navigation {
		margin-top: 0;
	}

	.footer-navigation > * {
		margin-top: 0 !important;
	}

	.footer-navigation .footer-navbar-card:last-child h4 {
		border-bottom: 0;
	}

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

	.footer-navbar-card h4 {
		padding-bottom: 0;
	}

	.footer-nav-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		min-height: 54px;
		padding: 15px 0;
		cursor: pointer;
		font-size: 16px;
	}

	.footer-nav-arrow {
		display: inline-flex;
		flex: 0 0 auto;
		transition: transform .2s ease;
	}

	.footer-nav-toggle[aria-expanded="true"] .footer-nav-arrow {
		transform: rotate(180deg);
	}

	.footer-nav-content[hidden] {
		display: none;
	}

	.footer-navbar-card .uk-list {
		margin: 0;
		padding: 15px 0;
	}

	.footer-copy {
		margin-top: 25px;
		padding-top: 35px;
		font-size: 14px;
	}

}

/* =========================================================
	UIkit @s
	< 640px
========================================================= */

@media (max-width: 639px) {

	.mobile-main-header {
		padding-left: 16px;
		padding-right: 16px;
	}

	.mobile-header-logo img {
		max-width: 132px;
		height: 34px;
	}

	.mobile-header-tools {
		gap: 14px;
	}

	.mobile-offcanvas .uk-offcanvas-bar {
		width: calc(100vw - 70px);
	}

	.mobile-offcanvas .uk-offcanvas-bar a:hover {
		color: #666;
	}

	.mobile-offcanvas-header {
		padding-left: 16px;
		padding-right: 16px;
	}

	.mobile-account-actions {
		padding-left: 16px;
		padding-right: 16px;
	}

	.mobile-country-box {
		padding-left: 16px;
		padding-right: 16px;
	}

	.mobile-category-title {
		padding-left: 16px;
		padding-right: 16px;
		font-size: 16px;
	}

	/* Home Our Strengths */

	.home-our-strengths {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.our-strengths-item-info {
		padding-bottom: 20px;
		border-bottom: 1px solid var(--border-color);
	}
	.home-our-strengths-grid .our-strengths-item:last-child .our-strengths-item-info {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.our-strengths-item-info .icon {
		align-self: flex-start;
	}

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

	/* home-application-scenarios */
	
	.home-application-scenarios-inner .left-box-inner .info-meta h2 {
		font-size: 24px;
	}

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

	.home-application-scenarios-inner .right-box .item .info-meta h4 {
		font-size: 16px;
	}

	.home-application-scenarios-inner .right-box .item .info-meta .uk-button-secondary-rounded {
		font-size: 12px;
	}

	.home-application-scenarios-inner .right-box .item .info-picture img {
		width: 100%;
	}

	/* Heading */

	.heading-default {
		flex-direction: column;
	}

	.heading-default .sub-navbar-menu {
		width: 100%;
	}

	/* Tab */

	.tabnavbar-menu > li > a {
		padding: 4px 12px;
		font-size: 12px;
	}

	/* rented product item */

	.rented-product-item-inner .product-picture .thumbnail {
		max-width: 90px;
	}

	/* Footer service advantages */

	.footer-service-advantages .uk-grid {
		margin-left: 0;
	}

	.footer-service-advantages .item {
		position: relative;
		margin-top: 0;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-service-advantages .item::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		height: 1px;
		border-top: 1px solid #FF9800;
	}

	.footer-service-advantages .item:first-child {
		padding-top: 1px;
	}

	.footer-service-advantages .item:last-child {
		padding-bottom: 1px;
	}

	.footer-service-advantages .item:last-child::after {
		display: none;
	}

	/* Category List */

	.category-card {
		padding: 10px;
	}

	.category-card .category-thumb img {
		max-width: 86px;
	}

	.category-card .card-body .category-title {
		font-size: 16px;
	}

}

/* =========================================================
   Reduced Motion
========================================================= */

@media (prefers-reduced-motion: reduce) {

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

	.thumb-list li .thumb-btn { 
		transition: none;
	}

}