/*
Theme Name: Bw Zagg Free
Theme URI: https://bzotech.com/theme-zagg-free/
Author: BZOTech
Author URI: https://bzotech.com/
Description: With Zagg Free WordPress template for WooCommerce, you'll elevate your online store by showcasing cutting-edge electronics and phone accessories with style.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 7.0
Requires at least: 6.7
Requires PHP: 7.4
Copyright: © 2024 BZOTech Theme. All rights reserved.
Tags: custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, post-formats, sticky-post, threaded-comments, block-styles, blog, news, e-commerce
Text Domain: bw-zagg-free
*/
.info-banner2 img.pos-image-1{
 	position: absolute;
    right: 70px;
    top: 70px;
    width: 150px;
}
.info-banner2 img.pos-image-2{
	    position: absolute;
    right: 40px;
    top: 190px;
    width: 100px;
    padding: 30px 10px;
    background: #ffffff78;
    border-radius: 10px;
}
@media(max-width:1160px){
.bn1-gioi-thieu .elbzotech-banner-info-global-wrap {
    border-radius: 20px;
}
.bn1-gioi-thieu .elbzotech-banner-info-global-thumb.elbzotech-hidden img {
    width: 100%;
    height: 695px;
    object-fit: cover;
    object-position: 90% center;
	}
}
@media(max-width:440px){
.bn1-gioi-thieu .elbzotech-banner-info-global-thumb.elbzotech-hidden img {
    height: 560px;
	object-position: 85% center;
	}
	.info-banner2 img.pos-image-1 {
	right: 40%;
	top: 40px;
    width: 96px;
	}
	.info-banner2 img.pos-image-2 {
		right: 35%;
		top: 110px;
		width: 65px;
		padding: 20px 10px;
		background: #eaeaea;
	}
    .elementor-1051 .elementor-element.elementor-element-522f48f3 .elementor-repeater-item-5486717,
	.elementor-1051 .elementor-element.elementor-element-522f48f3 .elementor-repeater-item-ca301ea{
	text-align: center;
    }
.elbzotech-banner-info-global-elbzotech-bndf .btwrapinfo-container-flex-e {
    display: flex;
    justify-content: center;
}
}
/*
@media(max-width:992px){
	.info-banner2 img.pos-image-2,
	.info-banner2 img.pos-image-1{
		display:none;
	} */
}
.bg-cs10{
	background: radial-gradient(ellipse 42% 38% at 78% 62%, rgba(255, 178, 130, 0.3) 0%, transparent 72%),
      radial-gradient(ellipse 38% 42% at 18% 58%, rgba(165, 210, 185, 0.28) 0%, transparent 70%),
      radial-gradient(ellipse 55% 48% at 50% 28%, rgba(163, 191, 240, 0.42) 0%, rgba(210, 226, 252, 0.14) 55%, transparent 80%)
}
.border-radius20-banner .elbzotech-banner-info{
	border-radius:20px;
}
.border-radius25-banner .elbzotech-banner-info{
	border-radius:25px;
}
/* Homepage - header sticky */
.bzotech-header-page-header-home .menu-fixed-content.fixed-header {
    background: #fff !important;
    background-image: none !important;
}
.fixed-header.active {
    top: -1px;
}
    .menu_mobile_style-left.active .bzotech-menu-inner {
        top: 0;
    }
/* Optional: shadow khi sticky */
.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active .header-backdrop-filter {
	margin-top:0 !important;
}
.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active .header-backdrop-filter::before {
	background: #fff !important;
}
.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active .bzotech-navbar-nav > li > a,
.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active .elbzotech-search-global-form .elbzotech-text-bt-search,
.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active .la.la-reorder:before
{
    color: #121212;
}
.bzotech-header-page-header-home .menu-fixed-content.fixed-header.active .elbzotech-search-global-form input[name="s"] {
	background: #F5F7FA;
	color: #121212;
}
/*end */
.product-detail .product-detail-info .product_meta.item-product-meta-info {
	display: none;
}
.single-product .reset_variations {
    display: none !important;
}

