.elementor-18137 .elementor-element.elementor-element-7c41196c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-18137 .elementor-element.elementor-element-5bf4f8c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-5bf4f8c8.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-18137 .elementor-element.elementor-element-5bf4f8c8 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:12px;text-decoration:none;word-spacing:0px;text-align:start;}.elementor-18137 .elementor-element.elementor-element-5bf4f8c8 .woocommerce-breadcrumb > a{color:#A1A1A1;}.elementor-18137 .elementor-element.elementor-element-b9bfdda{--display:flex;--min-height:0px;--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:010px;--padding-left:50px;--padding-right:50px;}.elementor-18137 .elementor-element.elementor-element-b9bfdda.e-con{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-4806f463{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .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-18137 .elementor-element.elementor-element-16596b0f{width:var( --container-widget-width, 500px );max-width:500px;padding:0px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:start;}.elementor-18137 .elementor-element.elementor-element-16596b0f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18137 .elementor-element.elementor-element-16596b0f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-text );}.elementor-18137 .elementor-element.elementor-element-f825055{width:var( --container-widget-width, 500px );max-width:500px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:start;}.elementor-18137 .elementor-element.elementor-element-f825055.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-f825055 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:21px;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-widget-button .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-18137 .elementor-element.elementor-element-5f259b2e .elementor-button{background-color:#FFFFFF00;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:15px 20px 15px 15px;}.elementor-18137 .elementor-element.elementor-element-5f259b2e{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-18137 .elementor-element.elementor-element-5f259b2e.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-18137 .elementor-element.elementor-element-5f259b2e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-18137 .elementor-element.elementor-element-5f259b2e .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-18137 .elementor-element.elementor-element-362b7b35{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-18137 .elementor-element.elementor-element-362b7b35.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18137 .elementor-element.elementor-element-57493671{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18137 .elementor-element.elementor-element-62551bf2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );}.elementor-18137 .elementor-element.elementor-element-62551bf2.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-1b572536{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );}.elementor-18137 .elementor-element.elementor-element-1b572536.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-6abf22b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-6abf22b2.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-71339b57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );}.elementor-18137 .elementor-element.elementor-element-71339b57.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-369acdd7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );}.elementor-18137 .elementor-element.elementor-element-369acdd7.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-6e0553e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-6e0553e2.elementor-element{--align-self:flex-start;}.elementor-18137 .elementor-element.elementor-element-dd0b84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-dd0b84.elementor-element{--align-self:flex-start;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-18137 .elementor-element.elementor-element-706617e2{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18137 .elementor-element.elementor-element-706617e2.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.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-18137 .elementor-element.elementor-element-c915c8d{--grid-columns:7;--grid-row-gap:41px;--grid-column-gap:33px;}.elementor-18137 .elementor-element.elementor-element-c915c8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-1cf08e0a{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18137 .elementor-element.elementor-element-1cf08e0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18137 .elementor-element.elementor-element-7cc6b0cf{--grid-columns:3;--grid-row-gap:50px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-loop-nothing-found-message-align:center;--grid-column-gap:25px;--e-loop-nothing-found-message-space-from-top:20px;--e-loop-nothing-found-message-space-from-bottom:20px;--e-loop-nothing-found-message-color:var( --e-global-color-text );}.elementor-18137 .elementor-element.elementor-element-7cc6b0cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-7cc6b0cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .e-loop-nothing-found-message__text{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;}.elementor-18137 .elementor-element.elementor-element-81e5ffe{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 030px 0px;border-style:none;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:15px;--n-tabs-gap:20px;--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:00px;--n-tabs-title-padding-bottom:20px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:4px;--n-tabs-title-color:var( --e-global-color-secondary );--n-tabs-title-color-active:var( --e-global-color-text );--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:24px;--n-tabs-icon-gap:0px;--n-tabs-icon-color:var( --e-global-color-text );--n-tabs-icon-color-active:var( --e-global-color-text );}.elementor-18137 .elementor-element.elementor-element-81e5ffe > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-18137 .elementor-element.elementor-element-81e5ffe.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-81e5ffe.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18137 .elementor-element.elementor-element-81e5ffe.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;}.elementor-18137 .elementor-element.elementor-element-81e5ffe.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-18137 .elementor-element.elementor-element-81e5ffe.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:500;}.elementor-18137 .elementor-element.elementor-element-81e5ffe [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );--n-tabs-icon-color-hover:var( --e-global-color-primary );}:where( .elementor-18137 .elementor-element.elementor-element-81e5ffe.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;}@media(min-width:768px){.elementor-18137 .elementor-element.elementor-element-7c41196c{--content-width:1600px;}.elementor-18137 .elementor-element.elementor-element-b9bfdda{--content-width:1600px;}.elementor-18137 .elementor-element.elementor-element-4806f463{--width:100%;}.elementor-18137 .elementor-element.elementor-element-362b7b35{--content-width:1600px;}.elementor-18137 .elementor-element.elementor-element-57493671{--width:100%;}.elementor-18137 .elementor-element.elementor-element-706617e2{--width:100%;}.elementor-18137 .elementor-element.elementor-element-1cf08e0a{--width:100%;}}@media(max-width:1024px){.elementor-18137 .elementor-element.elementor-element-7c41196c{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-18137 .elementor-element.elementor-element-b9bfdda{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-18137 .elementor-element.elementor-element-362b7b35{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-18137 .elementor-element.elementor-element-c915c8d{--grid-columns:4;}.elementor-18137 .elementor-element.elementor-element-7cc6b0cf{--grid-columns:2;}.elementor-18137 .elementor-element.elementor-element-81e5ffe{--n-tabs-title-padding-top:20px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:020px;--n-tabs-title-padding-left:0px;}}@media(max-width:767px){.elementor-18137 .elementor-element.elementor-element-b9bfdda{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-18137 .elementor-element.elementor-element-57493671{--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;--align-items:center;}.elementor-18137 .elementor-element.elementor-element-62551bf2.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-1b572536.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-6abf22b2.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-71339b57.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-369acdd7.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-6e0553e2.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-dd0b84.elementor-element{--align-self:center;}.elementor-18137 .elementor-element.elementor-element-706617e2{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18137 .elementor-element.elementor-element-c915c8d{--grid-columns:2;}.elementor-18137 .elementor-element.elementor-element-c915c8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18137 .elementor-element.elementor-element-7cc6b0cf{--grid-columns:1;}.elementor-18137 .elementor-element.elementor-element-81e5ffe{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-title-gap:5px;--n-tabs-gap:10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-369acdd7 *//* Hides any filter block that has an empty list */
div.wpfFilterWrapper:has(ul.wpfFilterVerScroll:empty) {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c915c8d *//*
  === Custom Grid Breakpoints ===
  Desktop 1: 1441px - 1715px (6-Col)
  Desktop 2: 1211px - 1440px (5-Col)
  Tablet 1:  861px - 1210px (4-Col)
  Tablet 2:  481px - 860px (3-Col)
  Mobile:    480px and down (2-Col)
*/

/* --- 1. Desktop Wide (6 Columns) --- */
/* 1441px to 1715px (Range: 274px) */
@media (min-width: 1441px) and (max-width: 1715px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(6, 1fr);
    column-gap: clamp(25px, calc(19.891vw - 261.622px), 79.5px); /* Your value */
    row-gap: 30px; 
  }
}

/* --- 2. Desktop (5 Columns) --- */
/* 1211px to 1440px (Range: 229px) */
@media (min-width: 1211px) and (max-width: 1440px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(23.5px, calc(25.109vw - 280.572px), 81px);
  }
}

