.elementor-156 .elementor-element.elementor-element-c1e69a7{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:150px;--padding-left:24px;--padding-right:0px;}.elementor-156 .elementor-element.elementor-element-e1badb6{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-156 .elementor-element.elementor-element-1dd0fb0 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:500;fill:#000000;color:#000000;}.elementor-156 .elementor-element.elementor-element-1dd0fb0{z-index:0;}.elementor-156 .elementor-element.elementor-element-1dd0fb0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-156 .elementor-element.elementor-element-f4270dc{background-color:#000000;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-156 .elementor-element.elementor-element-f4270dc.elementor-element{--align-self:flex-end;}.elementor-156 .elementor-element.elementor-element-f4270dc .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-156 .elementor-element.elementor-element-36e82a9{--display:flex;}.elementor-156 .elementor-element.elementor-element-1a0f4eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#352F2F;--border-color:#352F2F;--border-radius:0px 0px 0px 0px;}.elementor-widget-heading .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-156 .elementor-element.elementor-element-ed8d5d2{padding:050px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-ed8d5d2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#000000;}.elementor-156 .elementor-element.elementor-element-2d02620{padding:050px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-2d02620 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#000000;}.elementor-156 .elementor-element.elementor-element-76d15c9 .elementor-button{background-color:#FFFFFF;fill:#000000;color:#000000;}.elementor-156 .elementor-element.elementor-element-76d15c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 0px 50px;}.elementor-156 .elementor-element.elementor-element-d7f796d{border-style:solid;border-width:0px 0px 0px 0px;border-color:#2D2828;border-radius:0px 0px 0px 0px;}.elementor-156 .elementor-element.elementor-element-100c18a{--display:flex;}/* Start custom CSS for button, class: .elementor-element-1dd0fb0 */.store-filter-trigger .elementor-button,
.store-filter-trigger.elementor-button,
.store-filter-trigger a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  padding: 16px 28px !important;
  min-width: 170px;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  text-transform: none !important;
  box-shadow: none !important;
}

.store-filter-trigger .elementor-button:hover,
.store-filter-trigger.elementor-button:hover,
.store-filter-trigger a:hover {
  background: #111 !important;
  color: #fff !important;
}

