/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/* Home page category slider css start */
.cat-slider-wrapper { padding: 40px 0; }
.cat-swiper { padding-bottom: 10px; }
.cat-card {
    position: relative;
    display: block;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 3/4;
    background: #000;
    text-decoration: none;
}
.cat-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.cat-card:hover img { transform: scale(1.05); }
.cat-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 24px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 70%);
}
.cat-count {
    color: #fe6a34;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}
.cat-name {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 4px 0 0;
}
.swiper-button-next, .swiper-button-prev { color: #fff; }
/* Home page category slider css end */
/* Home page product slider start*/
.prod-card-light {
    display: block;
    background: #fff;
    border: 1.5px dashed #d1d1d1;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}
.prod-card-light:hover {
    border-color: #e07b39;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.prod-img-light {
/*     aspect-ratio: 4/3; */
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
/*     padding: 20px; */
    border-bottom: 1px dashed #eee;
}
.prod-img-light img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.prod-info-light {
    padding: 20px;
}
.prod-sku {
    display: block;
    color: #e07b39;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.prod-name-light {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.3;
}
.prod-desc-light {
    color: #767676;
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0 0 14px;
}
.prod-view-link {
    color: #e07b39;
    font-size: 13.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.prod-view-link i {
    font-size: 15px;
    transition: transform 0.3s ease;
}
.prod-card-light:hover .prod-view-link i {
    transform: translateX(4px);
}

/* Home page product slider end */

.call-cta-in-mobile{
	display: none;
}
@media only screen and (max-width: 580px){
	.call-cta-in-mobile{
		display: block;
		position: fixed;
		bottom:0;
		top: auto;
		left: 0;
		right: 0;
	}
	.call-cta-in-mobile a {
        width: 100%;
        display: block;
        background-color: #FE6A34;
        font-family: "Inter", Sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        fill: #FFFFFF;
        color: #FFFFFF;
        border-radius: 12px 12px 0px 0px;
        padding: 12px 24px 12px 24px;
        text-align: center;
    }
}