/* --- 3. Tablet Wide (4 Columns) --- */
/* 861px to 1210px (Range: 349px) 
   (This is the top half of your Tablet breakpoint)
*/
@media (min-width: 901px) and (max-width: 1210px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(33.333vw - 285.333px), 118px);
  }
}

/* --- 4. Tablet Narrow (3 Columns) --- */
/* 481px to 860px (Range: 379px)
   (This is the bottom half of your Tablet breakpoint)
*/
@media (min-width: 686px) and (max-width: 900px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(50vw - 328px), 122px)
  }
}

/* --- 5. Tablet Narrow (2 Columns) --- */
/* 481px to 685px (Range: 204px) */
@media (min-width: 481px) and (max-width: 685px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px; /* Adjust as needed */
    
    /* SET THE HORIZONTAL GAP (FLUID) */
    column-gap: clamp(23px, calc(100vw - 458px), 227px);
  }
}

/* --- 6. Mobile (2 Columns) --- */
/* 480px and down 
   (This is your Mobile breakpoint)
*/
@media (min-width: 461px) and (max-width: 480px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(5px, calc(94.737vw - 431.737px), 23px);
  }
}

/* --- 7. Mobile Small (1 Column, Centered) --- */
/* 460px and down */
@media (max-width: 460px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 20px; /* Adjust as needed */
    
    /* Add this line to center the card */
    justify-items: center; 
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7cc6b0cf *//* --- 0. GLOBAL SAFETY: FORCE CARDS TO SHRINK --- */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container .e-loop-item,
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container .elementor-element {
  min-width: 0 !important; /* Allow shrinking to 0 */
  max-width: 100% !important; /* Never exceed column width */
  width: 100% !important; /* Fill the column exactly */
}

/* Ensure images don't hold the card open */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container img {
  width: 100% !important;
  max-width: 100% !important;
}
/* === ALTERNATE PRODUCT CARD GRID ===
   
   1. Over 1715px:      3-Col, Fixed 158px Gap
   2. 1450px - 1714px:  3-Col, Fluid Gap (158px -> 25px)
   3. 1211px - 1449px:  3-Col, Fixed 25px Gap (Cards scale down)
   4. 939px  - 1210px:  2-Col, Fixed 25px Gap
   5. 938px and below:  1-Col
*/

/* --- 0. Global Safety (Prevents Grid Blowout) --- */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container > .elementor-element {
  min-width: 0 !important;
  width: 100% !important;
}

/* --- 1. Large Desktop (Static) --- */
/* 1715px and up */
@media (min-width: 1715px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 158px; /* Fixed large gap */
    row-gap: 30px; 
  }
}

