/*
Theme Name: SaleCraft Ecommerce
Theme URI: https://www.themebee.net/product/salecraft-ecommerce/
Author: Theme Bee
Author URI: https://www.themebee.net/
Description: SaleCraft Ecommerce is a Free Ecommerce WordPress Theme crafted for modern online stores, Etsy sellers, handcraft businesses, supplier directory platforms, manufacturer directory services, Forex and procurement system websites looking to establish a strong digital presence. This multi-purpose theme offers a clean and professional layout, making it suitable for a wide range of ecommerce niches, including trade finance platforms, rfq system portals, membership site stores, and creator economy marketplaces. Built with WooCommerce compatibility, it allows seamless product management, flexible layouts, and smooth checkout functionality. Designed using bootstrap and css3, the theme ensures a fully responsive experience across all devices, providing users with consistent performance whether they shop on desktop or mobile. With integrated widgets, store owners can easily enhance functionality and showcase products in an organized and visually appealing way. The theme focuses on delivering both performance and usability, making it ideal for entrepreneurs, freelance marketplace platforms, startup incubator businesses, and growing online ventures. Its intuitive customization options let you modify colors, typography, and page structures without complexity, ensuring your brand identity stands out. Optimized for speed and SEO, SaleCraft Ecommerce improves visibility on search engines while maintaining a smooth browsing experience for visitors. The theme is also suitable for chatbot integration, newsletter systems, sms marketing campaigns, push notifications, funnel builder tools, and customer support portals to improve user engagement and conversions. Whether you’re launching a new online store or expanding an existing one, this theme provides a scalable and user-friendly solution to attract customers and drive conversions efficiently in today’s competitive ecommerce landscape.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salecraft-ecommerce
Tags: editor-style, blog, custom-background, custom-logo, custom-menu, custom-colors, style-variations, rtl-language-support, template-editing, featured-images, footer-widgets, left-sidebar, one-column, right-sidebar, three-columns, four-columns, grid-layout, full-site-editing, threaded-comments, two-columns, wide-blocks, full-width-template, sticky-post, block-styles, block-patterns, translation-ready, photography, e-commerce
*/

/* Woocommerce */
.archive .wp-block-cover .woocommerce-breadcrumb{
	text-align: center;
}
.archive .wp-block-cover .woocommerce-breadcrumb a{
	color: #ffffff;
}
.header-logo-box h1 {
    font-size: 18px !important;
}
.wp-block-woocommerce-product-button button.add_to_cart_button{
	margin-bottom: 0 !important;
}
.wp-block-woocommerce-product-button .added_to_cart.wc_forward{
	background-color: var(--wp--preset--color--contrast);
  border-radius: .33rem;
  border-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
  font-weight: 600;
  margin-top: 0;
}
/* Woocommerce Comment */
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email{
	display: flex;
  flex-direction: column;
}
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author input, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email input{
	height: 30px;
	font-size: 16px;
}
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author label, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email label{
	margin-bottom: 0;
}
.single-product .woocommerce-Tabs-panel #review_form .comment-form-comment #comment{
	font-family: inherit;
	font-size: 16px;
	padding: 10px;
}

