/* vvvvvvvvvv Font, size vvvvvvvvvv */
 @font-face {
     font-family: 'Raleway';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src: url({{ 'raleway-regular.ttf' | asset_url }}) format('truetype');
}
.price-box {
    font-family: 'Mulish' !important; /* đổi thành font bạn muốn */
}
.price-box .price,
.price-box .compare-price,
.price-box .price-contact,
.price-box .label_wrapper {
    font-family: 'Mulish' !important; /* thừa hưởng từ price-box */
}

/* Giảm font toàn trang */
body, p, span, a, button, input, textarea {
    font-size: 13.5px !important;
    font-family: 'Raleway', sans-serif !important;
}


/* Giữ nguyên kích thước cho các class đặc biệt */
.title_module_main,
.heading-bar,
.heading-bar__title,
.heading-bar__title.flashsale__title.m-0{
    font-size: 20px !important;}


/* vvvvvvvvvv Set width size vvvvvvvvvv */
 .main-container {
     max-width: 1280px;
     margin: 0 auto;
     padding: 0 16px;
     box-sizing: border-box;}


/* vvvvvvvvvv Menu Bar vvvvvvvvvv */
/* ========== HARRY MENU HOVER EFFECT ========== */
.submenu.scroll.mega-menu{
	height:400px;
	transition: all 0.3s ease !important;
    z-index: 9999;
}
.menu-item.list-group-item:hover > .submenu.scroll.mega-menu{
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

/* ========== Tăng số cột trong danh sách thương hiệu ========== */
 @media (min-width: 1200px) {
     .navigation-wrapper .submenu__list, .menu-item.list-group-item .submenu__list {
         display: grid !important;
         grid-template-columns: repeat(7, 1fr) !important;
         gap: 10px !important;
         justify-content: center; /* canh giữa toàn bộ grid */
         /*justify-items: center;*/ /* canh giữa từng item trong cột */
    }
     .navigation-wrapper .submenu-wrapper {
         display: flex;
         justify-content: center;}
}



/* Bo góc toàn bộ slide */
.banner_slide_item img {
    border-radius: 10px;
    display: block;
}

/* Bo góc container slide để overflow ảnh không bị tràn */
.section_slider .slick-list {
    border-radius: 10px;
    overflow: hidden;
}

										/* vvvvvvvvvv Slider vvvvvvvvvv */
/* Một số class vẫn giữ tràn màn hình*/
.container.py-2,
.container.card.border-0{
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100%;
	width: 100vw;
}

/* Bỏ giới hạn của container cha */
/*.section_slider {
     width: 100vw;
     margin-left: calc(-50vw + 50%);
     padding: 0;
     box-sizing: border-box;
}*/
/* Slider wrapper */
 .section_slider .slider-wrapper,
.section_slider .slick-slider{
     width: 100%;
     margin: 0;
     padding: 0;
}
/* Ảnh slide */
 .section_slider .slide-item img,
.slideshow-banner-wrap img{
     width: 100%;
     height: auto;
     display: block;
}

 .section.awe-section-1, .section.awe-section-2, .section.awe-section-3 {
     margin: 0 0 20px 0; /* top right bottom left */
}
										/* ^^^^^^^^^^ Slider ^^^^^^^^^^ */

										/* vvvvvvvvvv Sản phẩm chính vvvvvvvvvv */
/* Chỉnh bo góc Sản phẩm */
 .item_product_main {
     border-radius: 50px 10px 50px 10px;
     background: #fff;
     border: none;
     box-shadow: 0 3px 8px rgba(0,0,0,0.1);
     transition: all 0.3s ease;
}
/* Container ảnh */
 .item_product_main .product-image-wrapper {
     border-radius: 50px 10px 50px 10px;
     overflow: hidden; /* chỉ ảnh thôi */
}
/* Ảnh bên trong */
.item_product_main img {
	width: 100%;
	height: auto; /* giữ tỉ lệ ảnh */
	display: block;
	transition: all 0.3s ease; /* mượt hover ảnh */
}
.item_product_main:hover {
	background: linear-gradient(0deg, #FFFFFF, #F8F8F8);
    transform: translateY(-10px);
    border-radius: 150px 150px 30px 30px;
    box-shadow:
        0 8px 16px color-mix(in srgb, var(--theme-bg-color) 25%, transparent), /* bóng đổ ngoài */
        inset 0 0 25px rgba(255, 255, 255, 1),    /* phát sáng vàng chính */
        inset 0 0 50px rgba(255, 255, 255, 0.5);    /* viền sáng mờ lan rộng */
}
/*.item_product_main:hover img {
	transform: translateY(-2px) !important;
}*/
										/* ^^^^^^^^^^ Sản phẩm chính ^^^^^^^^^^ */

										/* vvvvvvvvvv 1 hàng 5 items vvvvvvvvvv */
.row.mt-3.one_row {
  --limit-column: 5 !important;
  grid-template-columns: repeat(5, 1fr) !important;
}

										/* ^^^^^^^^^^ 1 hàng 5 items ^^^^^^^^^^ */

										/* vvvvvvvvvv Chính sách vvvvvvvvvv */
/* Chỉnh bo góc Chính sách */
 .ega-policies, .policies-body, .policies-body > .row, .policies-body > .container {
     overflow: visible !important;
     background: transparent;
}
 .policies-item.text-center {
     border-radius: 10px;
     background: #fff;
     border: none !important;
     box-shadow: 0 3px 8px rgba(0,0,0,0.1); /*transition: all 0.3s ease;*/
     overflow: hidden; /* bo góc cho ảnh */
     position: relative; /* nếu cần cho shadow nổi lên */
     z-index: 1;
}
										/* ^^^^^^^^^^ Chính sách ^^^^^^^^^^ */

										/* vvvvvvvvvv Bo góc Popup vvvvvvvvvv */
 .modal-content {
     border-radius: 10px;
     border: 1px solid #ccc;
     overflow: hidden;
 }
										/* ^^^^^^^^^^ Bo góc Popup ^^^^^^^^^^ */


										/* vvvvvvvvvv Bo góc Magazine & Instagram vvvvvvvvvv */
.item.video-item,
.insta_item.pos-relative.embed-responsive.embed-responsive-1by1,
.d-flex.insta-icon-wrap,
.content_blog.clearfix.media-body,
.blogwp.clearfix.media.only-title img {
	overflow: hidden;
    border-radius: 10px;
    display: block; /* đảm bảo ảnh không bị lệch */
}
										/* ^^^^^^^^^^ Bo góc Magazine & Instagram ^^^^^^^^^^ */

										/* vvvvvvvvvv Bo góc Email vvvvvvvvvv */
.form_register,
.form-control.input-group-field {
	border-radius: 5px !important;
}
										/* ^^^^^^^^^^ Bo góc Email ^^^^^^^^^^ */

img {
    object-fit: cover !important; /* ảnh fill đầy container */
}











										/* vvvvvvvvvv TRANG SẢN PHẨM vvvvvvvvvv */
.soluong.soluong_type_1{
	margin: 0 0 10px 0;}

.btn.btn_base.buynow{
	height: 70px !important}
										/* ^^^^^^^^^^ TRANG SẢN PHẨM ^^^^^^^^^^ */
















:root {
	--theme-bg-color: #A37626; /*#A37626*/
	--theme-bg-color2: #544429;
	--text-color: #222;
    --hover-main-bg: #fff;
}
/*Background*/
.coupon_item.coupon--new-style::before,			/*Coupon*/
.ega-badge-ctd__colon,							/*Flash Sale Timer*/
.ega-badge-ctd__item.ega-badge-ctd__h,
.ega-badge-ctd__item.ega-badge-ctd__m,
.ega-badge-ctd__item.ega-badge-ctd__s,
.flashsale___percent,
.top-banner.position-relative					/*Flash Sale Đã bán*/
	{background: linear-gradient(135deg, var(--theme-bg-color), var(--theme-bg-color2)) !important;}

/*Text*/
.product-promotion__heading.rounded-sm.d-inline-flex.align-items-center,
.coupon-icon-info.text-center,
.fa.fa-info,
.price
	{color: var(--theme-bg-color) !important;}

/*Border*//*
.product-promotion.rounded-sm{
	/*border: var(--theme-bg-color);
}*/

/*Button*/
.btn:hover,
.btn.btn-main.btn-sm.coupon_copy.mb-0:hover		/*Coupon button*/
	{background: #fff !important;
	/*filter: brightness(1.2);*/
	box-shadow: 0 0 6px rgba(0,0,0,0.2) !important;
	color: #000 !important;
	border: 0 !important;}

.btn ,
.btn.btn-main.btn-sm.coupon_copy.mb-0			/*Coupon button*/
	{background: #333 !important;
	box-shadow: 0 0 0 rgba(0,0,0,0) !important;
	color: #fff !important;
	border: 0 !important;
	transition: 0.3s ease;}














/*collection.flashsale.bwt > products-grid-item.bwt > product_grid_office.bwt*/