.elementor-4786 .elementor-element.elementor-element-5ddcd23{--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:64px;--padding-bottom:64px;--padding-left:10px;--padding-right:10px;}.elementor-4786 .elementor-element.elementor-element-5ddcd23:not(.elementor-motion-effects-element-type-background), .elementor-4786 .elementor-element.elementor-element-5ddcd23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECEFEC;}.elementor-4786 .elementor-element.elementor-element-f648227 .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-weight:600;color:var( --e-global-color-primary );}.elementor-4786 .elementor-element.elementor-element-047de0c .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:15px;font-weight:400;line-height:1.2em;color:#070707;}.elementor-4786 .elementor-element.elementor-element-00bd832{--grid-columns:4;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-4786 .elementor-element.elementor-element-1e85660{--display:grid;--e-con-grid-template-columns:1fr 3fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4786 .elementor-element.elementor-element-db991c9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4786 .elementor-element.elementor-element-f7c4dc7 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;}.elementor-4786 .elementor-element.elementor-element-76ec77a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4786 .elementor-element.elementor-element-b3a7f8b{--grid-columns:3;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination{text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}body:not(.rtl) .elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-4786 .elementor-element.elementor-element-b927ba2{--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;--justify-content:center;--overflow:hidden;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4786 .elementor-element.elementor-element-21f42f4{--display:flex;--min-height:210px;--justify-content:center;--overflow:hidden;--border-radius:8px 8px 8px 8px;--padding-top:56px;--padding-bottom:56px;--padding-left:56px;--padding-right:56px;}.elementor-4786 .elementor-element.elementor-element-21f42f4:not(.elementor-motion-effects-element-type-background), .elementor-4786 .elementor-element.elementor-element-21f42f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECEFEC;background-image:url("https://mowers.jarilostaging2.co.uk/wp-content/uploads/2025/04/parts.webp");background-position:140% 0px;background-repeat:no-repeat;background-size:63% auto;}.elementor-4786 .elementor-element.elementor-element-a72d8e7{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4786 .elementor-element.elementor-element-aaf77e5 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#354A36;}.elementor-4786 .elementor-element.elementor-element-3bf32a6 .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:15px;font-weight:400;line-height:1.2em;color:#070707;}.elementor-4786 .elementor-element.elementor-element-2721976 .elementor-heading-title{font-family:"Gilroy", Sans-serif;font-size:16px;font-weight:600;text-decoration:underline;color:#013A0E;}.elementor-4786 .elementor-element.elementor-element-2721976 .elementor-heading-title a:hover, .elementor-4786 .elementor-element.elementor-element-2721976 .elementor-heading-title a:focus{color:var( --e-global-color-secondary );}.elementor-4786 .elementor-element.elementor-element-d8662d3{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4786 .elementor-element.elementor-element-d8662d3:not(.elementor-motion-effects-element-type-background), .elementor-4786 .elementor-element.elementor-element-d8662d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-4786 .elementor-element.elementor-element-b800a83 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4786 .elementor-element.elementor-element-b800a83 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;line-height:38px;letter-spacing:-0.5px;color:var( --e-global-color-primary );}.elementor-4786 .elementor-element.elementor-element-b63d237{--display:flex;}.elementor-4786 .elementor-element.elementor-element-4975f91{--grid-columns:3;--grid-column-gap:18px;}.elementor-4786 .elementor-element.elementor-element-4975f91 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-4786 .elementor-element.elementor-element-4975f91 .e-loop-item > .elementor-section, .elementor-4786 .elementor-element.elementor-element-4975f91 .e-loop-item > .elementor-section > .elementor-container, .elementor-4786 .elementor-element.elementor-element-4975f91 .e-loop-item > .e-con, .elementor-4786 .elementor-element.elementor-element-4975f91 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-4786 .elementor-element.elementor-element-34a7a86{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-4786 .elementor-element.elementor-element-12697b3 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4786 .elementor-element.elementor-element-12697b3{grid-column:span 3;}.elementor-4786 .elementor-element.elementor-element-12697b3 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:32px;font-weight:700;line-height:38px;letter-spacing:-0.5px;color:var( --e-global-color-primary );}.elementor-4786 .elementor-element.elementor-element-cabeef0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#7A7A7A7A;--border-color:#7A7A7A7A;--border-radius:14px 14px 14px 14px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-4786 .elementor-element.elementor-element-4180466 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4786 .elementor-element.elementor-element-258bb4e .elementor-heading-title{font-size:14px;line-height:1lh;}.elementor-4786 .elementor-element.elementor-element-9526358{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#7A7A7A7A;--border-color:#7A7A7A7A;--border-radius:14px 14px 14px 14px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-4786 .elementor-element.elementor-element-6dddf4f .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4786 .elementor-element.elementor-element-e1d0ae0 .elementor-heading-title{font-size:14px;line-height:1lh;}.elementor-4786 .elementor-element.elementor-element-57f6182{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#7A7A7A7A;--border-color:#7A7A7A7A;--border-radius:14px 14px 14px 14px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-4786 .elementor-element.elementor-element-7c587fa .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4786 .elementor-element.elementor-element-9f0b825 .elementor-heading-title{font-size:14px;line-height:1lh;}@media(min-width:768px){.elementor-4786 .elementor-element.elementor-element-a72d8e7{--width:43%;}}@media(max-width:1024px){.elementor-4786 .elementor-element.elementor-element-00bd832{--grid-columns:2;}.elementor-4786 .elementor-element.elementor-element-1e85660{--e-con-grid-template-columns:1fr;--grid-auto-flow:row;}.elementor-4786 .elementor-element.elementor-element-db991c9{--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;--justify-content:space-between;}.elementor-4786 .elementor-element.elementor-element-b3a7f8b{--grid-columns:1;}.elementor-4786 .elementor-element.elementor-element-21f42f4:not(.elementor-motion-effects-element-type-background), .elementor-4786 .elementor-element.elementor-element-21f42f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-7vw 0px;background-size:128% auto;}.elementor-4786 .elementor-element.elementor-element-4975f91{--grid-columns:2;}.elementor-4786 .elementor-element.elementor-element-34a7a86{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4786 .elementor-element.elementor-element-00bd832{--grid-columns:1;}.elementor-4786 .elementor-element.elementor-element-1e85660{--grid-auto-flow:row;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4786 .elementor-element.elementor-element-db991c9{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4786 .elementor-element.elementor-element-b3a7f8b{--grid-columns:1;}.elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination{font-size:16px;}.elementor-4786 .elementor-element.elementor-element-21f42f4:not(.elementor-motion-effects-element-type-background), .elementor-4786 .elementor-element.elementor-element-21f42f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}.elementor-4786 .elementor-element.elementor-element-4975f91{--grid-columns:1;}.elementor-4786 .elementor-element.elementor-element-34a7a86{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4786 .elementor-element.elementor-element-12697b3{grid-column:span 1;}.elementor-4786 .elementor-element.elementor-element-cabeef0{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-4786 .elementor-element.elementor-element-9526358{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-4786 .elementor-element.elementor-element-57f6182{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for shortcode, class: .elementor-element-5ceff8f */.elementor-4786 .elementor-element.elementor-element-5ceff8f li {
    padding: 0px!important;
}