/* My Account - see "My Account Logged In Styling" section below for full styling */
a:focus{
	outline: 2px solid #000;
    outline-offset: 2px;
}
.footer-section a:focus{
	outline-color: #ffffff;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Wishslist */
.woocommerce-wishlist .wishlist_table.mobile{
  padding-left: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
  width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile .product-name h3{
	margin-top: 0;
}
.woocommerce-wishlist .wishlist_table.mobile li{
  padding: 15px;
  border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
  font-size: 16px !important;
  font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
  font-size: 14px !important;
  padding: 6px !important;
}
.woocommerce-wishlist .main-product-section .wishlist_view {
  display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
  display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
  opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
  font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  text-decoration: none !important;
  line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a, .woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  border-radius: 6px;
  color: #fff;
  padding: 12px 12px !important;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none !important;
  display: inline-block !important;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-name{
	font-size: 25px;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
  text-decoration: none;
}

/* Scroll to Top */
.back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 16px 14px; 
  cursor: pointer;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.back-to-top .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.back-to-top .wp-block-button__link,
.back-to-top .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}

/* Top Header */
.main-header .top-info-header .gtranslate_wrapper .gt_selector, .main-header .top-info-header #alg_currency_selector .alg_currency_select{
	background-color: #0000;
	border: none;
	color: #ffffff;
	font-size: 15px;
}
.main-header .top-info-header .gtranslate_wrapper .gt_selector{
	width: 90px;
}
.main-header .top-info-header .gtranslate_wrapper .gt_selector option{
	color: #000000;
}

/* Header Track */
.main-header .top-info-header .track-box{
	position: relative;
}
.main-header .top-info-header .track-box .track-text + .woocommerce{
	margin-top: 0;
	position: absolute;
	top: 25px;
	z-index: 999;
	display: none;
}
.main-header .top-info-header .track-box:hover .track-text + .woocommerce{
	display: block;
}
.main-header .top-info-header .track-box .woocommerce-form{
	background-color: #ffffff;
	width: 330px;
  left: 0;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 5px #00000085;
}
.main-header .top-info-header .track-box .woocommerce-form p:first-child{
	margin: 0 0 12px;
	font-size: 15px;
}
.main-header .top-info-header .track-box .woocommerce-form .form-row{
	width: 100%;
	float: none;
	padding: 0;
}
.main-header .top-info-header .track-box .woocommerce-form .form-row button.button{
	padding: 8px 25px;
}

/* Middle Header */
.main-header .middle-header .header-search-box form.wp-block-search{
	background-color: var(--wp--preset--color--primary);
	border-radius: 6px;
}
.main-header .middle-header .header-search-box form.wp-block-search .wp-block-search__inside-wrapper {
	height: 40px;
	background-color: transparent;
}
.main-header .middle-header .header-search-box form.wp-block-search button.wp-block-search__button{
	padding: 6px;
	display: flex;
  align-items: center;
  margin-left: 5px;
}
.main-header .middle-header .header-info-box .header-info-text{
	display: flex;
  gap: 10px;
}
.main-header .middle-header .header-info-box .header-info-text img{
	width: 20px !important;
	object-fit: contain;
}
.main-header .middle-header .top-contact-box .contact-img-box .phone-img{
	background-color: var(--wp--preset--color--primary);
	border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 38px;
  width: 38px;
}

/* Bottom Header */
.main-header .bottom-header .header-btm-left .wp-block-woocommerce-product-categories select, .main-header .bottom-header .header-btm-left .wp-block-woocommerce-product-categories .wc-block-product-categories__button{
	background-color: var(--wp--preset--color--primary);
	color: #ffffff;
	border-radius: 4px;
  border: none;
  font-size: 15px;
  cursor: pointer;
}
.main-header .bottom-header .header-btm-left .wp-block-woocommerce-product-categories select{
	padding: 10px;
} 
.main-header .bottom-header .header-btm-left .wp-block-woocommerce-product-categories .wc-block-product-categories__button{
	padding: 8px;
}
.main-header .bottom-header .header-btm-right .header-wishlist-btn img{
	width: 20px !important;
}
.main-header .bottom-header .header-btm-right .header-wishlist-btn a{
	display: flex;
}
.main-header .bottom-header .header-btm-right .header-account a{
	padding: 0;
}
.main-header .bottom-header .header-btm-mid a:hover, .main-header .bottom-header .header-btm-right a:hover{
	color: var(--wp--preset--color--primary);
}
.main-header .bottom-header .header-btm-right .header-account a:hover{
	color: var(--wp--preset--color--primary) !important;
}
.main-header .bottom-header .header-btm-mid .wp-block-navigation .has-child .wp-block-navigation__submenu-container a:hover{
	background-color: #ffffff;
}
.main-header .bottom-header .header-btm-mid .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	z-index: 9;
}