@media (max-width: 767px) {
    .table-compare {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-compare table {
        width: max-content !important;
        min-width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .table-compare td {
        box-sizing: border-box;
        min-width: 150px;
        width: 150px;
    }

    /* Cố định cột đầu tiên */
	
    .table-compare td:first-child {
        position: sticky;
        left: 0;
        z-index: 2;
        width: 120px;
        min-width: 120px;
        background: #f5f5f5;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.08);
    }
	.table-compare td.td-image:first-child {
		background:#fff;
	}

    /* Ô đầu tiên của hàng ảnh */
    .table-compare tr:first-child td:first-child {
        z-index: 3;
    }

    /* Ảnh sản phẩm */
    .table-compare .image-button img {
        display: block;
        width: 100%;
        height: auto;
    }

    .table-compare .image-button .btn {
        display: inline-block;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 11px;
        white-space: nowrap;
    }
}
.accoridion-vesync .e-n-accordion-item .e-n-accordion-item-title{
	    border-radius: 20px;
}
.accoridion-vesync .e-n-accordion-item[open] .e-n-accordion-item-title{
	border-radius: 20px 20px 0 0;
}
.mask-image-radius-banner{
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwOCIgaGVpZ2h0PSI4MzIiIHZpZXdCb3g9IjAgMCAxNDA4IDgzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQwOCA3MjIuMTc2QzE0MDggNzM1LjQzMSAxMzk3LjI1IDc0Ni4xNzYgMTM4NCA3NDYuMTc2SDEzMTcuMzJDMTMwNC4wNiA3NDYuMTc2IDEyOTMuMzIgNzU2LjkyMSAxMjkzLjMyIDc3MC4xNzZWODA3LjQ2OUMxMjkzLjMyIDgyMC43MjQgMTI4Mi41NyA4MzEuNDY5IDEyNjkuMzIgODMxLjQ2OUgxMzguNjgyQzEyNS40MjcgODMxLjQ2OSAxMTQuNjgyIDgyMC43MjQgMTE0LjY4MiA4MDcuNDY5Vjc3MC4xNzZDMTE0LjY4MiA3NTYuOTIxIDEwMy45MzYgNzQ2LjE3NiA5MC42ODE2IDc0Ni4xNzZIMjRDMTAuNzQ1MiA3NDYuMTc2IDAgNzM1LjQzMSAwIDcyMi4xNzZWMjMuMjAzMUMwIDkuOTQ4MyAxMC43NDUyIC0wLjc5Njg3NSAyNCAtMC43OTY4NzVIMTM4NEMxMzk3LjI1IC0wLjc5Njg3NSAxNDA4IDkuOTQ4MjkgMTQwOCAyMy4yMDMxVjcyMi4xNzZaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==);
     -webkit-mask-size: 100% 100%;
}

.bg-etekcity:before,
.bg-cosori:before,
.bg-levoit:before{
	    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: 150px;
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
	z-index: -1;
}
.bg-etekcity,
.bg-cosori,
.bg-levoit{
	 z-index: 1;
}
   
.bg-levoit:before{
	background: radial-gradient(circle, rgba(163, 191, 240, 0.8) 0%, rgba(255, 255, 255, 0) 60%);
}
.bg-cosori:before{
	background:  radial-gradient(circle, rgba(230, 130, 70, 0.8) 0%, rgba(255, 255, 255, 0) 60%);
}
.bg-etekcity:before{
	background: radial-gradient(circle, rgba(140, 230, 200, 0.8) 0%, rgba(255, 255, 255, 0) 60%);
}
.border-tron1:after{
	 content: '';
    position: absolute;
	    border-radius: 50%;
    border: 1px dashed #fb914a;
	 width: 600px;
    height: 600px;
	display:block;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.border-tron2:after{
	 content: '';
    position: absolute;
	    border-radius: 50%;
    border: 1px dashed #fb914a;
	    content: '';
    position: absolute;
    border-radius: 50%;
    border: 1px dashed #fb914a;
    width: 400px;
    height: 400px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media(max-width:1200px){
	.border-tron2:after{
		 width: 350px;
    	height: 350px;
	}
	.border-tron1:after{
		 width: 450px;
    	height: 450px;
	}
	.mask-image-radius-banner{
	        mask-image: none;
    }
}
.border-tron2 img{
	    z-index: 111;
    position: relative;
}
.footer-link a{
	color: #fff;
}
.footer-link a:hover{
	color: var(--bzo-main-color);
}
@media(min-width:1201px) {
.bzotech-navbar-nav > li > a span{
	padding: 4px 8px 6px;
	border-radius: 6px;
}
.bzotech-navbar-nav > li:focus > a span,
.bzotech-navbar-nav > li:hover > a span{
    background: rgb(0 0 0 / 16%);
}
.header-backdrop-filter .bzotech-navbar-nav > li:focus > a span,
.header-backdrop-filter .bzotech-navbar-nav > li:hover > a span{
    background: rgba(255, 255, 255, 0.16);
}
}
.bzotech-navbar-nav .current-menu-item > a span {
    color: var(--bzo-main-color);
}
@media(min-width:767px) {
.menu_mobile_style-left .e-toggle-style-icon {
    color: #121212 !important;
}
}