/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
#downloadQR{
	display:none
}
@media (max-width: 1024px){
	
	/* Hiệu ứng chung */
    .wrapbanner-icon-spin-mobile,
    .wrapbanner-icon-boxgift-mobile,
    .wp-elce {
        transition:
            transform 0.35s ease,
            opacity 0.35s ease;
        will-change: transform, opacity;
    }
    /* =========================
       ICON Ở BÊN TRÁI
       ========================= */
    .ctech-is-scrolling.ctech-side-left {
        transform: translateX(calc(-100% + 18px));
        opacity: 0.3;
    }
    /* =========================
       ICON Ở BÊN PHẢI
       ========================= */
    .ctech-is-scrolling.ctech-side-right {
        transform: translateX(calc(100% - 18px));
        opacity: 0.3;
    }
    /* =========================
       ZALO + PHONE
       Luôn né sang PHẢI
       ========================= */
    .wp-elce.ctech-is-scrolling {
        transform: translateX(calc(100% - 18px));
        opacity: 0.3;
    }
	
	.wp-elce{
		z-index:8888;
		display:none
	}
	body.home .wp-elce{
		display:block
	}
	.trp-floating-switcher{
		right:10px;
		top: 70px;
        border-radius: 0px 0px 8px 8px;
		z-index:1;
		width: max-content;
        height: max-content;
	}
	
	.wrapbanner-icon-spin-mobile,
    .wrapbanner-icon-boxgift-mobile {
        touch-action: none;
        user-select: none;
        -webkit-user-select: none;
        cursor: grab;
        z-index: 9999;
    }

    .wrapbanner-icon-spin-mobile.ctech-dragging,
    .wrapbanner-icon-boxgift-mobile.ctech-dragging {
        cursor: grabbing;
        transition: none;
    }

    /* Khi tự hít vào cạnh */
    .wrapbanner-icon-spin-mobile.ctech-snapping,
    .wrapbanner-icon-boxgift-mobile.ctech-snapping {
        transition: left .25s ease, top .25s ease;
    }

    .wrapbanner-icon-spin-mobile img,
    .wrapbanner-icon-boxgift-mobile img {
        pointer-events: none;
        -webkit-user-drag: none;
    }

    /* Nút X vẫn bấm bình thường */
    .ctech-close-mobile-banner {
        touch-action: manipulation;
        pointer-events: auto;
    }
}
@media (max-width: 999px){
	.ct-widget.widget_block#block-8{
		display:none
	}
	body.woocommerce-cart .wp-elce,
	body.woocommerce-checkout .wp-elce{
		display:none
	}
	.woocommerce-checkout #place_order{
		position: fixed;
		z-index: 1;
		bottom: 0;
		left: 0;
	}
	.wc-proceed-to-checkout{
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		margin-top: 0;
	}
	.elce-phone-circle-fill{
		width:50px;
		height:50px;
		top:20px;
		left:20px;
	}
	.elce-phone-img-circle{
		width: 30px;
		height: 30px;
		top: 30px;
		left: 30px;
	}
	.phone-bar.phone-bar-n a{
		right: 30px;
		padding: 7px 39px 9px 14px;
		font-size:small
	}
	#elce-zalo{
		top:28px
	}
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container section {
		order:2
	}
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container aside {
		display:flex;
		order:1
	}
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container aside .widget_top_rated_products,
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container aside .widget_top_rated_products + .ct-widget.widget_block{
		display:none
	}
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container aside .ct-widget.widget_block{
		margin-bottom:0
	}
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container aside .ct-sidebar{
		width:100%
	}
	:is(body.tax-product_cat.woocommerce-archive, body.post-type-archive-product.woocommerce-archive) .ct-container{
		padding-top:20px;
		grid-row-gap: 30px;
	}
	.ctech-price-filter{
		margin-bottom:10px
	}
	.ctech-price-filter .ctech-filter-title{
		margin-bottom:8px;
		font-weight: 200;
	}
}
@media ( max-width: 991px){
	.ct-breadcrumbs span.last-item{
		font-size:16px
	}
	.hero-section{
		height:30px
	}
	.sub-menu{
		left:0
	}
}

@media (min-width: 691px) and (max-width: 1000px) {
	.final-sale-home-cta [data-products] {
		--shop-columns: repeat(3, minmax(0, 1fr))
	}
}