/* Banner Left Section */
.main-banner-section .banner-left-box .banner-cont-boxes{
	min-height: 460px;
	z-index: 2;
	position: relative;
}
.main-banner-section .banner-left-box .banner-product-img{
	position: absolute;
	bottom: 0;
	right: 0;
}
.main-banner-section .banner-left-box .banner-product-img img{
	object-fit: contain;
}
.main-banner-section .banner-left-box .banner-left-cont{
	z-index: 1;
}
.main-header .middle-header .top-contact-box .contact-num a, .main-banner-section .banner-left-box .banner-left-cont .banner-main-title a, .product-section .product-cards .product-img-box .product-left-text a:hover, .product-section .product-cards .product-img-box .product-right-text a:hover, .product-section .product-cards .product-content .product-card-title a:hover, .main-header .bottom-header .header-btm-mid a:hover{
	text-decoration: none;
}
.main-banner-section .banner-left-box .banner-left-bg{
	position: relative;
}
.main-banner-section .banner-left-box .banner-left-bg:after{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);;
}
.main-banner-section .banner-left-btn a:hover, .main-banner-section .bnr-top-btn a:hover, .main-header .top-info-header .track-box .woocommerce-form .form-row button.button:hover{
	background-color: var(--wp--preset--color--primary);
}

/* Banner Right Section */
.main-banner-section .banner-right-box{
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 13px;
}
.main-banner-section .banner-right-box .bnr-right-top-box .wp-block-cover__inner-container{
	height: 100%;
}
.main-banner-section .banner-right-box .bnr-right-img-box figure{
	text-align: right;
}

/* Banner Bottom */
.main-banner-section .banner-btm-row .banner-btm-box .banner-btm-icon img{
	object-fit: contain;
}
.main-banner-section .banner-btm-row .banner-btm-box{
	position: relative;
}
.main-banner-section .banner-btm-row .banner-btm-box:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 2px;
	right: -30%;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--wp--preset--color--contrast);
	opacity: 0.5;
}
.main-banner-section .banner-btm-row .banner-btm-box:last-child:after{
	content: none;
}

/* Product Section */
.product-section .product-cards .product-img-box{
	position: relative;
	overflow: hidden;
}
.product-section .product-cards .product-img-box .product-left-text, .product-section .product-cards .product-img-box .product-right-box{
	position: absolute;
	top: 0;
	opacity: 0;
	transition: 1s;
}
.product-section .product-cards .product-img-box .product-left-text{
	left: 0;
}
.product-section .product-cards .product-img-box .product-right-box{
	right: 0;
}
.product-section .product-cards .product-img-box .product-right-box .product-wishlist-btn, .product-section .product-cards .product-img-box figure.wp-block-image.product-cart-btn{
	background-color: var(--wp--preset--color--contrast);
	padding: 7px;
	border-radius: 3px;
	display: flex;
}
.product-section .product-cards .product-img-box .product-right-box .product-wishlist-btn:hover, .product-section .product-cards .product-img-box figure.wp-block-image.product-cart-btn:hover, .product-section .product-cards .product-img-box .product-right-box .product-cart-btn .add_to_cart_button:hover, .product-section .product-cards .product-img-box .product-right-box .product-cart-btn .added_to_cart.wc_forward:hover, .product-section .product-cards .product-img-box .product-right-box .yith-wcwl-add-to-wishlist-button:hover svg{
	background-color: var(--wp--preset--color--primary);
}
.product-section .product-cards .product-card-desc,
.product-section .product-cards .product-card-desc p{
	opacity: 0.7;
}
.product-section .product-cards .product-price-box .product-reg,
.product-section .product-cards .product-btm-box .wc-block-components-product-price del{
	opacity: 0.5;
}
.product-section .product-cards .product-card-title, .product-section .product-cards .product-card-title a{
	transition: 1s;
}
.product-section .product-cards:hover .product-card-title, .product-section .product-cards:hover .product-content .product-card-title a{
	color: var(--wp--preset--color--primary);
}
.product-section .product-cards:hover .product-img-box .product-left-text, .product-section .product-cards:hover .product-img-box .product-right-box{
	opacity: 1;
}
.product-section .product-cards .product-card-rating{
	display: flex;
}