.filter-toggle-btn {
    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-f4270dc */.elementor-menu-cart__main {
    background-color: black !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1badb6 *//* ép nút Filter & Sort luôn bấm được */
.filter-toggle-btn,
.filter-toggle-btn *,
.filter-toggle-btn .elementor-button,
.filter-toggle-btn .elementor-button-wrapper {
  pointer-events: auto !important;
  position: relative;
  z-index: 1 !important;
}

/* panel filter khi đang đóng thì không được chặn click */
.store-filter-panel {
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  position: relative;
  z-index: 1 !important;
}

/* khi mở mới cho phép tương tác */
.store-filter-panel.is-open {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 9998 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a0f4eb *//* ===== HEADER (Filter & Sort | Clean All | X) ===== */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .filter-header {
  display: flex;
  align-items: center;
}

.elementor-156 .elementor-element.elementor-element-1a0f4eb .filter-clean-all {
  margin-left: auto !important;
  margin-right: 10px;
}

.elementor-156 .elementor-element.elementor-element-1a0f4eb .filter-close-btn {
  margin-left: 6px;
}


/* ===== WOOF BASE ===== */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container {
  border-bottom: 1px solid #eee !important;
  padding: 16px 0 !important;
}

/* ===== TITLE ===== */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container h4,
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container_title {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;

  cursor: pointer;
  position: relative;
  padding: 12px 0;
  border-bottom: none !important; /* bỏ border */
}

/* icon + / - */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container h4::after,
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container_title::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* khi mở */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container.active h4::after,
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container.active .woof_container_title::after {
  content: '−';
}


/* ===== CONTENT SLIDE ===== */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container .woof_block_html_items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_container.active .woof_block_html_items {
  max-height: 600px;
}


/* ===== LIST ===== */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof_list_checkbox li {
  margin-bottom: 10px !important;
}


/* ===== RADIO STYLE ===== */
.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #111 !important;
  border-radius: 50% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  margin-right: 8px !important;
  background: transparent !important;
}

.elementor-156 .elementor-element.elementor-element-1a0f4eb .woof input[type="radio"]:checked {
  background: #111 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7f796d *//* ===== HIDE DEFAULT ===== */
.woof_reset_search_form,
.woof_reset_button,
button[name="woof_reset_search_form"],
.woof_top_panel,
.woof_products_top_panel,
.woof_remove_ppi,
.woof_current_values,
.woof_radio_term_reset,
.woof_reset_radio {
  display: none !important;
}

/* ===== BASE ===== */
.elementor-156 .elementor-element.elementor-element-d7f796d .woof {
  background: #fff !important;
  color: #111 !important;
  padding: 20px !important;
}

.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container,
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_redraw_zone {
  background: #fff !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

/* ===== TITLE ===== */
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container_title,
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container h4 {
  cursor: pointer;
  position: relative;
  padding: 12px 0;
  margin-bottom: 10px;
  border-bottom: none !important; /* ❌ bỏ border */
  color: #111 !important;
}

/* icon + / - */
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container_title::after,
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container h4::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}

/* khi mở */
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container.active .woof_container_title::after,
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container.active h4::after {
  content: '−';
}

/* ===== CONTENT (SLIDE) ===== */
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container .woof_block_html_items {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

/* mở */
.elementor-156 .elementor-element.elementor-element-d7f796d .woof_container.active .woof_block_html_items {
  max-height: 600px;
}

/* ===== FORM ===== */
.elementor-156 .elementor-element.elementor-element-d7f796d label {
  color: #111 !important;
}

.elementor-156 .elementor-element.elementor-element-d7f796d input[type="checkbox"],
.elementor-156 .elementor-element.elementor-element-d7f796d input[type="radio"] {
  border: 1px solid #111 !important;
  background: #fff !important;
}

.elementor-156 .elementor-element.elementor-element-d7f796d input[type="checkbox"]:checked,
.elementor-156 .elementor-element.elementor-element-d7f796d input[type="radio"]:checked {
  background: #111 !important;
}

.elementor-156 .elementor-element.elementor-element-d7f796d .woof_list_checkbox li {
  margin-bottom: 10px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36e82a9 */.store-filter-panel {
  position: fixed !important;
  top: 0;
  right: 0;
  width: 420px;
  height: 100vh;

  background: #f3f3f3;
  z-index: 99999;

  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* mở panel */
.store-filter-panel.is-open {
  transform: translateX(0);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d188140 *//* ===== STORE PRODUCT WRAPPER ===== */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
  content: none !important;
}

.woocommerce ul.products li.product {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
  list-style: none;
  background: transparent;
  border: 0;
  padding: 0;
}

/* ===== IMAGE ===== */
.woocommerce ul.products li.product a img {
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block;
  margin: 0 0 12px 0 !important;
  background: #111 !important;
  border-radius: 8px !important;
  transition: transform 0.35s ease, opacity 0.35s ease !important;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.02);
  opacity: 0.94;
}

/* ===== PRODUCT TEXT ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.35;
  font-weight: 600;
  padding: 0 !important;
  margin: 0 0 6px !important;
}

.woocommerce ul.products li.product .price {
  color: rgba(255,255,255,0.72) !important;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 12px !important;
}

/* ===== BUTTON ===== */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}

/* ===== HIDE EXTRA ===== */
.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce span.onsale,
.woocommerce ul.products li.product .star-rating {
  display: none !important;
}

/* ===== MOBILE ===== */
@media (max-width: 991px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media (max-width: 767px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1e69a7 */.store-page-shell {
  position: relative;
}

.store-filter-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 420px;
  max-width: 100vw;
  height: 100vh;
  background: #fff;
  padding: 28px 24px 24px;
  box-sizing: border-box;
  overflow-y: auto;
  box-shadow: -12px 0 32px rgba(0,0,0,0.18);
  transform: translateX(100%);
  transition: transform 0.28s ease;
  z-index: 9999;
}

.store-page-shell.filter-open .store-filter-panel {
  transform: translateX(0);
}

.store-filter-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
  z-index: 9998;
}

.store-page-shell.filter-open .store-filter-backdrop {
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */