.elementor-1243 .elementor-element.elementor-element-54af217{--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;}.elementor-1243 .elementor-element.elementor-element-7f82bec .woocommerce-breadcrumb{color:#141313;font-size:14px;}.elementor-1243 .elementor-element.elementor-element-9650d3e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1243 .elementor-element.elementor-element-44d396d{--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;}.elementor-1243 .elementor-element.elementor-element-2cbac01{border-style:solid;border-width:1px 1px 1px 1px;border-color:#CBCBCB;border-radius:8px 8px 8px 8px;}.elementor-1243 .elementor-element.elementor-element-849b303{--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:60px;--padding-right:20px;}.elementor-1243 .elementor-element.elementor-element-9f54056{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1243 .elementor-element.elementor-element-bc1be89{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:70px;--padding-left:30px;--padding-right:0px;}.elementor-1243 .elementor-element.elementor-element-4befad5{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1243 .elementor-element.elementor-element-54af217{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:10px;}.elementor-1243 .elementor-element.elementor-element-9650d3e{--margin-top:-40px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1243 .elementor-element.elementor-element-2cbac01{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -3%;padding:0px 0px 0px 0px;}.elementor-1243 .elementor-element.elementor-element-849b303{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:7px;--padding-right:15px;}.elementor-1243 .elementor-element.elementor-element-9f54056{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 5px 0px 0px;}.elementor-1243 .elementor-element.elementor-element-bc1be89{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:13px;--padding-right:8px;}}@media(min-width:768px){.elementor-1243 .elementor-element.elementor-element-54af217{--content-width:1440px;}.elementor-1243 .elementor-element.elementor-element-9650d3e{--content-width:1440px;}.elementor-1243 .elementor-element.elementor-element-44d396d{--width:20%;}.elementor-1243 .elementor-element.elementor-element-849b303{--width:85%;}.elementor-1243 .elementor-element.elementor-element-bc1be89{--content-width:1440px;}}/* Start custom CSS for shortcode, class: .elementor-element-4d9811b *//* Mobile Page Header Title Size */
@media (max-width: 767px) {
    .vd-page-header h1 {
        font-size: 30px !important;
        line-height: 1.25;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2cbac01 */.wc-cat-item > .cat-row > a {
    flex: 1;
    padding: 10px 14px;
    color: #222;
    font-size: 14px !important;
    text-decoration: none;
    border-radius: 6px;
    transition: .3s;
}



/* ==============================
   BRAND SIDEBAR – DESKTOP
================================ */

.wc-brand-sidebar {
    background: #fff;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

.wc-brand-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
    color: #021A2A;
}

.wc-brand-scroll {
    max-height: 380px;
    overflow-y: auto;
    padding-right: 6px;
}

.wc-brand-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wc-brand-item {
    margin-bottom: 8px;
}

.wc-brand-item a {
    display: block;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #021A2A;
    text-decoration: none;
    transition: background .2s ease;
}

.wc-brand-item a:hover {
    background: #f3f6f9;
}

/* ==============================
   MOBILE → HORIZONTAL BRANDS BAR
================================ */

@media (max-width: 767px) {

    .wc-brand-sidebar {
        padding: 12px;
        border-radius: 0;
        box-shadow: none;
    }

    .wc-brand-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .wc-brand-scroll {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding-bottom: 8px;
    }

    .wc-brand-list {
        display: flex;
        gap: 10px;
    }

    .wc-brand-item {
        flex: 0 0 auto;
        margin: 0;
    }

    .wc-brand-item a {
        padding: 8px 14px;
        border-radius: 999px;
        background: #f3f6f9;
        font-size: 13px;
        white-space: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9f54056 */@media (max-width:768px){
  .vd-flavour-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap:15px;
  }

  .pp-media img{
    height:180px; /* better fit for mobile */
  }

  .pp-title{
    font-size:13px;
  }
}/* End custom CSS */