@media (max-width: 689.98px){
	/*.woocommerce-tabs[data-type*=type-2][data-type*=center] .tabs:before, .woocommerce-tabs[data-type*=type-2][data-type*=center] .tabs:after{
		content:"";
		flex: 1 0 auto;
        height: 1px;
        background: var(--tab-border-color, var(--theme-border-color));
	}*/
	.woocommerce-button.ctech-cancel, .ctech-cancel-order{
		font-size:11px
	}
	.woocommerce-Addresses .woocommerce-Address-title{
		margin-bottom:0
	}
	.woocommerce-Addresses>*{
		padding:15px
	}
	.woocommerce-MyAccount-orders tr.woocommerce-orders-table__row{
		margin-bottom: 10px;
        padding: 8px;
        display: block;
        border: 1px solid #ddd;
        border-radius: 5px;
	}
	table.my_account_orders tbody tr:not(:last-child) td:last-child{
		--theme-table-border-style: unset;
        --theme-table-border-width: 0px 0 1px 0;
	}
	table.shop_table_responsive tbody td{
		padding: 8px 5px;
        font-size: 14px;
	}
	table.shop_table_responsive tbody td[data-title]:before{
		font-size:14px
	}
	table.shop_table_responsive tbody td .woocommerce-button{
		font-size:11px
	}
	
	/* ===== Toàn bộ trang tài khoản ===== */
    .ct-woo-account {
        display: block;
    }

    /* ===== Khối menu tài khoản ===== */
    .ct-woo-account .ct-acount-nav {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0 0 18px 0;
    }

    /* ===== Avatar + tên ===== */
    .ct-woo-account .ct-account-welcome {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 4px;
        margin-bottom: 14px;
    }

    .ct-woo-account .ct-account-welcome img {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        object-fit: cover;
    }
    .ct-woo-account .ct-account-user-box {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /* =====================================
       MENU NGANG
       ===================================== */

    .ct-woo-account .woocommerce-MyAccount-navigation {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 2px;
    }

    /* Ẩn thanh scrollbar */
    .ct-woo-account .woocommerce-MyAccount-navigation::-webkit-scrollbar {
        display: none;
    }
    .ct-woo-account .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: max-content;
        min-width: 100%;
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    /* Từng mục */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li {
        display: block;
        flex: 0 0 auto;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
    }

    /* Link */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-height: 42px;
        padding: 9px 14px;
        white-space: nowrap;
        border: 1px solid #e2e2e2;
        border-radius: 6px;
        background: #fff;
        font-size: 13px;
        line-height: 1;
        box-sizing: border-box;
    }

    /* Mục đang chọn */
    .ct-woo-account .woocommerce-MyAccount-navigation ul li.is-active a {
        background: #a46218;
        border-color: #a46218;
        color: #fff;
    }


    /* =====================================
       PHẦN NỘI DUNG
       ===================================== */

    .ct-woo-account .woocommerce-MyAccount-content {
/*         float: none;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0; */
    }
	
	/* Khung chứa tabs */
    .woocommerce-tabs .wc-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;

        width: 100%;
        max-width: 100%;

        overflow-x: auto;
        overflow-y: hidden;

        gap: 7px;

        margin: 0 0 18px 0;
        padding: 0 0 2px 0;

        list-style: none;

        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    /* Ẩn scrollbar */
    .woocommerce-tabs .wc-tabs::-webkit-scrollbar {
        display: none;
    }
	.woocommerce div.product div.woocommerce-tabs ul.tabs{
		justify-content:center
	}

    /* Từng tab */
    .woocommerce-tabs .wc-tabs li {
        display: block;

        flex: 0 0 auto;

        width: auto;
        min-width: auto;

        margin: 0;
        padding: 0;

        border: 0;
    }

    /* Link bên trong tab */
    .woocommerce-tabs .wc-tabs li a {
        display: flex;
        align-items: center;
        justify-content: center;

        width: auto;
        min-height: 42px;

        padding: 10px 14px;

        white-space: nowrap;

        border: 1px solid #e2e2e2;
        border-radius: 6px;

        background: #fff;

        font-size: 13px;
        line-height: 1.2;

        box-sizing: border-box;
    }

    /* Tab đang được chọn */


    /* Nội dung bên dưới */
    .woocommerce-tabs article {
        width: 100%;
        max-width: 100%;
    }

    .woocommerce-tabs .woocommerce-Tabs-panel {
        width: 100%;
        max-width: 100%;
		padding-top:0
    }
	
	.woocommerce a.added_to_cart:before,
	.woocommerce ul.products li.product .button.ajax_add_to_cart::before{
		width:27px
	}
	.woocommerce-loop-product__title{
		font-size:small;
	}
	span.price{
		font-size:medium;
		padding-top:0;
		padding-bottom:0;
	}
	.product .entry-meta{
		margin-bottom:0
	}
	.add_to_cart_button{
		font-size:x-small
	}
	.wp-block-stackable-column:nth-of-type(2) .wp-block-stackable-icon{
		padding-top:20px;
	}
	.woocommerce-product-gallery{
		margin-bottom:10px
	}
	.product-type-simple .product_title{
		font-size:18px;
	}
	.product-type-simple .price{
		font-size:20px;
		margin-bottom:10px
	}
	.product .woocommerce-tabs{
		padding-top:20px;
	}
	.woocommerce-cart .page-title::after{
		margin-left: 0;
		font-size: 23px;
	}
	.woocommerce-checkout .page-title::after{
		margin-left: 5px;
		font-size: 25px;
	}
	.payment_method_vietqr .vietqr-row{
		display:none;
	}
	.woocommerce-Tabs-panel p{
		margin-bottom:5px
	}
	.entry-header .page-title{
		font-size:26px;
		margin-top:5px;
	}
	#footer .stk-img-wrapper{
		width:50%;
	}
	
		 /* Khung cho phép vuốt ngang */
    .ctech-mg-history-scroll {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    /* Ép bảng giữ nguyên dạng desktop */
    .ctech-mg-history-scroll .ctech-mg-history {
        width: max-content;
        min-width: 700px;
        display: table;
        table-layout: auto;
    }

    /* Giữ cấu trúc table */
    .ctech-mg-history-scroll .ctech-mg-history thead {
        display: table-header-group;
    }

    .ctech-mg-history-scroll .ctech-mg-history tbody {
        display: table-row-group;
    }

    .ctech-mg-history-scroll .ctech-mg-history tr {
        display: table-row;
    }

    .ctech-mg-history-scroll .ctech-mg-history th,
    .ctech-mg-history-scroll .ctech-mg-history td {
        display: table-cell;
        white-space: nowrap;
        float: none;
        width: auto;
        text-align: left;
    }

    /* WooCommerce tạo label mobile bằng data-title -> tắt nó */
    .ctech-mg-history-scroll .ctech-mg-history td::before {
        display: none;
        content: none;
    }
}


