.elementor-454 .elementor-element.elementor-element-a62dbb1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.86;--border-radius:0px 0px 45px 45px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-454 .elementor-element.elementor-element-a62dbb1:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-a62dbb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://destinyfarms.com.au/wp-content/uploads/2026/02/amazing-view-colorful-landscape-covered-with-yellow-plants-grass-trees-scaled.jpg");background-position:0px -405px;background-repeat:no-repeat;background-size:cover;}.elementor-454 .elementor-element.elementor-element-a62dbb1::before, .elementor-454 .elementor-element.elementor-element-a62dbb1 > .elementor-background-video-container::before, .elementor-454 .elementor-element.elementor-element-a62dbb1 > .e-con-inner > .elementor-background-video-container::before, .elementor-454 .elementor-element.elementor-element-a62dbb1 > .elementor-background-slideshow::before, .elementor-454 .elementor-element.elementor-element-a62dbb1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-454 .elementor-element.elementor-element-a62dbb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #14522EE5 0%, #173626D9 100%);}.elementor-454 .elementor-element.elementor-element-845bef3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.12;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-454 .elementor-element.elementor-element-845bef3::before, .elementor-454 .elementor-element.elementor-element-845bef3 > .elementor-background-video-container::before, .elementor-454 .elementor-element.elementor-element-845bef3 > .e-con-inner > .elementor-background-video-container::before, .elementor-454 .elementor-element.elementor-element-845bef3 > .elementor-background-slideshow::before, .elementor-454 .elementor-element.elementor-element-845bef3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-454 .elementor-element.elementor-element-845bef3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://destinyfarms.com.au/wp-content/uploads/2026/02/cropped-4c9a4e25944f41db1f2bce1eb855409874882380.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-eael-fancy-text .eael-fancy-text-prefix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-fancy-text .eael-fancy-text-strings, .elementor-widget-eael-fancy-text .typed-cursor{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-fancy-text .eael-fancy-text-suffix{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-454 .elementor-element.elementor-element-5b5fef0{width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-container{text-align:center;}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-prefix{color:var( --e-global-color-bd7b8a0 );font-family:"Cormorant Garamond", Sans-serif;font-size:48px;font-weight:400;line-height:42px;letter-spacing:-1.2px;}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-strings, .elementor-454 .elementor-element.elementor-element-5b5fef0 .typed-cursor{font-family:var( --e-global-typography-38e94af-font-family ), Sans-serif;font-size:var( --e-global-typography-38e94af-font-size );font-weight:var( --e-global-typography-38e94af-font-weight );letter-spacing:var( --e-global-typography-38e94af-letter-spacing );}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-strings{color:var( --e-global-color-be11fdc );}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-suffix{font-size:22px;font-weight:600;line-height:1px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-454 .elementor-element.elementor-element-ecd720a{--iteration-count:infinite;width:var( --container-widget-width, 63% );max-width:63%;--container-widget-width:63%;--container-widget-flex-grow:0;--dynamic-text-color:var( --e-global-color-be11fdc );}.elementor-454 .elementor-element.elementor-element-ecd720a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-ecd720a .elementor-headline{text-align:center;font-family:var( --e-global-typography-eceb803-font-family ), Sans-serif;font-size:var( --e-global-typography-eceb803-font-size );font-weight:var( --e-global-typography-eceb803-font-weight );letter-spacing:var( --e-global-typography-eceb803-letter-spacing );}.elementor-454 .elementor-element.elementor-element-ecd720a .elementor-headline-plain-text{color:var( --e-global-color-bd7b8a0 );}.elementor-454 .elementor-element.elementor-element-ecd720a .elementor-headline-dynamic-text{font-family:"Cormorant Garamond", Sans-serif;font-weight:400;letter-spacing:-2.49px;}.elementor-454 .elementor-element.elementor-element-fa78253{--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:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-454 .elementor-element.elementor-element-311ed2f{--display:flex;}.elementor-454 .elementor-element.elementor-element-311ed2f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-454 .elementor-element.elementor-element-5c0f6fb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-454 .elementor-element.elementor-element-7d212dc{--display:flex;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-item{background-color:var( --e-global-color-8093554 );border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E2E2;border-radius:20px 20px 20px 20px;padding:20px 0px 0px 0px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-image{background-color:var( --e-global-color-8093554 );padding:20px 20px 20px 20px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-sale-badge .usk-badge{background-color:var( --e-global-color-349afdc );color:var( --e-global-color-bd7b8a0 );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-percantage-badge .usk-badge{background-color:var( --e-global-color-be11fdc );color:var( --e-global-color-2509215 );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-button, .elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .added_to_cart{background-color:var( --e-global-color-349afdc );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-grid{grid-column-gap:30px;grid-row-gap:30px;}.elementor-454 .elementor-element.elementor-element-a45b993{--usk-filter-border-width:1px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-title{color:var( --e-global-color-349afdc );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-title .title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1.4px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price del .woocommerce-Price-amount.amount{color:#AAAAAA;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price del{color:#AAAAAA;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price{color:var( --e-global-color-2509215 );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price ins span{color:var( --e-global-color-2509215 );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price .woocommerce-Price-amount.amount{color:var( --e-global-color-2509215 );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price > .woocommerce-Price-amount.amount bdi{color:var( --e-global-color-2509215 );}
                .elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-price{font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-rating .star-rating::before{color:#e7e7e7;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-rating .star-rating span::before{color:#FFCC00;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-badge-label-content > div .usk-badge{border-radius:20px 20px 20px 20px;font-family:"Inter", Sans-serif;font-size:10px;font-weight:700;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-badge-label-content{gap:10px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-button{border-radius:0px 0px 0px 0px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .added_to_cart{border-radius:0px 0px 0px 0px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid{--btn-width:100%;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-pagination{justify-content:center;margin-top:31px;gap:6px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-pagination li:not(.usk-active) a{color:var( --e-global-color-049f4b8 );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-pagination li a{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-349afdc );}.elementor-454 .elementor-element.elementor-element-a45b993  .usk-shiny-grid .usk-pagination li a{padding:10px 20px 10px 20px;border-radius:7px 7px 7px 7px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-pagination li a:hover{color:var( --e-global-color-bd7b8a0 );background:var( --e-global-color-349afdc );}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-pagination li.usk-active a{color:var( --e-global-color-bd7b8a0 );background:var( --e-global-color-349afdc );}@media(min-width:768px){.elementor-454 .elementor-element.elementor-element-a62dbb1{--content-width:1280px;}.elementor-454 .elementor-element.elementor-element-311ed2f{--width:30%;}.elementor-454 .elementor-element.elementor-element-7d212dc{--width:70%;}}@media(max-width:1024px){.elementor-454 .elementor-element.elementor-element-a62dbb1:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-a62dbb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-strings, .elementor-454 .elementor-element.elementor-element-5b5fef0 .typed-cursor{font-size:var( --e-global-typography-38e94af-font-size );letter-spacing:var( --e-global-typography-38e94af-letter-spacing );}.elementor-454 .elementor-element.elementor-element-ecd720a .elementor-headline{font-size:var( --e-global-typography-eceb803-font-size );letter-spacing:var( --e-global-typography-eceb803-letter-spacing );}}@media(max-width:767px){.elementor-454 .elementor-element.elementor-element-a62dbb1:not(.elementor-motion-effects-element-type-background), .elementor-454 .elementor-element.elementor-element-a62dbb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-454 .elementor-element.elementor-element-5b5fef0{--container-widget-width:322px;--container-widget-flex-grow:0;width:var( --container-widget-width, 322px );max-width:322px;}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-prefix{font-size:39px;}.elementor-454 .elementor-element.elementor-element-5b5fef0 .eael-fancy-text-strings, .elementor-454 .elementor-element.elementor-element-5b5fef0 .typed-cursor{font-size:var( --e-global-typography-38e94af-font-size );letter-spacing:var( --e-global-typography-38e94af-letter-spacing );}.elementor-454 .elementor-element.elementor-element-ecd720a{width:var( --container-widget-width, 274.698px );max-width:274.698px;--container-widget-width:274.698px;--container-widget-flex-grow:0;}.elementor-454 .elementor-element.elementor-element-ecd720a .elementor-headline{font-size:var( --e-global-typography-eceb803-font-size );letter-spacing:var( --e-global-typography-eceb803-letter-spacing );}.elementor-454 .elementor-element.elementor-element-7d212dc{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-454 .elementor-element.elementor-element-a45b993  .usk-shiny-grid .usk-pagination li a{padding:8px 8px 8px 8px;}.elementor-454 .elementor-element.elementor-element-a45b993 .usk-shiny-grid .usk-pagination{margin-top:31px;gap:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-5c0f6fb *//* 1. Base Container Styling */
.wpfMainWrapper {
    background: linear-gradient(135deg, #1B4D2E, #A3D621); /* gradient from dark green to lime */
    padding: 25px;
    border-radius: 20px;
    border: 1px solid rgba(27,77,46,0.4); /* subtle darker green border */
    box-shadow: 0 10px 30px rgba(27, 77, 46, 0.15); /* slightly stronger shadow for contrast */
    transition: all 0.3s ease;
}

/* 2. Enhanced Titles & Icons */
.wpfFilterTitle {
    border-bottom: 1px solid rgba(255,255,255,0.2); /* subtle white line for visibility on gradient */
    padding-bottom: 12px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wpfFilterTitle .wfpTitle {
    color: #ffffff !important; /* white for visibility on gradient */
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

/* 3. Smooth Search Input */
.wpfSearchFieldsFilter {
    background: #ffffff !important; /* white input stands out on gradient */
    border: 1px solid #d1e5b0 !important; /* light green border */
    border-radius: 12px !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.wpfSearchFieldsFilter:focus {
    border-color: #1B4D2E !important;
    box-shadow: 0 0 0 4px rgba(27,77,46,0.2) !important;
    outline: none;
}

/* 4. Custom Smooth Checkboxes */
.wpfCheckbox label {
    background: rgba(255,255,255,0.9); /* slightly transparent white to blend with gradient */
}

.wpfCheckbox label:hover {
    background: rgba(255,255,255,1); /* fully white on hover for clarity */
}

.wpfCheckbox input[type="checkbox"]:checked + label {
    background: #1B4D2E !important; /* dark green checked */
    border-color: #1B4D2E !important;
}

.wpfCheckbox input[type="checkbox"]:checked + label:after {
    color: #A3D621; /* lime tick visible on dark green */
}

/* 5. Modern Glass-Style Price Slider */
.ui-slider-horizontal {
    background: rgba(255,255,255,0.6) !important; /* semi-transparent for contrast */
}

.ui-widget-header {
    background: linear-gradient(90deg, #1B4D2E, #A3D621) !important;
}

/* 6. The "Action" Button */
.wpfFilterButton {
    background: #1B4D2E !important; /* dark green button */
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 15px !important;
    font-weight: 600 !important;
    width: 100%;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(27, 77, 46, 0.2);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.wpfFilterButton:hover {
    background: #ffffff !important; /* inverts to white on hover */
    color: #1B4D2E !important; /* text becomes dark green */
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(27, 77, 46, 0.3);
}



/* 4. Custom Smooth Circular Checkboxes */
/* 1. Base Container Styling */
.wpfMainWrapper {
    background: linear-gradient(135deg, #1B4D2E, #A3D621); /* gradient from dark green to lime */
    padding: 25px;
    border-radius: 20px;
    border: 1px solid rgba(27,77,46,0.4); /* subtle darker green border */
    box-shadow: 0 10px 30px rgba(27, 77, 46, 0.15); /* slightly stronger shadow for contrast */
    transition: all 0.3s ease;
}

/* 2. Enhanced Titles & Icons */
.wpfFilterTitle {
    border-bottom: 1px solid rgba(255,255,255,0.2); /* subtle white line for visibility on gradient */
    padding-bottom: 12px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wpfFilterTitle .wfpTitle {
    color: #ffffff !important; /* white for visibility on gradient */
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

/* 3. Smooth Search Input */
.wpfSearchFieldsFilter {
    background: #ffffff !important; /* white input stands out on gradient */
    border: 1px solid #d1e5b0 !important; /* light green border */
    border-radius: 12px !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.wpfSearchFieldsFilter:focus {
    border-color: #1B4D2E !important;
    box-shadow: 0 0 0 4px rgba(27,77,46,0.2) !important;
    outline: none;
}

/* 4. Custom Smooth Checkboxes */
.wpfCheckbox label {
    background: rgba(255,255,255,0.9); /* slightly transparent white to blend with gradient */
}

.wpfCheckbox label:hover {
    background: rgba(255,255,255,1); /* fully white on hover for clarity */
}

.wpfCheckbox input[type="checkbox"]:checked + label {
    background: #1B4D2E !important; /* dark green checked */
    border-color: #1B4D2E !important;
}

.wpfCheckbox input[type="checkbox"]:checked + label:after {
    color: #A3D621; /* lime tick visible on dark green */
}

/* 5. Modern Glass-Style Price Slider */
.ui-slider-horizontal {
    background: rgba(255,255,255,0.6) !important; /* semi-transparent for contrast */
}

.ui-widget-header {
    background: linear-gradient(90deg, #1B4D2E, #A3D621) !important;
}

/* 6. The "Action" Button */
.wpfFilterButton {
    background: #1B4D2E !important; /* dark green button */
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 15px !important;
    font-weight: 600 !important;
    width: 100%;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(27, 77, 46, 0.2);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.wpfFilterButton:hover {
    background: #ffffff !important; /* inverts to white on hover */
    color: #1B4D2E !important; /* text becomes dark green */
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(27, 77, 46, 0.3);
}



/* 4. Custom Smooth Circular Checkboxes */
/* 4. Custom Smooth Circular Checkboxes */
.wpfCheckbox label {
    display: flex;
    align-items: center;        /* vertically center text with circle */
    padding: 12px 10px;         /* inner spacing */
    background: rgba(255,255,255,0.0); /* remove white background for full gradient */
    border-radius: 50px;         /* fully rounded for attractive look */
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    gap: 12px;                   /* space between circle and text */
    font-weight: 500;
    color: #ffffff !important;   /* make all label text white */
}

/* Circle box */
.wpfCheckbox label::before {
    content: '';
    width: 22px;
    height: 22px;
    border: 2px solid #ffffff;   /* white border for contrast */
    border-radius: 50%;           /* circle */
    background: rgba(255,255,255,0.0); /* transparent background */
    flex-shrink: 0;
    transition: all 0.3s ease;
}

/* Checked state */
.wpfCheckbox input[type="checkbox"]:checked + label::before {
    background: #ffffff;          /* white fill on check */
    border-color: #ffffff;
    box-shadow: 0 0 6px rgba(255,255,255,0.5); /* subtle glow */
}

/* Tick inside the circle */
.wpfCheckbox input[type="checkbox"]:checked + label::after {
    content: '✓';
    position: absolute;
    left: 6px;
    top: 3px;
    color: #1B4D2E;             /* dark green tick visible on white circle */
    font-size: 14px;
    font-weight: bold;
}

/* Hover effect for labels */
.wpfCheckbox label:hover {
    transform: translateX(3px);
    box-shadow: 0 4px 12px rgba(255,255,255,0.2);
}

/* Remove scrollbar and prevent vertical scroll */
.wpfFilterVerScroll {
    overflow: visible !important;  /* ensures all content is visible */
    max-height: none !important;   /* removes height restriction */
}

/* Hide Webkit scrollbars */
.wpfFilterVerScroll::-webkit-scrollbar,
.wpfFilterVerScroll::-webkit-scrollbar-track,
.wpfFilterVerScroll::-webkit-scrollbar-thumb {
    display: none;
}

/* Remove scrollbar and prevent vertical scroll */
.wpfFilterVerScroll {
    overflow: visible !important;  /* ensures all content is visible */
    max-height: none !important;   /* removes height restriction */
}

/* Hide Webkit scrollbars */
.wpfFilterVerScroll::-webkit-scrollbar,
.wpfFilterVerScroll::-webkit-scrollbar-track,
.wpfFilterVerScroll::-webkit-scrollbar-thumb {
    display: none;
}
/* Make all labels white and add spacing */
.wpfMainWrapper label {
    color: #ffffff !important;       /* white text */
    display: block;                  /* ensures each label is on its own line */
    margin-bottom: 12px;             /* spacing between labels */
    line-height: 1.5;                /* improves readability */
}
/* ===== Modern Small Glass-Style Price Slider ===== */

/* Slider Track */
.ui-slider-horizontal {
    height: 8px !important;  /* thinner track */
    background: linear-gradient(90deg, #1B4D2E, #A3D621) !important; /* dark green to lime gradient */
    border-radius: 10px !important; /* rounded ends */
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2); /* subtle inner shadow for depth */
}

/* Filled portion (range highlight) */
.ui-widget-header {
    background: linear-gradient(90deg, #A3D621, #1B4D2E) !important; /* reversed gradient for fill */
    border-radius: 10px !important;
    height: 8px !important; /* match track height */
}

/* Slider Handle (Circle) */
.ui-slider-handle {
    width: 20px !important;               /* smaller handle */
    height: 20px !important;              /* perfect circle */
    border-radius: 50% !important;        /* circular shape */
    background: #ffffff !important;       /* bright handle */
    border: 2px solid #A3D621 !important; /* lime border for contrast */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3), 0 0 4px rgba(163,214,33,0.6); /* subtle glow */
    cursor: pointer;
    top: -6px !important;                 /* centers handle on track */
    transition: all 0.3s ease;
}

/* Hover effect for handle */
.ui-slider-handle:hover {
    transform: scale(1.2);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 0 6px rgba(163,214,33,0.8);
    background: #A3D621 !important;       /* lime glow on hover */
    border-color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for usk-shiny-grid, class: .elementor-element-a45b993 *//* Target WooCommerce / all buttons */
button, 
input[type="submit"], 
.woocommerce a.button, 
.woocommerce button.button {
    background-color: #1B4D2E !important; /* Your color */
    color: #fff !important;               /* White text */
    padding: 12px 25px !important;       /* Comfortable size */
    border: none !important;             /* Remove borders */
    border-radius: 8px !important;       /* Rounded corners */
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2) !important;
}

/* Hover effect */
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #14532d !important; /* Darker shade */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 10px rgba(0,0,0,0.25) !important;
}

/* Active click effect */
button:active,
input[type="submit"]:active,
.woocommerce a.button:active,
.woocommerce button.button:active {
    transform: translateY(1px) !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2) !important;
}/* End custom CSS */