.elementor-688 .elementor-element.elementor-element-7b091cd{--display:flex;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-688 .elementor-element.elementor-element-308f908{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-688 .elementor-element.elementor-element-308f908 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:40px;-webkit-text-stroke-color:#000;stroke:#000;color:#780000;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products{grid-column-gap:30px;grid-row-gap:30px;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#003049;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#003049;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .price{color:#003049;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .price ins{color:#003049;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product .price ins .amount{color:#003049;}.elementor-688 .elementor-element.elementor-element-9100c96 nav.woocommerce-pagination{margin-top:0px;}.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-688 .elementor-element.elementor-element-9100c96.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wp-widget-woocommerce_price_filter, class: .elementor-element-2531aa6 *//* 1. TRẠNG THÁI BÌNH THƯỜNG & SAU KHI CHỌN XONG: Luôn bo đều đẹp cả 4 góc */
.woocommerce-ordering select {
background-color: #fff9f1 !important; /* Nền kem sữa */
color: #003049 !important; /* Chữ xanh navy */
border: 2px solid #780000 !important; /* Viền đỏ đô */
padding: 8px 30px 8px 15px !important;
border-radius: 10px !important; /* Ép bo đều 4 góc */
font-size: 14px !important;
font-weight: 500 !important;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,") !important; /* Mũi tên chuẩn màu xanh navy */
background-repeat: no-repeat !important;
background-position: right 15px center !important;
transition: background-color 0.2s, border-radius 0.1s ease-in-out;
}
/* 2. CHỈ KHI ĐANG ACTIVE/HOVER (MỞ BẢNG CHỌN): Mới biến đổi góc phục vụ bảng xổ */
.woocommerce-ordering select:active {
border-radius: 10px 10px 0px 0px !important;
background-color: #fff9f1 !important;
}
/* TRẢ LẠI GÓC BO NGAY KHI KHÁCH ĐÃ CLIK CHỌN XONG HOẶC CLICK RA NGOÀI */
.woocommerce-ordering select:focus:not(:active) {
border-radius: 10px !important; /* Ép trả về 4 góc bo 10px lập tức */
background-color: #fff9f1 !important;
box-shadow: none !important;
}
/* 3. ĐỔI MÀU NỀN TRONG KHUNG XỔ XUỐNG THÀNH MÀU KEM SỮA */
.woocommerce-ordering select option {
background-color: #fff9f1 !important;
color: #003049 !important;
padding: 10px !important;
}
/* CARD */
.products .product,
.elementor-loop-item {
position: relative !important;
overflow: hidden !important;
border-radius: 30px !important;
background: #fff;
}
/* KHU VỰC THÔNG TIN */
.products .product .woocommerce-loop-product__title,
.products .product .price,
.elementor-loop-item .woocommerce-loop-product__title,
.elementor-loop-item .price {
position: relative;
z-index: 2;
}
/* GIÁ */
.products .product .price,
.elementor-loop-item .price {
transition: all .35s ease;
}
/* NÚT SELECT OPTION */
.products .product .button,
.products .product .add_to_cart_button,
.elementor-loop-item .button {
position: absolute !important;
left: 15px !important;
right: 15px !important;
bottom: 15px !important;
background: #022a56 !important;
color: #fff !important;
border-radius: 50px !important;
text-align: center;
padding: 14px 20px !important;
z-index: 10;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all .35s ease;
}
/* HOVER */
.products .product:hover .button,
.products .product:hover .add_to_cart_button,
.elementor-loop-item:hover .button {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* GIÁ MỜ ĐI KHI HOVER */
.products .product:hover .price,
.elementor-loop-item:hover .price {
opacity: 0;
transform: translateY(15px);
}
/* KHUNG CARD */
.products .product,
.elementor-loop-item {
position: relative !important;
overflow: hidden !important;
border: 3px solid #003049 !important;
border-radius: 30px !important;
background: #fff9f1 !important;
transition: all .3s ease;
}
/* ẢNH */
.products .product img,
.elementor-loop-item img {
width: 100%;
display: block;
border-radius: 27px 27px 0 0 !important;
}
/* TÊN SẢN PHẨM */
.products .woocommerce-loop-product__title,
.elementor-loop-item .woocommerce-loop-product__title {
color: #003049 !important;
font-weight: 700;
text-align: center;
}
/* GIÁ */
.products .price,
.elementor-loop-item .price {
color: #780000 !important;
text-align: center;
transition: all .35s ease;
}
/* NÚT SELECT OPTION */
.products .product .button,
.products .product .add_to_cart_button,
.elementor-loop-item .button {
position: absolute !important;
left: 16px !important;
right: 16px !important;
bottom: 16px !important;
background: #003049 !important;
color: #fff9f1 !important;
border: 1px solid #003049 !important;
border-radius: 999px !important;
text-align: center;
z-index: 20;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all .35s ease;
}
/* HIỆN NÚT KHI HOVER */
.products .product:hover .button,
.products .product:hover .add_to_cart_button,
.elementor-loop-item:hover .button {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* ẨN GIÁ KHI HOVER */
.products .product:hover .price,
.elementor-loop-item:hover .price {
opacity: 0;
transform: translateY(10px);
}
/* ĐỔI MÀU NÚT KHI RÊ CHUỘT VÀO NÚT */
.products .product .button:hover,
.products .product .add_to_cart_button:hover,
.elementor-loop-item .button:hover {
background: #780000 !important;
color: #f7f8ef !important;
border-color: #780000 !important;
}
/* HIỆU ỨNG NỔI CARD */
.products .product:hover,
.elementor-loop-item:hover {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(0, 48, 73, 0.15);
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-9100c96 *//* 1. TRẠNG THÁI BÌNH THƯỜNG & SAU KHI CHỌN XONG: Luôn bo đều đẹp cả 4 góc */
.woocommerce-ordering select {
background-color: #fff9f1 !important; /* Nền kem sữa */
color: #003049 !important; /* Chữ xanh navy */
border: 2px solid #780000 !important; /* Viền đỏ đô */
padding: 8px 30px 8px 15px !important;
border-radius: 10px !important; /* Ép bo đều 4 góc */
font-size: 14px !important;
font-weight: 500 !important;
cursor: pointer;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,") !important; /* Mũi tên chuẩn màu xanh navy */
background-repeat: no-repeat !important;
background-position: right 15px center !important;
transition: background-color 0.2s, border-radius 0.1s ease-in-out;
}
/* 2. CHỈ KHI ĐANG ACTIVE/HOVER (MỞ BẢNG CHỌN): Mới biến đổi góc phục vụ bảng xổ */
.woocommerce-ordering select:active {
border-radius: 10px 10px 0px 0px !important;
background-color: #fff9f1 !important;
}
/* TRẢ LẠI GÓC BO NGAY KHI KHÁCH ĐÃ CLIK CHỌN XONG HOẶC CLICK RA NGOÀI */
.woocommerce-ordering select:focus:not(:active) {
border-radius: 10px !important; /* Ép trả về 4 góc bo 10px lập tức */
background-color: #fff9f1 !important;
box-shadow: none !important;
}
/* 3. ĐỔI MÀU NỀN TRONG KHUNG XỔ XUỐNG THÀNH MÀU KEM SỮA */
.woocommerce-ordering select option {
background-color: #fff9f1 !important;
color: #003049 !important;
padding: 10px !important;
}
/* CARD */
.products .product,
.elementor-loop-item {
position: relative !important;
overflow: hidden !important;
border-radius: 30px !important;
background: #fff;
}
/* KHU VỰC THÔNG TIN */
.products .product .woocommerce-loop-product__title,
.products .product .price,
.elementor-loop-item .woocommerce-loop-product__title,
.elementor-loop-item .price {
position: relative;
z-index: 2;
}
/* GIÁ */
.products .product .price,
.elementor-loop-item .price {
transition: all .35s ease;
}
/* NÚT SELECT OPTION */
.products .product .button,
.products .product .add_to_cart_button,
.elementor-loop-item .button {
position: absolute !important;
left: 15px !important;
right: 15px !important;
bottom: 15px !important;
background: #022a56 !important;
color: #fff !important;
border-radius: 50px !important;
text-align: center;
padding: 14px 20px !important;
z-index: 10;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all .35s ease;
}
/* HOVER */
.products .product:hover .button,
.products .product:hover .add_to_cart_button,
.elementor-loop-item:hover .button {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* GIÁ MỜ ĐI KHI HOVER */
.products .product:hover .price,
.elementor-loop-item:hover .price {
opacity: 0;
transform: translateY(15px);
}
/* KHUNG CARD */
.products .product,
.elementor-loop-item {
position: relative !important;
overflow: hidden !important;
border: 3px solid #003049 !important;
border-radius: 30px !important;
background: #fff9f1 !important;
transition: all .3s ease;
}
/* ẢNH */
.products .product img,
.elementor-loop-item img {
width: 100%;
display: block;
border-radius: 27px 27px 0 0 !important;
}
/* TÊN SẢN PHẨM */
.products .woocommerce-loop-product__title,
.elementor-loop-item .woocommerce-loop-product__title {
color: #003049 !important;
font-weight: 700;
text-align: center;
}
/* GIÁ */
.products .price,
.elementor-loop-item .price {
color: #780000 !important;
text-align: center;
transition: all .35s ease;
}
/* NÚT SELECT OPTION */
.products .product .button,
.products .product .add_to_cart_button,
.elementor-loop-item .button {
position: absolute !important;
left: 16px !important;
right: 16px !important;
bottom: 16px !important;
background: #003049 !important;
color: #fff9f1 !important;
border: 1px solid #003049 !important;
border-radius: 999px !important;
text-align: center;
z-index: 20;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all .35s ease;
}
/* HIỆN NÚT KHI HOVER */
.products .product:hover .button,
.products .product:hover .add_to_cart_button,
.elementor-loop-item:hover .button {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* ẨN GIÁ KHI HOVER */
.products .product:hover .price,
.elementor-loop-item:hover .price {
opacity: 0;
transform: translateY(10px);
}
/* ĐỔI MÀU NÚT KHI RÊ CHUỘT VÀO NÚT */
.products .product .button:hover,
.products .product .add_to_cart_button:hover,
.elementor-loop-item .button:hover {
background: #780000 !important;
color: #f7f8ef !important;
border-color: #780000 !important;
}
/* HIỆU ỨNG NỔI CARD */
.products .product:hover,
.elementor-loop-item:hover {
transform: translateY(-6px);
box-shadow: 0 12px 30px rgba(0, 48, 73, 0.15);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Bricolage Grotesque';
font-display: auto;
src: url('http://cuoikyroi.smartquote.us/wp-content/uploads/2026/05/BricolageGrotesque-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */