.elementor-57 .elementor-element.elementor-element-4bb3be6{--display:flex;--min-height:600px;--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;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 0px 0px 20px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:20px;border-color:#C69214;--border-color:#C69214;--border-radius:0px 0px 0px 0px;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-57 .elementor-element.elementor-element-4bb3be6:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-4bb3be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://eshop.keeyongauto.com.sg/wp-content/uploads/2024/12/other-services-banner-ky.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-theme-page-title .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-57 .elementor-element.elementor-element-e01bf81 .elementor-heading-title{color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-73651be{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-57 .elementor-element.elementor-element-8c14a61{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57 .elementor-element.elementor-element-6382625{--display:flex;}.elementor-57 .elementor-element.elementor-element-272b63d{width:100%;max-width:100%;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-57 .elementor-element.elementor-element-42825ec{--grid-columns:3;width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-57 .elementor-element.elementor-element-da16d69{--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;}@media(max-width:1024px){.elementor-57 .elementor-element.elementor-element-42825ec{--grid-columns:2;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-4bb3be6{--min-height:350px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-57 .elementor-element.elementor-element-4bb3be6:not(.elementor-motion-effects-element-type-background), .elementor-57 .elementor-element.elementor-element-4bb3be6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:80% 0px;}.elementor-57 .elementor-element.elementor-element-42825ec{--grid-columns:1;width:100%;max-width:100%;}}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-6382625{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-6382625 *//* ===============================
   Shared widget frame + title
   =============================== */
.woocommerce.widget_product_categories,
.woocommerce.widget_layered_nav {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 6px;
  padding: 18px 10px 10px;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}

.woocommerce.widget_product_categories > h5,
.woocommerce.widget_layered_nav > h5 {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  color: #222;
}

/* ===============================
   Product Categories widget
   =============================== */
.woocommerce.widget_product_categories .product-categories,
.woocommerce.widget_product_categories .product-categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Each row is flex: link on left, count on right */
.woocommerce.widget_product_categories .product-categories > li,
.woocommerce.widget_product_categories .product-categories .children > li {
  border-top: 1px solid rgba(0,0,0,.06);
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* let children drop below */
  position: relative;
}
.woocommerce.widget_product_categories .product-categories > li:first-child {
  border-top: 0;
}

/* Links */
.woocommerce.widget_product_categories .product-categories > li > a,
.woocommerce.widget_product_categories .product-categories .children > li > a {
  flex: 1 1 auto;
  display: block;
  padding: 10px 5px 10px 30px !important;
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: color .15s ease, padding-left .15s ease, background-color .15s ease !important;
}
.woocommerce.widget_product_categories .product-categories > li > a:hover,
.woocommerce.widget_product_categories .product-categories .children > li > a:hover {
  color: #C69213 !important;
  padding-left: 35px !important;
  background: rgba(0,0,0,.02) !important;
}

/* Current category states */
.woocommerce.widget_product_categories .current-cat > a,
.woocommerce.widget_product_categories .current-cat-parent > a,
.woocommerce.widget_product_categories .current-cat-ancestor > a {
  font-weight: 600;
  color: #000;
}

/* Children list: always open */
.woocommerce.widget_product_categories .product-categories .children {
  flex: 1 0 100%;
  width: 100%;
  padding-left: 5px !important;   /* indent */
  margin: 4px 0 6px !important;
  border-left: 1px dashed rgba(0,0,0,.08) !important;
  display: block !important;       /* force visible */
}
.woocommerce.widget_product_categories .product-categories .children > li > a {
  font-size: 14px !important;
  color: #444 !important;
}

/* Counts aligned right */
.woocommerce.widget_product_categories .product-categories .count {
  margin-left: auto;
  padding-left: 8px;
  font-size: 13px;
  line-height: 1;
  color: rgba(0,0,0,.5);
  white-space: nowrap;
  pointer-events: none;
}

/* Decorative caret (bigger) for parents */
.woocommerce.widget_product_categories .has-caret > a {
  padding-left: 32px !important;
}
.woocommerce.widget_product_categories .has-caret > a::before {
  content: "▾"; /* down arrow to indicate open */
  position: absolute;
  left: 10px!important;
  top: 50%;
  transform: translateY(-50%)!important;
  font-size: 16px; /* increased size */
  line-height: 1;
  color: rgba(0,0,0,.55);
}

/* Remove any legacy toggle/caret styles */
.woocommerce.widget_product_categories .cat-parent > a::before { /* override old theme caret */
  /* intentionally left blank so the .has-caret rule above wins */
}
.woocommerce.widget_product_categories .cat-toggle { display: none !important; }

/* ===============================
   Brands (Layered Nav)
   =============================== */
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list > li {
  border-top: 1px solid rgba(0,0,0,.06);
  display: flex;
  align-items: center;
  position: relative;
}
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list > li:first-child {
  border-top: 0;
}

.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list a {
  flex: 1 1 auto;
  display: block;
  padding: 10px 6px;
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: color .15s ease, padding-left .15s ease, background-color .15s ease;
}
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list a:hover {
  color: #C69213;
  padding-left: 18px;
  background: rgba(0,0,0,.02);
}

/* Counts aligned right */
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list .count {
  margin-left: auto;
  padding-left: 8px;
  font-size: 13px;
  line-height: 1;
  color: rgba(0,0,0,.5);
  white-space: nowrap;
  pointer-events: none;
}

/* Active filter term */
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list__item.chosen > a,
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list__item.wc-layered-nav-term--chosen > a {
  font-weight: 600;
  color: #000;
}

/* Optional subtle bullet */
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list__item > a {
  padding-left: 16px;
}
.woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list__item > a::before {
  content: "•";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: rgba(0,0,0,.35);
}

/* ===============================
   Responsive tweaks
   =============================== */
@media (max-width: 768px) {
  .woocommerce.widget_product_categories,
  .woocommerce.widget_layered_nav { padding: 16px 14px 8px; }

  .woocommerce.widget_product_categories a,
  .woocommerce.widget_layered_nav .woocommerce-widget-layered-nav-list a { padding: 9px 4px; }

  .woocommerce.widget_product_categories .product-categories .children {
    padding-left: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-42825ec *//* Let Swiper cards breathe outside the track if needed */
.swiper{
  overflow: visible !important;
  padding: 20px 20px 20px 5px;
}

/* Make each loop item act like a full-height card */
.elementor-loop-container .e-loop-item {
  height: 100%;
  display: flex;
}

/* The card wrapper */
.elementor-loop-container .e-loop-item .elementor-element-908c617 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;   /* remove the 53% */
}

/* Keep the featured image behaving */
.elementor-loop-container .elementor-element-336ad9d img {
  display: block;
  width: 100%;
  height: auto;
  /* If you want fixed height thumbnails, uncomment:
  height: 220px;
  object-fit: cover;
  */
}

/* Content block holds title + price + CTA area */
.elementor-loop-container .elementor-element-c9f9a71 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;             /* fills remaining height */
}

/* Pin the add-to-cart section to the bottom of the card */
.elementor-loop-container .elementor-element-8e6047d {
  margin-top: auto !important;
}

/* Optional: make the inner button full-width and tidy */
.elementor-loop-container .elementor-element-8e6047d .button {
  width: 100%;
}

/* Optional: ensure consistent gap without relying on inline styles */
.elementor-loop-container .elementor-element-c9f9a71 > .elementor-widget {
  margin-bottom: 10px;
}
.elementor-loop-container .elementor-element-c9f9a71 > .elementor-widget:last-child {
  margin-bottom: 0;
}/* End custom CSS */