.elementor-10986 .elementor-element.elementor-element-e4096fd{--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:10px;--padding-right:10px;}@media(max-width:767px){.elementor-10986 .elementor-element.elementor-element-e4096fd{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for shortcode, class: .elementor-element-c12c8b6 *//* ========= 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 */
  --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:"Cardo",serif;

  font-family:var(--qaft-font);
  display:grid;
  grid-template-columns:1fr 1fr;     
  grid-template-rows:auto auto;      
  grid-template-areas:
    "center center"
    "left   right";
  min-height:var(--qaft-height);
  margin-top:0; padding-top:5px;     
  border-bottom:none !important;     
}
.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); font-family:"Cardo",serif; }
.qa-fanci-toolbar .qaft-count{ font-size:var(--qaft-count-size); color:var(--qaft-muted); font-family:"Cardo",serif; }
.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; font-family:"Cardo",serif; }
.qaft-sort-panel{ min-width:220px; }

/* ========= 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 */
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 = CARDO ========= */
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:"Cardo",serif !important;
  font-size:13px !important;
  font-weight:600 !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:"Cardo",serif !important;
  font-size:12px !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” */
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 */