.elementor-15900 .elementor-element.elementor-element-cab7e1b{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15900 .elementor-element.elementor-element-7ee6360{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-7ee6360 *//* ========= FANCI TOOLBAR (title trên / sort-filter dưới) ========= */
.qa-fanci-toolbar{
  --qaft-height:46px;
  --qaft-side-size:12px;           /* Sort / Filter */
  --qaft-title-size:24px;          /* Kích thước hiển thị của title (vẫn 24px theo layout cũ) */
  --qaft-count-size:11px;
  --qaft-weight:400;
  --qaft-color:#0a0a0a;
  --qaft-muted:rgba(10,10,10,.45);
  --qaft-line:rgba(10,10,10,0.08);
  --qaft-font:"suisse-intl","Suisse Intl","Suisse",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  font-family:var(--qaft-font);
  display:grid;
  grid-template-columns:1fr 1fr;     /* dưới: trái Sort / phải Filter */
  grid-template-rows:auto auto;      /* trên: title+count */
  grid-template-areas:
    "center center"
    "left   right";
  min-height:var(--qaft-height);
  margin-top:0; padding-top:5px;     /* thu gọn khoảng trên */
  border-bottom:none !important;     /* bỏ line dưới */
}
.qa-fanci-toolbar .qaft-left{  grid-area:left;  display:flex; align-items:center; justify-content:flex-start; }
.qa-fanci-toolbar .qaft-right{ grid-area:right; display:flex; align-items:center; justify-content:flex-end; }
.qa-fanci-toolbar .qaft-center{grid-area:center; display:flex; flex-direction:column; align-items:center; gap:6px; padding-bottom:40px; text-align:center;}
.qa-fanci-toolbar .qaft-title{ font-size:var(--qaft-title-size); font-weight:var(--qaft-weight); line-height:1.2; color:var(--qaft-color); }
.qa-fanci-toolbar .qaft-count{ font-size:var(--qaft-count-size); color:var(--qaft-muted); }
.qa-fanci-toolbar .qaft-btn{ background:transparent; border:0; padding:0; margin:0; font:inherit; font-size:var(--qaft-side-size); color:var(--qaft-muted); cursor:pointer; line-height:1; }
.qaft-sort-panel{ min-width:220px; } /* nếu dùng bản có panel */

/* ========= PRODUCT GRID 4–3–2 & ẢNH COVER ========= */
:is(.woocommerce,.woocommerce-page) ul.products.columns-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:1px; row-gap:24px;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
:is(.woocommerce,.woocommerce-page) ul.products::before,
:is(.woocommerce,.woocommerce-page) ul.products::after{ content:none !important; display:none !important; }
ul.products.columns-4 > li.product{
  float:none !important; clear:none !important; margin:0 !important; padding:0 !important; width:auto !important;
}

/* Ảnh chính & hover fill khung, không hở viền */
ul.products .ws247-piew-imgs-container{
  position:relative; aspect-ratio:3/4; width:100%; overflow:hidden; background:#fff;
}
ul.products .ws247-piew-imgs-container img{ width:100% !important; height:100% !important; object-fit:cover; display:block; }
ul.products .ws247-piew-imgs-container .ws-hover-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* ========= TYPOGRAPHY: TITLE & PRICE = SUISSE 12px ========= */
ul.products li.product h2.woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title a{
  font-family:"suisse-intl","Suisse Intl","Suisse",sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  color:#000 !important;
  line-height:1.3 !important;
  text-transform:none !important;
  text-align:center !important;
  margin:12px 0 6px !important;
}

ul.products li.product .price,
ul.products li.product .price *{
  font-family:"suisse-intl","Suisse Intl","Suisse",sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  color:#777 !important;
  text-align:center !important;
}
ul.products li.product .price{ display:block; margin-top:5px; }

/* Ẩn nút “Select options” trong loop */
ul.products li.product a.button{ display:none !important; }

/* ========= BREAKPOINTS ========= */
@media (max-width:1199.98px){
  :is(.woocommerce,.woocommerce-page) ul.products.columns-4{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767.98px){
  :is(.woocommerce,.woocommerce-page) ul.products.columns-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}/* End custom CSS */