.elementor-4786 .elementor-element.elementor-element-5ceff8f i {
    color: #283829!important;
}
.elementor-4786 .elementor-element.elementor-element-5ceff8f .fbc-separator {
    padding-inline: 6px!important;
}
.elementor-4786 .elementor-element.elementor-element-5ceff8f a {
    color: #038220!important;
}

.elementor-4786 .elementor-element.elementor-element-5ceff8f li {
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.elementor-4786 .elementor-element.elementor-element-5ceff8f .item-current {
    font-weight: 600!important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-wpc_filters_widget, class: .elementor-element-f7c4dc7 *//*:root {*/
/*    scrollbar-color: #1878b0 #ececeb!important; */
/*    scrollbar-width: thin!important;*/
    
/*}*/
.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filters-widget-content {
    background: rgb(248, 248, 247)!important;
    border-radius: 16px!important;
    padding: 20px!important;
}

.wpc-filter-content::-webkit-scrollbar-thumb {
  border-radius: 8px!important;
  background-clip: padding-box;  
  width: 5px!important;
  background: #1878b0!important;
}

.wpc-filter-content::-webkit-scrollbar-button {
  display:none!important;

}

.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filters-section {
        margin-bottom: 16px!important;
}

.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filters-ul-list {
    margin-block: 2px!important;
}

.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filter-title {
 font-family: Gilroy, sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 4px;
    margin-bottom: 4px!important;
}

ul.wpc-filters-ul-list.wpc-filters-checkboxes {
 font-family: Gilroy, sans-serif;
    font-size: 16px;
}
ul.wpc-filters-ul-list a {
    font-family: Gilroy, Sans-Serif;
    color: #292928!important;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
    background-color: #F4672E;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
    box-shadow: 0 0px 0px rgba(0,0,0,0);
}

.wpc-filters-range-wrapper {
  font-family: Gilroy, Sans-Serif;
    font-size: 14px;
}

.wpc-filters-range-wrapper input[type=number] {
    padding: 10px;
    border: 1px solid #7e7e7e;
}


a.wpc-open-close-filters-button.wpc-closed.wpc-show-counts-yes {
    width: 100%;
}
.wpc-filters-section .children {
    padding-left: 4px!important;
    margin-top: 8px!important;
    margin-left: 4px!important;
}

/*.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filters-section.wpc-filter-few-terms { display: none !important; }*/

.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filters-section:has(.wpc-help-tip) {
display: none!important;
}



.elementor-4786 .elementor-element.elementor-element-f7c4dc7 .wpc-filter-product-info-size_of_lawn .wpc-checkbox-item a::after {
 content: "m²";
}/* End custom CSS */
/* Start custom CSS for wp-widget-wpc_sorting_widget, class: .elementor-element-ba181b4 */.elementor-4786 .elementor-element.elementor-element-ba181b4 select {
    padding: 8px 14px!important;
    background: #f8f8f7!important;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    border-radius: 100px;
    border: none;
    

}
.elementor-4786 .elementor-element.elementor-element-ba181b4 select:active, .elementor-4786 .elementor-element.elementor-element-ba181b4:focus-within select {

    background:hotpinkimportant;

    

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db991c9 */@media (max-width: 767px ) {.elementor-4786 .elementor-element.elementor-element-db991c9 .wpc-filters-open-button-container {
    display: block;
}}/* End custom CSS */
/* Start custom CSS for wp-widget-wpc_sorting_widget, class: .elementor-element-5a711ec */.elementor-4786 .elementor-element.elementor-element-5a711ec select {
    padding: 8px 14px!important;
    background: #f8f8f7!important;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    border-radius: 100px;
    border: none;
    

}
.elementor-4786 .elementor-element.elementor-element-5a711ec select:active, .elementor-4786 .elementor-element.elementor-element-5a711ec:focus-within select {

    background:hotpinkimportant;

    

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-58a3bb7 */.elementor-4786 .elementor-element.elementor-element-58a3bb7 {
 .subcategory-grid-wrapper {
    margin: 1.5rem 0;
}

.subcategory-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    /* Smooth expand/collapse via max-height transition */
    overflow: hidden;
    transition: max-height 0.4s ease;
}

/* Collapsed state: clamp to two rows using the JS-calculated CSS variable */
.subcategory-grid--collapsed {
    max-height: var( --grid-collapsed-height, 200px );
}

/* Expanded state: no height constraint */
.subcategory-grid--expanded {
    max-height: none;
}

.subcategory-grid__item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.subcategory-grid__item:hover,
.subcategory-grid__item:focus-visible {
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
    outline: none;
}

.subcategory-grid__name {
    font-weight: 600;
    font-size: 0.95rem;
}

.subcategory-grid__count {
    font-size: 0.8rem;
    color: #64748b;
}

/* See more button */
.subcategory-grid__more-wrap {
    margin-top: 1rem;
    text-align: center;
}

.subcategory-grid__more-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: transparent;
    font-size: 0.9rem;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.subcategory-grid__more-btn:hover,
.subcategory-grid__more-btn:focus-visible {
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
    outline: none;
}

/* Chevron icon — rotates when expanded */
.subcategory-grid__more-icon {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.25s ease;
    margin-bottom: 2px;
}

.subcategory-grid__more-btn[aria-expanded="true"] .subcategory-grid__more-icon {
    transform: rotate(225deg);
    margin-bottom: -2px;
}

/* Tablet */
@media (max-width: 900px) {
    .subcategory-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 640px) {
    .subcategory-grid {
        grid-template-columns: 1fr;
    }
}

}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-b3a7f8b */.elementor-4786 .elementor-element.elementor-element-b3a7f8b .elementor-pagination {
    z-index: 1000!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f17a74f */@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords;
  }

  [open]::details-content {
    height: auto;
  }
}

.elementor-4786 .elementor-element.elementor-element-f17a74f .faq-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.elementor-4786 .elementor-element.elementor-element-f17a74f .faq-answer {
    margin-top: 12px;
}

.elementor-4786 .elementor-element.elementor-element-f17a74f h2.jarilo-cro {
    color: var(--e-global-color-primary);
    font-size: 32px;
}
/* Light styling for presentation */
.elementor-4786 .elementor-element.elementor-element-f17a74f details {

    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    background: white;
    border-radius: 8px;
    padding: 16px;
}

.elementor-4786 .elementor-element.elementor-element-f17a74f summary {
  /* Pin the custom marker to the container */
  position: relative;
  /* Register summary as an anchor element */
  anchor-name: --summary;
   
    font-size: 16px;
    font-weight: 600;
    color: #354A36;
  
  &::marker {
    content: "";
  }
  
  &::before,
  &::after {
    /* Custom marker dimensions */
    content: "";
    border-block-start: 3px solid #354A36;
    height: 0;
    width: 1rem;
    
    /* Positions the lines */
    inset-block-start: 50%;
    inset-inline-end: 0;
    
    /* Anchor the shape to the summary */
    position: absolute;
    position-anchor: --summary;
    position-area: top end;
  }
  
  /* Rotate just the ::after line to create a "+"" shape */
  &::after {
    transform: rotate(90deg);
    transform-origin: 50%;
    transition: .2s;
  }
}

/* Rotate the line when open */

::details-content {
  transition: height 0.5s ease;
  height: 0;
  overflow: clip;
}
 
.elementor-4786 .elementor-element.elementor-element-f17a74f details[open] summary::after {
  transform: rotate(0deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d8662d3 */.elementor-4786 .elementor-element.elementor-element-d8662d3 .wpc-filters-section:has(.wpc-filters-ul-list > li:only-child:not([class])) {
    display: none;
}/* End custom CSS */