@media (max-width: 575px){
	.ct-container-full{
		padding-top:20px
	}
	.hero-section{
		height:unset
	}
	#header .ct-header-account{
		margin:0 5px
	}
/* 	.entry-content.is-layout-constrained .wp-block-stackable-columns{
		padding:0
	} */
	body.home .entry-content.is-layout-constrained .wp-block-stackable-columns{
		padding-top:16px
	}
	body.home .entry-content.is-layout-constrained .wp-block-stackable-columns .stk-ec3eca3{
		padding-top:0
	}
	
	.ct-woocommerce-cart-form .cart_totals table{
		margin-bottom:0
	}
	.ct-woocommerce-cart-form .cart_totals .wc-proceed-to-checkout{
		margin-top:0
	}
	.ct-woocommerce-cart-form .cart_totals h2{
		font-size:large
	}
	.ct-woocommerce-cart-form .cart_totals table td{
		font-size:medium;
		padding: 5px 0;
	}
	.woocommerce-checkout-review-order-table .product-name img{
		float:none;
		display:block
	}
	
	.woocommerce-checkout p.form-row{
		margin-bottom:16px
	}
	#customer_details .col-2{
		margin-top:12px
	}
	.woocommerce-checkout #order_comments{
		height:100px
	}
	.woocommerce-checkout #order_review_heading{
		margin-bottom:0
	}
	.woocommerce-checkout #order_review td,
	.woocommerce-checkout #order_review th{
		padding: 8px 0;
	}
	.woocommerce-checkout #order_review .shop_table{
		margin-bottom:8px
	}
	#payment ul.payment_methods .payment_box{
		padding: 5px 25px;
	}
	#payment ul.payment_methods .payment_box p{
		margin-bottom:0
	}
	.checkout-inline-error-message{
		font-size:11px;
		left:5px; 
		z-index:1;
		top:28px
	}
	.woocommerce ul.woocommerce-error{
		margin-bottom:0
	}
	body.woocommerce-checkout .wrapbanner-icon-boxgift-mobile{
		bottom:10px
	}
	.woocommerce-thankyou-order-details li{
		padding:6px 1.3em
	}
	.woocommerce-order #qrcode{
		width:70%;
		margin:0 auto
	}
	.woocommerce-vietqr-bank-details h4{
		font-size:medium
	}
	.woocommerce-vietqr-bank-details .table-bordered td,
	.woocommerce-vietqr-bank-details .table-bordered th{
		padding: 7px 10px
	}
	.woocommerce-table--order-details td,
	.woocommerce-table--order-details th{
		padding:7px 5px
	}
	.woocommerce-table--order-details td.product-name a,
	.woocommerce-table--order-details td span,
	.woocommerce-table--order-details th,
	.woocommerce-table--order-details td{
		font-size:14px
	}
	.woocommerce-order-details{
		padding:10px
	}
}