/* --- 2. Transition Range (Fluid Gap) --- */
/* 1450px to 1714px
   Gap shrinks drastically from 158px down to 25px 
   to preserve card size before the next stage.
*/
@media (min-width: 1450px) and (max-width: 1714px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
    
    /* MATH: 1714px=158px | 1450px=25px */
    column-gap: clamp(25px, calc(50.379vw - 705.49px), 158px);
  }
}

/* --- 3. Desktop Standard (Scaling Cards) --- */
/* 1211px to 1449px
   Gap stays at 25px. 
   Cards naturally shrink as screen gets smaller.
*/
@media (min-width: 911px) and (max-width: 1449px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px; /* Fixed */
    row-gap: 30px;
  }
}

/* --- 4. Tablet Landscape (2 Columns) --- */
/* 939px to 1210px
   Drops to 2 cols. Cards become large again.
*/
@media (min-width: 639px) and (max-width: 910px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px; /* Fixed */
    row-gap: 30px;
  }
}

/* --- 5. Mobile/Tablet Portrait (1 Column) --- */
/* 938px and below */
@media (max-width: 638px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 25px;
    justify-items: center; /* Centers the card */
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c915c8d *//*
  === Custom Grid Breakpoints ===
  Desktop 1: 1441px - 1715px (6-Col)
  Desktop 2: 1211px - 1440px (5-Col)
  Tablet 1:  861px - 1210px (4-Col)
  Tablet 2:  481px - 860px (3-Col)
  Mobile:    480px and down (2-Col)
*/

/* --- 1. Desktop Wide (6 Columns) --- */
/* 1441px to 1715px (Range: 274px) */
@media (min-width: 1441px) and (max-width: 1715px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(6, 1fr);
    column-gap: clamp(25px, calc(19.891vw - 261.622px), 79.5px); /* Your value */
    row-gap: 30px; 
  }
}

/* --- 2. Desktop (5 Columns) --- */
/* 1211px to 1440px (Range: 229px) */
@media (min-width: 1211px) and (max-width: 1440px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(23.5px, calc(25.109vw - 280.572px), 81px);
  }
}

/* --- 3. Tablet Wide (4 Columns) --- */
/* 861px to 1210px (Range: 349px) 
   (This is the top half of your Tablet breakpoint)
*/
@media (min-width: 901px) and (max-width: 1210px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(33.333vw - 285.333px), 118px);
  }
}

