.elementor-516 .elementor-element.elementor-element-06d1867{--display:flex;--min-height:45vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:12px 12px;--row-gap:12px;--column-gap:12px;--overlay-opacity:1;--padding-top:40px;--padding-bottom:40px;--padding-left:60px;--padding-right:60px;}.elementor-516 .elementor-element.elementor-element-06d1867:not(.elementor-motion-effects-element-type-background), .elementor-516 .elementor-element.elementor-element-06d1867 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sksorganics.co.za/wp-content/uploads/2026/09/0e8e32f2-0609-4809-813f-b3b083e7f714.png");background-position:center left;background-size:cover;}.elementor-516 .elementor-element.elementor-element-06d1867::before, .elementor-516 .elementor-element.elementor-element-06d1867 > .elementor-background-video-container::before, .elementor-516 .elementor-element.elementor-element-06d1867 > .e-con-inner > .elementor-background-video-container::before, .elementor-516 .elementor-element.elementor-element-06d1867 > .elementor-background-slideshow::before, .elementor-516 .elementor-element.elementor-element-06d1867 > .e-con-inner > .elementor-background-slideshow::before, .elementor-516 .elementor-element.elementor-element-06d1867 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, #F6F6E400 30%, #FFFFFF 100%);}.elementor-516 .elementor-element.elementor-element-19a40f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-516 .elementor-element.elementor-element-19a40f0 .woocommerce-breadcrumb{color:var( --e-global-color-accent );font-family:"DM Sans", Sans-serif;}.elementor-516 .elementor-element.elementor-element-19a40f0 .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-516 .elementor-element.elementor-element-0403ec6{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:start;}.elementor-516 .elementor-element.elementor-element-0403ec6 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:48px;font-weight:600;color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-7be0d29{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;text-align:start;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-516 .elementor-element.elementor-element-7be0d29 p{margin-block-end:8px;}.elementor-516 .elementor-element.elementor-element-c872749{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-516 .elementor-element.elementor-element-bcde633 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-516 .elementor-element.elementor-element-bcde633 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-bcde633.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-516 .elementor-element.elementor-element-bcde633.elementor-view-framed .elementor-icon, .elementor-516 .elementor-element.elementor-element-bcde633.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-516 .elementor-element.elementor-element-bcde633 .elementor-icon{font-size:22px;border-width:2px 2px 2px 2px;}.elementor-516 .elementor-element.elementor-element-bcde633 .elementor-icon-box-title, .elementor-516 .elementor-element.elementor-element-bcde633 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-516 .elementor-element.elementor-element-bcde633:has(:hover) .elementor-icon-box-title,
					 .elementor-516 .elementor-element.elementor-element-bcde633:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-bcde633 .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;color:#F6F2E8;}.elementor-516 .elementor-element.elementor-element-23162d6 .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-516 .elementor-element.elementor-element-23162d6 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-23162d6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-516 .elementor-element.elementor-element-23162d6.elementor-view-framed .elementor-icon, .elementor-516 .elementor-element.elementor-element-23162d6.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-516 .elementor-element.elementor-element-23162d6 .elementor-icon{font-size:22px;border-width:2px 2px 2px 2px;}.elementor-516 .elementor-element.elementor-element-23162d6 .elementor-icon-box-title, .elementor-516 .elementor-element.elementor-element-23162d6 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-516 .elementor-element.elementor-element-23162d6:has(:hover) .elementor-icon-box-title,
					 .elementor-516 .elementor-element.elementor-element-23162d6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-23162d6 .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;color:#F6F2E8;}.elementor-516 .elementor-element.elementor-element-ff3fc9b .elementor-icon-box-wrapper{align-items:center;gap:8px;}.elementor-516 .elementor-element.elementor-element-ff3fc9b .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-ff3fc9b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-516 .elementor-element.elementor-element-ff3fc9b.elementor-view-framed .elementor-icon, .elementor-516 .elementor-element.elementor-element-ff3fc9b.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-516 .elementor-element.elementor-element-ff3fc9b .elementor-icon{font-size:22px;border-width:2px 2px 2px 2px;}.elementor-516 .elementor-element.elementor-element-ff3fc9b .elementor-icon-box-title, .elementor-516 .elementor-element.elementor-element-ff3fc9b .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:500;}.elementor-516 .elementor-element.elementor-element-ff3fc9b:has(:hover) .elementor-icon-box-title,
					 .elementor-516 .elementor-element.elementor-element-ff3fc9b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-327bd11 );}.elementor-516 .elementor-element.elementor-element-ff3fc9b .elementor-icon-box-description{font-family:"Manrope", Sans-serif;font-size:15px;font-weight:400;color:#F6F2E8;}.elementor-516 .elementor-element.elementor-element-22b94f2{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-516 .elementor-element.elementor-element-3613890{--display:flex;}.elementor-516 .elementor-element.elementor-element-6b1633f{--display:flex;}.elementor-516 .elementor-element.elementor-element-257bfbb{--grid-columns:4;--grid-row-gap:20px;--grid-column-gap:10px;}.elementor-516 .elementor-element.elementor-element-257bfbb .elementor-pagination{text-align:center;font-family:"DM Sans", Sans-serif;font-weight:400;margin-top:40px;}.elementor-516 .elementor-element.elementor-element-257bfbb .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-327bd11 );}body:not(.rtl) .elementor-516 .elementor-element.elementor-element-257bfbb .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-516 .elementor-element.elementor-element-257bfbb .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-516 .elementor-element.elementor-element-257bfbb .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-516 .elementor-element.elementor-element-257bfbb .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-516 .elementor-element.elementor-element-c872749{--grid-auto-flow:row;}.elementor-516 .elementor-element.elementor-element-257bfbb{--grid-columns:2;}}@media(min-width:768px){.elementor-516 .elementor-element.elementor-element-06d1867{--content-width:1200px;}.elementor-516 .elementor-element.elementor-element-c872749{--width:55%;}.elementor-516 .elementor-element.elementor-element-22b94f2{--content-width:1200px;}.elementor-516 .elementor-element.elementor-element-3613890{--width:25%;}.elementor-516 .elementor-element.elementor-element-6b1633f{--width:75%;}}@media(max-width:767px){.elementor-516 .elementor-element.elementor-element-06d1867{--padding-top:40px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-516 .elementor-element.elementor-element-0403ec6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-516 .elementor-element.elementor-element-0403ec6 .elementor-heading-title{font-size:48px;}.elementor-516 .elementor-element.elementor-element-7be0d29{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;font-size:16px;}.elementor-516 .elementor-element.elementor-element-c872749{--e-con-grid-template-columns:repeat(3, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-516 .elementor-element.elementor-element-22b94f2{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-516 .elementor-element.elementor-element-6b1633f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-516 .elementor-element.elementor-element-257bfbb{--grid-columns:2;}}/* Start custom CSS for shortcode, class: .elementor-element-6a0dbee *//* =========================================================
   SKS ORGANICS — THEMIFY PRODUCT FILTER
   Elementor wrapper class: sks-shop-filter
   Category display: LINKS
   Accent: #119AA4
========================================================= */


/* =========================================================
   MAIN FILTER CARD
========================================================= */

.sks-shop-filter {
    --accent: #119AA4;
    --accent-dark: #0d7f87;
    --accent-hover: rgba(17, 154, 164, 0.07);
    --accent-active: rgba(17, 154, 164, 0.14);

    --heading: #123f36;
    --text: #252d2b;
    --muted: #68716d;
    --border: #e5e9e4;
    --background: #fbfcf8;

    width: 100%;
    box-sizing: border-box;

    padding: 24px 20px;

    background: var(--background);
    border: 1px solid #e9ede8;
    border-radius: 10px;

    font-family: "Manrope", Arial, sans-serif;
}


/* =========================================================
   THEMIFY RESET
========================================================= */

.sks-shop-filter .wpf_form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sks-shop-filter .wpf_form_title {
    display: none !important;
}


/* =========================================================
   FILTER SECTIONS
========================================================= */

.sks-shop-filter .wpf_item {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 26px !important;

    border: 0 !important;
    background: transparent !important;
}


/* Divider before next filter */
.sks-shop-filter .wpf_item + .wpf_item {
    margin-top: 2px !important;
    padding-top: 23px !important;

    border-top: 1px solid var(--border) !important;
}


/* Last section */
.sks-shop-filter .wpf_item:last-child {
    padding-bottom: 0 !important;
}


/* =========================================================
   FILTER HEADINGS
========================================================= */

.sks-shop-filter .wpf_item_name,
.sks-shop-filter .wpf_filter_title,
.sks-shop-filter .wpf-filter-title,
.sks-shop-filter .wpf-filter-heading {
    display: block !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: var(--heading) !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 23px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    letter-spacing: 0 !important;

    box-shadow: none !important;
}


/* Remove Themify heading icons/arrows */
.sks-shop-filter .wpf_item_name::before,
.sks-shop-filter .wpf_item_name::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   CATEGORY LIST
========================================================= */

.sks-shop-filter ul {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   CATEGORY ROW
   IMPORTANT:
   link + count remain on SAME LINE
========================================================= */

.sks-shop-filter ul li {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-height: 36px !important;

    box-sizing: border-box !important;

    margin: 3px 0 !important;
    padding: 0 10px !important;

    gap: 4px !important;

    list-style: none !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 6px !important;

    transition:
        background-color 0.18s ease,
        color 0.18s ease !important;
}


/* Remove bullets */
.sks-shop-filter ul li::before,
.sks-shop-filter ul li::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   CATEGORY LINK
========================================================= */

.sks-shop-filter ul li > a {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 1 auto !important;

    width: auto !important;
    max-width: calc(100% - 40px) !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 8px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: var(--text) !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition: color 0.18s ease !important;
}


/* Remove link pseudo-elements */
.sks-shop-filter ul li > a::before,
.sks-shop-filter ul li > a::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   PRODUCT COUNT
   SAME LINE AS CATEGORY
========================================================= */

.sks-shop-filter ul li > span {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    color: var(--text) !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;

    box-shadow: none !important;
}


/* If Themify outputs ONLY a number such as 6,
   these create (6) */

.sks-shop-filter ul li > span::before {
    content: "(" !important;
}

.sks-shop-filter ul li > span::after {
    content: ")" !important;
}


/* =========================================================
   CATEGORY HOVER
========================================================= */

.sks-shop-filter ul li:hover {
    background: var(--accent-hover) !important;
}

.sks-shop-filter ul li:hover > a,
.sks-shop-filter ul li:hover > span {
    color: var(--accent) !important;
}


/* =========================================================
   ACTIVE CATEGORY
========================================================= */

.sks-shop-filter ul li.active,
.sks-shop-filter ul li.selected,
.sks-shop-filter ul li.current,
.sks-shop-filter ul li.current-cat,
.sks-shop-filter ul li.wpf-active,

.sks-shop-filter ul li:has(> a.active),
.sks-shop-filter ul li:has(> a.selected),
.sks-shop-filter ul li:has(> a.current),
.sks-shop-filter ul li:has(> a.wpf-active),
.sks-shop-filter ul li:has(> a.wpf-active-filter),
.sks-shop-filter ul li:has(> a[aria-current="page"]) {
    background: var(--accent-active) !important;
}


/* Active text */

.sks-shop-filter ul li.active > a,
.sks-shop-filter ul li.selected > a,
.sks-shop-filter ul li.current > a,
.sks-shop-filter ul li.current-cat > a,
.sks-shop-filter ul li.wpf-active > a,

.sks-shop-filter ul li > a.active,
.sks-shop-filter ul li > a.selected,
.sks-shop-filter ul li > a.current,
.sks-shop-filter ul li > a.wpf-active,
.sks-shop-filter ul li > a.wpf-active-filter,
.sks-shop-filter ul li > a[aria-current="page"] {
    color: var(--accent) !important;
    font-weight: 600 !important;
}


/* Active count */

.sks-shop-filter ul li.active > span,
.sks-shop-filter ul li.selected > span,
.sks-shop-filter ul li.current > span,
.sks-shop-filter ul li.current-cat > span,
.sks-shop-filter ul li.wpf-active > span,

.sks-shop-filter ul li:has(> a.active) > span,
.sks-shop-filter ul li:has(> a.selected) > span,
.sks-shop-filter ul li:has(> a.wpf-active-filter) > span,
.sks-shop-filter ul li:has(> a[aria-current="page"]) > span {
    color: var(--accent) !important;
}


/* =========================================================
   REMOVE CHECKBOXES / RADIOS
========================================================= */

.sks-shop-filter input[type="checkbox"],
.sks-shop-filter input[type="radio"],
.sks-shop-filter .wpf_checkbox,
.sks-shop-filter .wpf_radio {
    display: none !important;
}


/* =========================================================
   PRICE FILTER
========================================================= */

.sks-shop-filter .wpf_item_price {
    margin: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   PRICE SLIDER TRACK
========================================================= */

.sks-shop-filter .ui-slider,
.sks-shop-filter .wpf_slider,
.sks-shop-filter .wpf-range-slider {
    position: relative !important;

    width: calc(100% - 14px) !important;
    height: 4px !important;

    margin: 21px 7px 15px !important;
    padding: 0 !important;

    background: rgba(17, 154, 164, 0.18) !important;

    border: 0 !important;
    border-radius: 50px !important;

    box-shadow: none !important;
}


/* Active slider line */

.sks-shop-filter .ui-slider-range,
.sks-shop-filter .wpf_slider .ui-slider-range,
.sks-shop-filter .wpf-range-slider .ui-slider-range {
    height: 4px !important;

    background: rgba(17, 154, 164, 0.48) !important;

    border: 0 !important;
    border-radius: 50px !important;

    box-shadow: none !important;
}


/* =========================================================
   SLIDER HANDLES
========================================================= */

.sks-shop-filter .ui-slider-handle {
    width: 14px !important;
    height: 14px !important;

    top: 50% !important;

    margin-left: -7px !important;

    transform: translateY(-50%) !important;

    background: var(--accent) !important;

    border: 0 !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    cursor: pointer !important;
}


.sks-shop-filter .ui-slider-handle:hover {
    background: var(--accent-dark) !important;
}


.sks-shop-filter .ui-slider-handle:focus,
.sks-shop-filter .ui-slider-handle:active {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================================
   PRICE VALUES
========================================================= */

.sks-shop-filter .wpf_price_min,
.sks-shop-filter .wpf_price_max,
.sks-shop-filter .wpf-price-min,
.sks-shop-filter .wpf-price-max,
.sks-shop-filter .wpf_price_range,
.sks-shop-filter .wpf_price_display {
    color: var(--text) !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}


/* =========================================================
   PRICE INPUTS IF PRESENT
========================================================= */

.sks-shop-filter input[type="number"],
.sks-shop-filter input[type="text"].wpf_price {
    height: 36px !important;

    box-sizing: border-box !important;

    padding: 6px 9px !important;

    color: var(--text) !important;

    background: #ffffff !important;

    border: 1px solid var(--border) !important;
    border-radius: 5px !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 12px !important;

    box-shadow: none !important;
}


/* =========================================================
   FILTER BUTTON
========================================================= */

.sks-shop-filter .wpf_submit,
.sks-shop-filter .wpf_filter_button,
.sks-shop-filter button[type="submit"],
.sks-shop-filter input[type="submit"] {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 42px !important;

    box-sizing: border-box !important;

    margin: 18px 0 0 !important;
    padding: 10px 45px 10px 20px !important;

    background: var(--accent) !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 100px !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    text-align: center !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition: background-color 0.2s ease !important;
}


/* Arrow */

.sks-shop-filter .wpf_submit::after,
.sks-shop-filter .wpf_filter_button::after,
.sks-shop-filter button[type="submit"]::after {
    content: "→";

    position: absolute;

    right: 21px;
    top: 50%;

    transform: translateY(-52%);

    color: #ffffff;

    font-size: 18px;
    line-height: 1;
    font-weight: 300;
}


/* Button hover */

.sks-shop-filter .wpf_submit:hover,
.sks-shop-filter .wpf_filter_button:hover,
.sks-shop-filter button[type="submit"]:hover,
.sks-shop-filter input[type="submit"]:hover {
    background: var(--accent-dark) !important;

    color: #ffffff !important;

    transform: none !important;
    box-shadow: none !important;
}


/* =========================================================
   RESET LINK
========================================================= */

.sks-shop-filter .wpf_reset,
.sks-shop-filter .wpf_reset_btn,
.sks-shop-filter a.wpf_reset {
    display: block !important;

    margin: 10px 0 0 !important;
    padding: 0 !important;

    color: var(--muted) !important;

    background: transparent !important;
    border: 0 !important;

    font-family: "Manrope", Arial, sans-serif !important;
    font-size: 11px !important;

    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 768px) {

    .sks-shop-filter {
        max-width: 300px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .sks-shop-filter {
        padding: 20px 17px;

        border-radius: 9px;
    }


    .sks-shop-filter .wpf_item_name,
    .sks-shop-filter .wpf_filter_title,
    .sks-shop-filter .wpf-filter-title {
        margin-bottom: 13px !important;

        font-size: 21px !important;
    }


    .sks-shop-filter ul li {
        min-height: 34px !important;

        padding: 0 9px !important;
    }


    .sks-shop-filter ul li > a,
    .sks-shop-filter ul li > span {
        font-size: 13px !important;
    }


    .sks-shop-filter .wpf_item {
        padding-bottom: 21px !important;
    }


    .sks-shop-filter .wpf_item + .wpf_item {
        padding-top: 20px !important;
    }

}/* End custom CSS */