.elementor-58 .elementor-element.elementor-element-76afa3c{--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-widget-image .widget-image-caption{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-58 .elementor-element.elementor-element-f87198f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-f87198f img{width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-58 .elementor-element.elementor-element-3ae92c9{--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-58 .elementor-element.elementor-element-3ae92c9.e-con{--align-self:center;}.elementor-58 .elementor-element.elementor-element-6c7a811{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-58 .elementor-element.elementor-element-d7ddcb6{--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-58 .elementor-element.elementor-element-91f9f89{padding:0px 0px 0px 0px;}.elementor-58 .elementor-element.elementor-element-cdfe0ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-58 .elementor-element.elementor-element-d7ddcb6{--width:30%;}.elementor-58 .elementor-element.elementor-element-cdfe0ab{--width:75%;}}@media(max-width:1024px){.elementor-58 .elementor-element.elementor-element-f87198f img{height:150px;}}/* Start custom CSS for container, class: .elementor-element-3ae92c9 *//* ============================================================
   WOOF (HUSKY) — COMPLETE RESTYLE
   Includes: Equal Height Cards, Blue Buttons, Arrow Toggles,
             Aligned Prices, Hidden Sort/Result Count
   ============================================================ */

/* --- 1. Product Grid: Force Equal Height ------------------ */
.woof_results_by_ajax_shortcode ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

.woof_results_by_ajax_shortcode ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  padding: 14px !important;
  background: #fff !important;
  transition: box-shadow 0.2s ease !important;
  position: relative !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
}

.woof_results_by_ajax_shortcode ul.products li.product:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07) !important;
}

/* --- 2. Product Link Wrapper (contains image+title+price) - */
/* Make the <a> link wrapper a flex column that grows to fill
   available space, so price can be pushed to the bottom */
.woof_results_by_ajax_shortcode ul.products li.product a.woocommerce-loop-product__link {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  text-decoration: none !important;
}

/* --- 3. Product Image ------------------------------------- */
.woof_results_by_ajax_shortcode ul.products li.product img {
  border-radius: 4px !important;
  object-fit: contain !important;
  height: 180px !important;
  width: 100% !important;
  margin-bottom: 10px !important;
}

/* --- 4. Product Title ------------------------------------- */
.woof_results_by_ajax_shortcode ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1a1a1a !important;
  line-height: 1.35 !important;
  margin-bottom: 6px !important;
  min-height: 2.7em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* --- 5. Price --------------------------------------------- */
/* margin-top: auto pushes price to the bottom of the link
   wrapper, aligning prices across cards in the same row */
.woof_results_by_ajax_shortcode ul.products li.product .price {
  font-size: 0.875rem !important;
  color: #333 !important;
  font-weight: 400 !important;
  display: block !important;
  margin-top: auto !important;
  margin-bottom: 12px !important;
}

.woof_results_by_ajax_shortcode ul.products li.product .price del {
  color: #bbb !important;
  margin-right: 4px !important;
}

.woof_results_by_ajax_shortcode ul.products li.product .price ins {
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #111 !important;
}

/* --- 6. Badges -------------------------------------------- */
.woof_results_by_ajax_shortcode ul.products li.product.outofstock::after {
  content: "Out of Stock" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  background: #c0392b !important;
  color: #fff !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  z-index: 2 !important;
}

.woof_results_by_ajax_shortcode ul.products li.product .onsale {
  background: #6b7a1f !important;
  border-radius: 50% !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  min-width: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 !important;
  text-align: center !important;
}

/* --- 7. Add to Cart Buttons (Blue Style) ----------------- */
.woof_results_by_ajax_shortcode ul.products li.product a.button,
.woof_results_by_ajax_shortcode ul.products li.product button.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 8px 14px !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #12ccfe !important;
  background: #fff !important;
  border: 1.5px solid #12ccfe !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: all 0.15s ease !important;
}

.woof_results_by_ajax_shortcode ul.products li.product a.button:hover,
.woof_results_by_ajax_shortcode ul.products li.product button.button:hover {
  background: #12ccfe !important;
  border-color: #12ccfe !important;
  color: #fff !important;
}

/* Cart icon — add_to_cart buttons only */
.woof_results_by_ajax_shortcode ul.products li.product a.add_to_cart_button::before,
.woof_results_by_ajax_shortcode ul.products li.product button.add_to_cart_button::before {
  content: "" !important;
  display: inline-block !important;
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312ccfe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Cart icon turns white on hover */
.woof_results_by_ajax_shortcode ul.products li.product a.add_to_cart_button:hover::before,
.woof_results_by_ajax_shortcode ul.products li.product button.add_to_cart_button:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
}

/* --- 8. Sidebar Section Toggle: Arrow Icons --------------- */

/* Hide the default +/- text */
.woof_container_inner .woof_front_toggle,
.woof_container .woof_front_toggle,
.woof_section_toggle_btn {
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer !important;
  position: relative !important;
}

/* Arrow-right (Collapsed) */
.woof_container_inner .woof_front_toggle::after,
.woof_container .woof_front_toggle::after,
.woof_section_toggle_btn::after {
  content: "" !important;
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  transition: transform 0.2s ease !important;
}

/* Arrow-down (Expanded) */
.woof_container_inner .woof_front_toggle_opened::after,
.woof_container .woof_front_toggle_opened::after,
.woof_section_toggle_btn.opened::after {
  transform: rotate(90deg) !important;
}

/* --- 9. Subcategory Child Toggles: Arrow Icons ------------ */

/* The <a> wrapper */
a.woof_childs_list_opener {
  text-decoration: none !important;
}

/* The <span> inside — hides +/- text, shows arrow */
a.woof_childs_list_opener span {
  font-size: 0 !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  transition: transform 0.2s ease !important;
}

/* Rotates to arrow-down when expanded */
a.woof_childs_list_opener span.woof_is_opened {
  transform: rotate(90deg) !important;
}

/* --- 10. Hide Result Count & Sorting --------------------- */
.woof_results_by_ajax_shortcode .woocommerce-result-count {
  display: none !important;
}

.woof_results_by_ajax_shortcode .woocommerce-ordering {
  display: none !important;
}

/* --- 11. Responsive -------------------------------------- */
@media (max-width: 768px) {
  .woof_results_by_ajax_shortcode ul.products li.product {
    padding: 10px !important;
  }
}/* End custom CSS */