/* --- 4. Tablet Narrow (3 Columns) --- */
/* 481px to 860px (Range: 379px)
   (This is the bottom half of your Tablet breakpoint)
*/
@media (min-width: 686px) and (max-width: 900px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(50vw - 328px), 122px)
  }
}

/* --- 5. Tablet Narrow (2 Columns) --- */
/* 481px to 685px (Range: 204px) */
@media (min-width: 481px) and (max-width: 685px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px; /* Adjust as needed */
    
    /* SET THE HORIZONTAL GAP (FLUID) */
    column-gap: clamp(23px, calc(100vw - 458px), 227px);
  }
}

/* --- 6. Mobile (2 Columns) --- */
/* 480px and down 
   (This is your Mobile breakpoint)
*/
@media (min-width: 461px) and (max-width: 480px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(5px, calc(94.737vw - 431.737px), 23px);
  }
}

/* --- 7. Mobile Small (1 Column, Centered) --- */
/* 460px and down */
@media (max-width: 460px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 20px; /* Adjust as needed */
    
    /* Add this line to center the card */
    justify-items: center; 
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7cc6b0cf *//* --- 0. GLOBAL SAFETY: FORCE CARDS TO SHRINK --- */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container .e-loop-item,
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container .elementor-element {
  min-width: 0 !important; /* Allow shrinking to 0 */
  max-width: 100% !important; /* Never exceed column width */
  width: 100% !important; /* Fill the column exactly */
}

/* Ensure images don't hold the card open */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container img {
  width: 100% !important;
  max-width: 100% !important;
}
/* === ALTERNATE PRODUCT CARD GRID ===
   
   1. Over 1715px:      3-Col, Fixed 158px Gap
   2. 1450px - 1714px:  3-Col, Fluid Gap (158px -> 25px)
   3. 1211px - 1449px:  3-Col, Fixed 25px Gap (Cards scale down)
   4. 939px  - 1210px:  2-Col, Fixed 25px Gap
   5. 938px and below:  1-Col
*/

/* --- 0. Global Safety (Prevents Grid Blowout) --- */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container > .elementor-element {
  min-width: 0 !important;
  width: 100% !important;
}

/* --- 1. Large Desktop (Static) --- */
/* 1715px and up */
@media (min-width: 1715px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 158px; /* Fixed large gap */
    row-gap: 30px; 
  }
}

/* --- 2. Transition Range (Fluid Gap) --- */
/* 1450px to 1714px
   Gap shrinks drastically from 158px down to 25px 
   to preserve card size before the next stage.
*/
@media (min-width: 1450px) and (max-width: 1714px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
    
    /* MATH: 1714px=158px | 1450px=25px */
    column-gap: clamp(25px, calc(50.379vw - 705.49px), 158px);
  }
}

/* --- 3. Desktop Standard (Scaling Cards) --- */
/* 1211px to 1449px
   Gap stays at 25px. 
   Cards naturally shrink as screen gets smaller.
*/
@media (min-width: 911px) and (max-width: 1449px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px; /* Fixed */
    row-gap: 30px;
  }
}

/* --- 4. Tablet Landscape (2 Columns) --- */
/* 939px to 1210px
   Drops to 2 cols. Cards become large again.
*/
@media (min-width: 639px) and (max-width: 910px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px; /* Fixed */
    row-gap: 30px;
  }
}

/* --- 5. Mobile/Tablet Portrait (1 Column) --- */
/* 938px and below */
@media (max-width: 638px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 25px;
    justify-items: center; /* Centers the card */
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c915c8d *//*
  === Custom Grid Breakpoints ===
  Desktop 1: 1441px - 1715px (6-Col)
  Desktop 2: 1211px - 1440px (5-Col)
  Tablet 1:  861px - 1210px (4-Col)
  Tablet 2:  481px - 860px (3-Col)
  Mobile:    480px and down (2-Col)
*/

/* --- 1. Desktop Wide (6 Columns) --- */
/* 1441px to 1715px (Range: 274px) */
@media (min-width: 1441px) and (max-width: 1715px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(6, 1fr);
    column-gap: clamp(25px, calc(19.891vw - 261.622px), 79.5px); /* Your value */
    row-gap: 30px; 
  }
}

/* --- 2. Desktop (5 Columns) --- */
/* 1211px to 1440px (Range: 229px) */
@media (min-width: 1211px) and (max-width: 1440px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(23.5px, calc(25.109vw - 280.572px), 81px);
  }
}

/* --- 3. Tablet Wide (4 Columns) --- */
/* 861px to 1210px (Range: 349px) 
   (This is the top half of your Tablet breakpoint)
*/
@media (min-width: 901px) and (max-width: 1210px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 30px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(33.333vw - 285.333px), 118px);
  }
}

/* --- 4. Tablet Narrow (3 Columns) --- */
/* 481px to 860px (Range: 379px)
   (This is the bottom half of your Tablet breakpoint)
*/
@media (min-width: 686px) and (max-width: 900px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(15px, calc(50vw - 328px), 122px)
  }
}

/* --- 5. Tablet Narrow (2 Columns) --- */
/* 481px to 685px (Range: 204px) */
@media (min-width: 481px) and (max-width: 685px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px; /* Adjust as needed */
    
    /* SET THE HORIZONTAL GAP (FLUID) */
    column-gap: clamp(23px, calc(100vw - 458px), 227px);
  }
}

/* --- 6. Mobile (2 Columns) --- */
/* 480px and down 
   (This is your Mobile breakpoint)
*/
@media (min-width: 461px) and (max-width: 480px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 25px;
    /* !!! We need to recalculate this clamp() !!! */
    column-gap: clamp(5px, calc(94.737vw - 431.737px), 23px);
  }
}

/* --- 7. Mobile Small (1 Column, Centered) --- */
/* 460px and down */
@media (max-width: 460px) {
  .elementor-18137 .elementor-element.elementor-element-c915c8d .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 20px; /* Adjust as needed */
    
    /* Add this line to center the card */
    justify-items: center; 
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7cc6b0cf *//* --- 0. GLOBAL SAFETY: FORCE CARDS TO SHRINK --- */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container .e-loop-item,
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container .elementor-element {
  min-width: 0 !important; /* Allow shrinking to 0 */
  max-width: 100% !important; /* Never exceed column width */
  width: 100% !important; /* Fill the column exactly */
}

/* Ensure images don't hold the card open */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container img {
  width: 100% !important;
  max-width: 100% !important;
}
/* === ALTERNATE PRODUCT CARD GRID ===
   
   1. Over 1715px:      3-Col, Fixed 158px Gap
   2. 1450px - 1714px:  3-Col, Fluid Gap (158px -> 25px)
   3. 1211px - 1449px:  3-Col, Fixed 25px Gap (Cards scale down)
   4. 939px  - 1210px:  2-Col, Fixed 25px Gap
   5. 938px and below:  1-Col
*/

/* --- 0. Global Safety (Prevents Grid Blowout) --- */
.elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container > .elementor-element {
  min-width: 0 !important;
  width: 100% !important;
}

/* --- 1. Large Desktop (Static) --- */
/* 1715px and up */
@media (min-width: 1715px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 158px; /* Fixed large gap */
    row-gap: 30px; 
  }
}

/* --- 2. Transition Range (Fluid Gap) --- */
/* 1450px to 1714px
   Gap shrinks drastically from 158px down to 25px 
   to preserve card size before the next stage.
*/
@media (min-width: 1450px) and (max-width: 1714px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 30px;
    
    /* MATH: 1714px=158px | 1450px=25px */
    column-gap: clamp(25px, calc(50.379vw - 705.49px), 158px);
  }
}

/* --- 3. Desktop Standard (Scaling Cards) --- */
/* 1211px to 1449px
   Gap stays at 25px. 
   Cards naturally shrink as screen gets smaller.
*/
@media (min-width: 911px) and (max-width: 1449px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 25px; /* Fixed */
    row-gap: 30px;
  }
}

/* --- 4. Tablet Landscape (2 Columns) --- */
/* 939px to 1210px
   Drops to 2 cols. Cards become large again.
*/
@media (min-width: 639px) and (max-width: 910px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px; /* Fixed */
    row-gap: 30px;
  }
}

/* --- 5. Mobile/Tablet Portrait (1 Column) --- */
/* 938px and below */
@media (max-width: 638px) {
  .elementor-18137 .elementor-element.elementor-element-7cc6b0cf .elementor-loop-container {
    grid-template-columns: 1fr;
    row-gap: 25px;
    justify-items: center; /* Centers the card */
  }
}/* End custom CSS */