.elementor-6959 .elementor-element.elementor-element-423b64a{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-423b64a:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-423b64a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mirbyhi.com/wp-content/uploads/2025/10/z7099857508181_350224b2a01c3e3bda8422f17c020c0c.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-56c4cc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6959 .elementor-element.elementor-element-6aa673c > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c{text-align:center;}.elementor-6959 .elementor-element.elementor-element-6aa673c .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:29px;font-weight:600;text-transform:uppercase;}.elementor-6959 .elementor-element.elementor-element-50fdbd3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-00b3e91 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-ef995e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-6959 .elementor-element.elementor-element-83acb6f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-83acb6f{text-align:center;}.elementor-6959 .elementor-element.elementor-element-83acb6f .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;text-decoration:underline;color:#838383;}.elementor-6959 .elementor-element.elementor-element-83acb6f .elementor-heading-title a:hover, .elementor-6959 .elementor-element.elementor-element-83acb6f .elementor-heading-title a:focus{color:#000000;}.elementor-6959 .elementor-element.elementor-element-189bcaf{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-189bcaf:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-189bcaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mirbyhi.com/wp-content/uploads/2025/10/z7099857504279_8c147f094c648f0b59d282c792fdb1f8.jpg");background-position:center center;background-size:cover;}.elementor-6959 .elementor-element.elementor-element-f6a166c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-df0b819 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6959 .elementor-element.elementor-element-df0b819{text-align:center;}.elementor-6959 .elementor-element.elementor-element-df0b819 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:29px;font-weight:600;text-transform:uppercase;}.elementor-6959 .elementor-element.elementor-element-f28c1b2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-df65ffc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-a6b1b40{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-90b8aa2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6959 .elementor-element.elementor-element-90b8aa2{text-align:center;}.elementor-6959 .elementor-element.elementor-element-90b8aa2 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;text-decoration:underline;color:#838383;}.elementor-6959 .elementor-element.elementor-element-90b8aa2 .elementor-heading-title a:hover, .elementor-6959 .elementor-element.elementor-element-90b8aa2 .elementor-heading-title a:focus{color:#000000;}@media(max-width:1024px){.elementor-6959 .elementor-element.elementor-element-423b64a{--min-height:100vh;}.elementor-6959 .elementor-element.elementor-element-6aa673c > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c .elementor-heading-title{font-size:23px;}.elementor-6959 .elementor-element.elementor-element-ef995e0{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-6959 .elementor-element.elementor-element-83acb6f .elementor-heading-title{font-size:15px;}.elementor-6959 .elementor-element.elementor-element-189bcaf{--min-height:90vh;}.elementor-6959 .elementor-element.elementor-element-df0b819 > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-6959 .elementor-element.elementor-element-df0b819 .elementor-heading-title{font-size:23px;}.elementor-6959 .elementor-element.elementor-element-90b8aa2 .elementor-heading-title{font-size:15px;}}@media(max-width:767px){.elementor-6959 .elementor-element.elementor-element-423b64a{--min-height:59vh;}.elementor-6959 .elementor-element.elementor-element-56c4cc2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-6959 .elementor-element.elementor-element-6aa673c .elementor-heading-title{font-size:16px;}.elementor-6959 .elementor-element.elementor-element-50fdbd3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-6959 .elementor-element.elementor-element-ef995e0{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-6959 .elementor-element.elementor-element-83acb6f .elementor-heading-title{font-size:13px;}.elementor-6959 .elementor-element.elementor-element-189bcaf:not(.elementor-motion-effects-element-type-background), .elementor-6959 .elementor-element.elementor-element-189bcaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mirbyhi.com/wp-content/uploads/2025/10/z7099857504279_8c147f094c648f0b59d282c792fdb1f8.jpg");}.elementor-6959 .elementor-element.elementor-element-189bcaf{--min-height:63vh;}.elementor-6959 .elementor-element.elementor-element-df0b819 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6959 .elementor-element.elementor-element-df0b819 .elementor-heading-title{font-size:16px;}.elementor-6959 .elementor-element.elementor-element-f28c1b2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-6959 .elementor-element.elementor-element-a6b1b40{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6959 .elementor-element.elementor-element-90b8aa2 .elementor-heading-title{font-size:13px;}}/* Start custom CSS for shortcode, class: .elementor-element-00b3e91 *//* ===== FIX ẢNH & TYPOGRAPHY CHUẨN CHO WS247 GALLERY ===== */

/* Tỉ lệ khung ảnh: 3/4 (lookbook style), đổi 1/1 nếu bạn muốn vuông */
:root { --ws247-ratio: 3/4; }

/* --- Khóa tỉ lệ ảnh (cả hover) --- */
.woocommerce ul.products li.product .ws247-piew-imgs-container {
  position: relative !important;
  display: block !important;
  aspect-ratio: var(--ws247-ratio) !important;
  overflow: hidden !important;
  line-height: 0 !important;
  margin: 0 0 12px !important;
  z-index: 0 !important;
}

@supports not (aspect-ratio: 1/1) {
  .woocommerce ul.products li.product .ws247-piew-imgs-container::before {
    content: "";
    display: block;
    padding-top: calc(100% / (var(--ws247-ratio))) !important;
  }
}

/* --- Ép tất cả ảnh chính & hover cùng tỉ lệ, crop center --- */
.woocommerce ul.products li.product .ws247-piew-imgs-container > picture,
.woocommerce ul.products li.product .ws247-piew-imgs-container > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  z-index: 1 !important;
}

.woocommerce ul.products li.product .ws247-piew-imgs-container > picture > img,
.woocommerce ul.products li.product .ws247-piew-imgs-container > img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Ẩn ảnh thừa nếu có (plugin render nhiều) */
.woocommerce ul.products li.product .ws247-piew-imgs-container > :is(picture,img):nth-of-type(n+3) {
  display: none !important;
}

/* --- Giữ hover hoạt động, không đè text --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 0.6rem !important;
  text-align: center;
  font-family: "archivo", archivo, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* --- Title: đậm 600 --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600 !important;
  color: #000 !important;
}

/* --- Giá: xám nhẹ --- */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price .amount {
  font-weight: 400 !important;
  color: #555 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-df65ffc *//* Đổi font chữ thành Archivo & in hoa tên sản phẩm */
ul.products li.product h2, 
ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Archivo', sans-serif !important;
    color: black !important;
    font-weight: normal !important; /* Font regular */
    font-size: 13px; /* Giảm kích thước chữ trên PC */
    text-align: center;
    text-transform: uppercase; /* Chuyển thành chữ in hoa */
}

/* Chỉnh size chữ nhỏ hơn trên tablet & mobile */
@media (max-width: 1023px) {
    ul.products li.product h2, 
    ul.products li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
    }
}

/* Căn giữa giá sản phẩm & tăng font size */
ul.products li.product .price {
    display: block;
    text-align: center;
    font-family: 'Archivo', sans-serif !important;
    font-size: 18px; /* Font chữ lớn hơn */
    font-weight: bold;
    color: black;
    margin-top: 5px; /* Tạo khoảng cách với tiêu đề */
}

/* Ẩn nút "Select options" */
.woocommerce ul.products li.product .button {
    display: none !important;
}

/* Chỉnh màu chữ thành màu đen */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    color: black !important;
}

/* Chỉnh padding giữa các sản phẩm mà không làm ảnh bị thu nhỏ */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px !important;
    padding: 0 !important; /* Xóa padding dư thừa */
}

/* Đảm bảo mỗi sản phẩm không bị thu nhỏ */
.woocommerce ul.products li.product {
    flex: 1 1 calc(25% - 5px); /* 4 sản phẩm trên mỗi hàng */
    max-width: calc(25% - 5px);
    margin: 0 !important;
}

/* 3 sản phẩm trên mỗi hàng ở tablet */
@media (max-width: 1024px) {
    .woocommerce ul.products li.product {
        flex: 1 1 calc(33.33% - 5px); /* 3 sản phẩm mỗi hàng */
        max-width: calc(33.33% - 5px);
    }
}

/* 2 sản phẩm trên mỗi hàng ở mobile */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        flex: 1 1 calc(50% - 5px); /* 2 sản phẩm mỗi hàng */
        max-width: calc(50% - 5px);
    }
}

/* ===== UNIVERSAL CONTAINER FIX — dùng ở mọi page/shortcode ===== */

/* 1) Buộc mọi wrapper chứa WooCommerce tự ôm chiều cao (không cần id/class riêng) */
:where(section, div, article, main, .elementor-section, .elementor-container, .elementor-column,
       .elementor-widget, .elementor-widget-container, .wp-block-group, .wp-block, .entry-content,
       .site-main, .content-area):has(.woocommerce ul.products) {
  display: flow-root !important;   /* tạo BFC → tự clear float, không xẹp container */
  position: relative !important;
  overflow: visible !important;    /* đừng cắt nội dung bên trong */
  isolation: isolate !important;   /* tạo layer riêng để không đè footer/header */
  z-index: 1 !important;
}

/* 2) Bản thân khối WooCommerce cũng an toàn */
.woocommerce {
  display: flow-root !important;
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
  z-index: 1 !important;
}

/* 3) Danh sách & phân trang không “đẩy”/đè phần sau */
.woocommerce ul.products {
  float: none !important;     /* phòng trường hợp theme còn float */
  margin-bottom: 24px !important;
}
.woocommerce-pagination {
  position: relative !important;
  margin-top: 24px !important;
  z-index: 2 !important;
}

/* 4) Vùng sau Woo (footer…) luôn nằm tách lớp, không bị đè */
footer, .site-footer, .elementor-location-footer {
  clear: both !important;
  position: relative !important;
  z-index: 0 !important;
  overflow: visible !important;
}/* End custom CSS */