/* Product Timer */
.product-section .product-timer .eb-cd-inner{
	padding: 10px 30px;
	border-radius: 4px;
	display: flex;
}
.product-section .product-timer .eb-cd-inner .box{
	padding: 0;
}
.product-section .product-timer .eb-cd-inner, .product-section .product-timer .eb-cd-inner .box {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}
.product-section .product-timer .eb-cd-inner .box .eb-cd-digit, .product-section .product-timer .eb-cd-inner .box .eb-cd-label{
	color: var(--wp--preset--color--base) !important;
	font-size: 15px !important;
	font-weight: 400;
}
.product-section .product-timer .eb-cd-inner .box .eb-cd-label{
	text-transform: capitalize !important;
	line-height: 1.1;
	margin-left: 5px;
}
.product-section .product-timer .eb-cd-inner .box{
	background-color: #0000 !important;
}
.product-section .product-timer .eb-cd-inner .box.cd-box-day{
	flex-direction: row;
	align-items: center;
	gap: 8px;
	margin-left: 0 !important;
}
.product-section .product-timer .eb-cd-inner .box.cd-box-hour .eb-cd-label, .product-section .product-timer .eb-cd-inner .box.cd-box-minute .eb-cd-label, .product-section .product-timer .eb-cd-inner .box.cd-box-second .eb-cd-label{
	display: none;
}
.product-section .product-timer .eb-cd-inner .box.cd-box-minute{
	position: relative;
}
.product-section .product-timer .eb-cd-inner .box.cd-box-minute:before, .product-section .product-timer .eb-cd-inner .box.cd-box-minute:after{
	content: ":";
  position: absolute;
  font-size: 15px;
  top: 50%;
	transform: translateY(-50%);
	color: var(--wp--preset--color--base);
}
.product-section .product-timer .eb-cd-inner .box.cd-box-minute:before{
	left: -9px;
}
.product-section .product-timer .eb-cd-inner .box.cd-box-minute:after{
	right: -9px;
}
.product-section .product-timer .eb-cd-inner .box{
	margin-left: 15px !important;
}
.main-banner-section .banner-left-box,
.main-banner-section .banner-right-box .bnr-right-top-box,
.main-banner-section .banner-right-box .bnr-bottom-box,
.product-section .product-cards .product-img-box{
	overflow: hidden;
}
.main-banner-section .banner-left-box:hover .banner-product-img img,
.main-banner-section .banner-right-box .bnr-right-top-box:hover .bnr-right-img-box img,
.main-banner-section .banner-right-box .bnr-bottom-box:hover .bnr-bottom-img img,
.product-section .product-cards:hover .product-img-box .product-img img{
	transform: scale(1.1);
}
.main-banner-section .banner-left-box .banner-product-img img,
.main-banner-section .banner-right-box .bnr-right-top-box .bnr-right-img-box img,
.main-banner-section .banner-right-box .bnr-bottom-box .bnr-bottom-img img,
.product-section .product-cards .product-img-box .product-img img{
	transition: 1s;
}

/* Product Dynamic */
.product-section .product-boxes ul.wc-block-product-template, .product-section .product-cards .wp-block-woocommerce-product-summary, .product-section .product-cards .product-card-desc p{
	margin: 0;
}
.product-section .product-cards .product-btm-box .wc-block-components-product-rating .wc-block-components-product-rating__stars{
	color: var(--wp--preset--color--primary);
	font-size: 13px;
}
.product-section .product-cards .product-img-box .product-img img{
	object-fit: contain !important;
}
.product-section .product-cards .product-btm-box .wc-block-components-product-price{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
  gap: 8px;
}
.product-section .product-cards .product-btm-box .wc-block-components-product-price del{
	font-size: 11px;
}
.product-section .product-cards .product-img-box .product-right-box .product-cart-btn{
	background-color: #0000;
	gap: 6px;
	padding: 0;
}
.product-section .product-cards .product-img-box .product-right-box .product-cart-btn .add_to_cart_button, .product-section .product-cards .product-img-box .product-right-box .product-cart-btn .added_to_cart.wc_forward{
	text-indent: -9999px;
  border-radius: 3px;
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65%;
  background-color: var(--wp--preset--color--contrast);
}
.product-section .product-cards .product-img-box .product-right-box .product-cart-btn .add_to_cart_button{
	background-image: url(./assets/images/cart.png);
}
.product-section .product-cards .product-img-box .product-right-box .product-cart-btn .added_to_cart.wc_forward{
	background-image: url(./assets/images/eye.png);
	margin-top: 0;
	padding: 0
}
.product-section .product-cards .product-img-box .product-right-box .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label{
	display: none;
}
.product-section .product-cards .product-img-box .product-right-box .yith-wcwl-add-to-wishlist-button svg{
	background-color: var(--wp--preset--color--contrast);
	border-radius: 3px;
  color: #ffffff;
  padding: 4px;
  width: 25px;
  height: 25px;
}

/* Media Query */
@media screen and (max-width: 767px){
	.main-header .top-info-header .top-inner-header, .product-section .product-sec-head-box, .main-header .bottom-header .header-btm-left .wp-block-woocommerce-product-categories, .main-header .bottom-header .header-btm-right .header-btm-in-right{
		justify-content: center;
	}
	.main-header .top-info-header .top-inner-header .topbar-text, .main-header .middle-header{
		text-align: center;
	}
	.main-header .middle-header .top-contact-box .top-contact-in-box{
		flex-wrap: nowrap !important;
	}
	.main-banner-section .banner-left-box .banner-product-img img{
		height: 300px !important;
	}
	.main-banner-section .banner-left-box .banner-product-img{
		position: unset;
		text-align: center;
	}
	.main-banner-section .bnr-right-top-box .bnr-right-left-box{
		padding: 15px !important;
	}
	.main-banner-section .banner-right-box .bnr-right-img-box img{
		height: 200px !important;
	}
	.main-banner-section .banner-btm-row{
		display: grid;
		grid-template-columns: auto;
		justify-content: center;
	}
	.main-banner-section .banner-btm-row .banner-btm-box:after{
		height: 2px;
    width: 100%;
    right: 50%;
    top: 100%;
    transform: translateX(50%);
	}
	.main-banner-section .banner-btm-row .banner-btm-box{
		padding-bottom: 20px;
		text-align: center;
	}
	.main-banner-section .banner-btm-row .banner-btm-box:last-child{
		padding-bottom: 0;
	}
	.product-section .product-boxes ul.wc-block-product-template__responsive{
		display: grid;
		grid-template-columns: auto;
	}
	.footer-section{
		text-align: center;
	}
	.footer-section nav ul, .footer-section nav ul li{
		width: 100%;
	}
	.footer-section nav ul li, .footer-section .wp-block-social-links{
	 	justify-content: center;
	}
	.footer-section .footer-boxes{
		gap: 45px;
	}
	.footer-section .footer-boxes .wp-block-heading{
		font-size: 25px;
	}
	.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
	  grid-template-columns: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main-header .header-btm-inner:not(.is-not-stacked-on-mobile)>.header-btm-left{
		flex-basis: 40% !important;
	}
	.main-header .header-btm-inner:not(.is-not-stacked-on-mobile)>.header-btm-mid{
		flex-basis: 20% !important;
	}
	.main-header .header-btm-inner:not(.is-not-stacked-on-mobile)>.header-btm-right{
		flex-basis: 40% !important;
	}
	.main-header .top-info-header .top-inner-header{
		flex-wrap: nowrap;
	}
	.main-header .top-info-header .top-inner-header .topbar-text, .main-header .top-info-header .top-inner-header .top-right-box{
		flex-basis: 50%;
	}
	.main-header .top-info-header .top-inner-header .top-right-box{
		justify-content: flex-end;
	}
	.main-header .bottom-header .header-btm-inner, .main-header .middle-header .top-contact-box .top-contact-in-box{
		flex-wrap: nowrap !important;
	}
	.main-header .middle-header .middle-inner-header, .footer-section .footer-boxes{
		display: grid;
    grid-template-columns: auto auto;
	}
	.main-banner-section .banner-btm-row .banner-btm-icon-boxes, .main-banner-section .bnr-right-top-box .bnr-right-top-cont, .main-banner-section .banner-right-box .bnr-bottom-boxes{
		flex-wrap: nowrap !important;
	}
	.main-banner-section .banner-btm-icon-boxes:not(.is-not-stacked-on-mobile)>.banner-btm-icon{
		flex-basis: 20% !important;
	}
	.main-banner-section .banner-btm-icon-boxes:not(.is-not-stacked-on-mobile)>.banner-icon-info{
		flex-basis: 80% !important;
	}
	.main-banner-section .banner-btm-row .banner-btm-box:after{
		content: none;
	}
	.main-banner-section .banner-outer-boxes{
		flex-wrap: wrap !important;
	}
	.main-banner-section .banner-outer-boxes:not(.is-not-stacked-on-mobile)>.banner-left-box, .main-banner-section .banner-outer-boxes:not(.is-not-stacked-on-mobile)>.banner-right-box{
		flex-basis: 100% !important;
	}
	.main-banner-section .banner-cont-boxes:not(.is-not-stacked-on-mobile)>.banner-left-cont{
		flex-basis: 40% !important;
	}
	.main-banner-section .banner-cont-boxes:not(.is-not-stacked-on-mobile)>.banner-right-img{
		flex-basis: 50% !important;
	}
	.main-banner-section .banner-left-box .banner-product-img img{
		height: 400px !important;
	}
	.main-banner-section .banner-btm-row, .product-section .product-boxes, .product-section .product-boxes ul.wc-block-product-template__responsive{
		display: grid;
		grid-template-columns: auto auto;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.main-header .middle-header .header-logo-box{
		flex-basis: 18% !important;
	}
	.main-header .middle-header .header-search-box{
		flex-basis: 22% !important;
	}
	.main-header .middle-header .header-info-box{
		flex-basis: 35% !important;
	}
	.main-header .middle-header .top-contact-box{
		flex-basis: 25% !important;
	}
	.main-header .header-btm-inner .header-btm-left{
		flex-basis: 30% !important;
	}
	.main-header .header-btm-inner .header-btm-mid{
		flex-basis: 50% !important;
	}
	.main-header .header-btm-inner .header-btm-right{
		flex-basis: 20% !important;
	}
	.main-banner-section .banner-left-box .banner-product-img img{
		height: 325px !important;
	}
	.main-banner-section .banner-right-box .bnr-right-top-box .bnr-right-left-box{
		padding-left: 15px !important;
	}
	.main-banner-section .banner-left-cont{
		flex-basis: 60% !important;
	}
	.main-banner-section .banner-right-img{
		flex-basis: 40% !important;
	}
	.main-banner-section .banner-btm-row .banner-btm-icon-boxes{
		gap: 10px;
	}
	.main-banner-section .banner-btm-row .banner-btm-box:after{
		right: -8px;
	}
	.main-banner-section .banner-btm-row .banner-btm-box .banner-icon-title{
		font-size: 15px !important;
	}
	.main-banner-section .banner-btm-row{
		flex-wrap: nowrap;
	}
	.main-banner-section .banner-right-box .bnr-right-img-box img {
    height: 200px !important;
  }
	.main-banner-section .banner-right-box .bnr-right-top-box .wp-block-cover__inner-container{
		display: flex;
	}
	.main-banner-section .banner-right-box .bnr-right-top-box .bnr-right-img-box{
		align-items: flex-end;
    display: flex;
    height: 100%;
	}
	.product-section .product-boxes, .product-section .product-boxes ul.wc-block-product-template__responsive{
		display: grid;
		grid-template-columns: auto auto auto;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
	.main-header .middle-header .header-search-box{
		flex-basis: 30% !important;
	}
	.main-header .middle-header .header-info-box{
		flex-basis: 30% !important;
	}
	.main-header .middle-header .top-contact-box{
		flex-basis: 20% !important;
	}
	.main-banner-section .banner-left-cont{
		flex-basis: 60% !important;
	}
	.main-banner-section .banner-right-img{
		flex-basis: 40% !important;
	}
	.main-banner-section .banner-left-box .banner-product-img img{
		height: 360px !important;
	}
	.main-banner-section .banner-right-box .bnr-right-top-box .wp-block-cover__inner-container{
		display: flex;
	}
	.main-banner-section .banner-right-box .bnr-right-top-box .bnr-right-img-box{
		align-items: flex-end;
    display: flex;
    height: 100%;
	}
	.main-banner-section .banner-right-box .bnr-right-img-box img {
    height: 200px !important;
  }
	.main-banner-section .banner-btm-row .banner-btm-box:after{
		right: 0;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
	.main-header .middle-header .header-search-box{
		flex-basis: 35% !important;
	}
	.main-header .middle-header .top-contact-box{
		flex-basis: 20% !important;
	}
	.main-banner-section .banner-left-cont{
		flex-basis: 60% !important;
	}
	.main-banner-section .banner-right-img{
		flex-basis: 40% !important;
	}
	.main-banner-section .banner-left-box .banner-product-img img{
		height: 380px !important;
	}
	.main-banner-section .banner-btm-row .banner-btm-box:after{
		right: 0;
	}
}
@media screen and (max-width: 1599px){
	.main-banner-section .banner-btm-row .banner-btm-box {
	  flex-basis: 24%;
	}
}
@media screen and (max-width: 999px){
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){
		display: none;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-open, .main-header nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{
		display: block;
	}
	.main-header .bottom-header .header-btm-mid a:hover{
		color: #ffffff;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul{
		gap: 22px !important;
		padding-top: 0 !important;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content .has-child.wp-block-navigation-submenu{
		gap: 22px !important;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul a{
		padding: 0 !important;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul a:hover{
		background-color: transparent !important;
		color: #000000;
	}
}

/* --- Custom WooCommerce Login / My Account Styling (White & Blue Theme) --- */
#customer_login {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    margin: 50px auto;
    max-width: 900px;
}

#customer_login .u-column1,
#customer_login .u-column2 {
    flex: 1 1 400px;
    background: #ffffff;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(26, 86, 219, 0.08);
    border: 1px solid #e2e8f0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#customer_login .u-column1:hover,
#customer_login .u-column2:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(26, 86, 219, 0.14);
}

#customer_login h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #1e293b;
    text-align: center;
    position: relative;
}

#customer_login h2::after {
    content: '';
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #1a56db, #3b82f6);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

.woocommerce form.login, 
.woocommerce form.register {
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

.woocommerce form.login .form-row, 
.woocommerce form.register .form-row {
    margin-bottom: 20px;
}

.woocommerce form.login label, 
.woocommerce form.register label {
    font-weight: 600;
    color: #475569;
    margin-bottom: 8px;
    display: block;
}

.woocommerce form.login input[type="text"], 
.woocommerce form.login input[type="password"], 
.woocommerce form.login input[type="email"],
.woocommerce form.register input[type="text"], 
.woocommerce form.register input[type="password"], 
.woocommerce form.register input[type="email"] {
    width: 100%;
    padding: 15px 20px;
    border-radius: 12px;
    border: 1.5px solid #e2e8f0;
    background: #f8fafc;
    font-size: 16px;
    transition: all 0.3s ease;
    color: #1e293b;
}

.woocommerce form.login input[type="text"]:focus, 
.woocommerce form.login input[type="password"]:focus, 
.woocommerce form.login input[type="email"]:focus,
.woocommerce form.register input[type="text"]:focus, 
.woocommerce form.register input[type="password"]:focus, 
.woocommerce form.register input[type="email"]:focus {
    border-color: #3b82f6;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    outline: none;
}

.woocommerce form.login button[type="submit"], 
.woocommerce form.register button[type="submit"] {
    width: 100%;
    background: linear-gradient(135deg, #1a56db, #3b82f6);
    color: #fff;
    border: none;
    padding: 16px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    box-shadow: 0 4px 15px rgba(26, 86, 219, 0.25);
}

.woocommerce form.login button[type="submit"]:hover, 
.woocommerce form.register button[type="submit"]:hover {
    background: linear-gradient(135deg, #1e40af, #2563eb);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(26, 86, 219, 0.35);
}

.woocommerce-LostPassword.lost_password {
    text-align: center;
    margin-top: 15px;
}

.woocommerce-LostPassword.lost_password a {
    color: #64748b;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s;
}

.woocommerce-LostPassword.lost_password a:hover {
    color: #1a56db;
}

/* My Account Logged In Styling (White & Blue Theme) */

/* Main container - use flexbox for proper alignment */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    margin: 40px auto;
    max-width: 1200px;
    padding: 0 20px;
}

/* Ensure WooCommerce notices span full width */
.woocommerce-account .woocommerce .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-info {
    width: 100%;
    flex-basis: 100%;
}

/* Navigation sidebar */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 260px;
    flex-shrink: 0;
    background: #ffffff;
    border-radius: 16px;
    padding: 24px 16px;
    box-shadow: 0 4px 24px rgba(26, 86, 219, 0.07);
    border: 1px solid #e2e8f0;
    position: sticky;
    top: 100px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link {
    background-color: transparent !important;
    margin-bottom: 4px;
    padding: 0 !important;
    border-radius: 10px;
    transition: all 0.25s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
    color: #475569;
    display: flex;
    align-items: center;
    padding: 13px 18px;
    font-weight: 600;
    font-size: 14.5px;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.25s ease;
    letter-spacing: 0.2px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link:hover {
    background-color: #eff6ff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link:hover a {
    color: #1a56db;
}

/* Active navigation item */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active {
    background: linear-gradient(135deg, #1a56db, #3b82f6) !important;
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.3);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link.is-active a {
    color: #ffffff !important;
}

/* Content area */
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    flex: 1;
    min-width: 0;
    background: #ffffff;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 4px 24px rgba(26, 86, 219, 0.07);
    border: 1px solid #e2e8f0;
    line-height: 1.7;
    color: #334155;
    font-size: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    font-size: 16px;
    color: #1e293b;
    margin-bottom: 12px;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    color: #1a56db;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: #1e40af;
    text-decoration: underline;
}

/* Dashboard content tables */
.woocommerce-account .woocommerce-MyAccount-content table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
}

.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.woocommerce-account .woocommerce-MyAccount-content table th {
    background: #f8fafc;
    font-weight: 700;
    color: #1e293b;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.woocommerce-account .woocommerce-MyAccount-content table td {
    color: #475569;
}

/* Dashboard buttons */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-account .woocommerce-MyAccount-content .button {
    display: inline-block;
    background: linear-gradient(135deg, #1a56db, #3b82f6);
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    letter-spacing: 0.3px;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-account .woocommerce-MyAccount-content .button:hover {
    background: linear-gradient(135deg, #1e40af, #2563eb);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 86, 219, 0.3);
}

/* Form styling inside My Account */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    font-size: 15px;
    color: #1e293b;
    transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input:focus,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select:focus {
    border-color: #3b82f6;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    outline: none;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        position: static;
        margin-bottom: 0;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}

/* --- Split Screen Layout Styling (White & Blue Theme) --- */
.custom-login-wrapper {
    max-width: 1200px;
    margin: 60px auto;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(26, 86, 219, 0.12), 0 4px 20px rgba(0,0,0,0.06);
    overflow: hidden;
}

.custom-login-split {
    display: flex;
    flex-wrap: wrap;
    min-height: 620px;
}

.custom-login-visual {
    flex: 1 1 45%;
    background: linear-gradient(145deg, #1a56db 0%, #3b82f6 50%, #60a5fa 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.custom-login-visual::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 55%);
    animation: rotateBg 25s linear infinite;
}

.custom-login-visual::after {
    content: '';
    position: absolute;
    bottom: -20%;
    right: -20%;
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, rgba(96, 165, 250, 0.4) 0%, transparent 70%);
    animation: pulseBg 6s ease-in-out infinite;
}

@keyframes rotateBg {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pulseBg {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.15); }
}

.custom-login-visual .visual-content {
    position: relative;
    z-index: 2;
}

.custom-login-visual h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: -0.5px;
}

.custom-login-visual p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 40px;
    opacity: 0.92;
    color: #e0ecff;
}

.custom-login-visual .visual-graphic {
    display: flex;
    justify-content: center;
    animation: float 4s ease-in-out infinite;
}

.custom-login-visual .visual-graphic svg {
    filter: drop-shadow(0 8px 24px rgba(0,0,0,0.15));
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.custom-login-forms {
    flex: 1 1 55%;
    padding: 60px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#customer_login_custom {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}

#customer_login_custom.single-form-mode {
    justify-content: center;
}

#customer_login_custom .u-column1,
#customer_login_custom .u-column2 {
    flex: 1 1 300px;
}

.custom-login-forms h2.form-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 28px;
    color: #1e293b;
    position: relative;
    text-align: left;
}

.custom-login-forms h2.form-title::after {
    content: '';
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #1a56db, #3b82f6);
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 2px;
}

@media screen and (max-width: 991px) {
    .custom-login-split {
        flex-direction: column;
    }
    
    .custom-login-visual,
    .custom-login-forms {
        flex: 1 1 100%;
    }
    
    .custom-login-visual {
        padding: 40px 20px;
    }
    
    .custom-login-forms {
        padding: 40px 20px;
    }
}