:root{
   --opaque-blue: rgba(0, 101, 218, 0.07);
   --dark-grey: #1A1A1A;
   --smokey-grey: #6E6E6E;
   --pd-orange: rgba(225, 110, 38, 1);
}

.bg-opaque-blue {background: var(--opaque-blue);}


.productsummery .category {background: var(--opaque-blue);width: fit-content;padding: 9px 16px;margin-bottom: 14px;}
.productsummery .category p {margin-bottom: 0;color: var(--color-secondary-blue);font-size: 13px;font-weight: 500;letter-spacing: 0.52px;text-transform: uppercase;line-height: 1.3846;}
.productherosec h1 {color: var(--dark-grey);font-size: clamp(1.875rem, 1.6908rem + 0.8421vw, 2.375rem);font-weight: 600;}
.productherosec .skudetails {margin-bottom: 20px;}
.productherosec .skudetails p {margin-bottom: 0;color: var(--smokey-grey);}


.shortsummery {position: relative;margin-bottom: 34px;}
.shortsummery__content {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: max-height 0.35s ease;}
.shortsummery.is-expanded .shortsummery__content {-webkit-line-clamp: unset;max-height: 1000px;}
.shortsummery__toggle {margin-top: 2px;padding: 0;background: none;border: none;color: var(--color-secondary-blue);cursor: pointer;font-size: 15px;line-height: 1;}
.shortsummery__toggle.is-hidden {display: none;}
.shortsummery__content p:last-child {margin-bottom: 0;}


.skudetails p {display: flex;align-items: center;gap: 8px;}
.copy-btn {border: none;background: transparent;cursor: pointer;font-size: 18px;opacity: 0.7;padding: 0;line-height: 0;}
.copy-btn:hover {opacity: 1;}
.toast {display: block!important;position: fixed;bottom: 30px;right: 30px;background: var(--color-primary-orange);color: var(--color-text-white);padding: 10px 16px;border-radius: 0;font-size: 14px;opacity: 0;transform: translateY(10px);transition: all 0.3s ease;pointer-events: none;z-index: 9999;border: none;}
.toast.show {opacity: 1;transform: translateY(0);}


.productherosec .shippingdetails {width: fit-content;padding: 26px 30px 20px 34px;background: rgba(225, 236, 251, 0.60);margin: 0;border: 0;clip-path: polygon(0px 0%, calc(100% - 30px) 0%, 100% 30px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 20px 100%, 0% calc(100% - 0px), 0% 20px) !important;}
span.products-tag-heading {display: inline-block;color: #8EA3C2;font-size: 13px;font-weight: 500;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 10px;line-height: 1;}

.productherosec .subcategories {margin-bottom: 32px;}
.productherosec .product-tag-heading {display: inline-block;color: #8EA3C2;font-size: 13px;font-weight: 500;line-height: 1;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 10px;}
.productherosec .subcategories ul {display: flex;gap: 8px;flex-wrap: wrap;}
.productherosec .subcategories ul li {border-radius: 1px;border: 1px solid rgba(225, 110, 38, 0.70);background: rgba(225, 110, 38, 0.11);color: rgba(184, 83, 20, 1); font-size: 13px;font-weight: 500;line-height: 1.2;text-align: center;align-content: center;padding: 5px 10px;}
.productherosec .shippingdetails ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 50px;}
.productherosec .shippingdetails ul li {padding: 0;color: var(--color-text-black);line-height: 1.2;display: flex;align-items: self-start;}
.productherosec .shippingdetails ul li img {margin-right: 5px;}
.productherosec .shippingdetails ul li::before {display: none;}


.productherosec .btnwrap {padding-top: 46px;}
.productherosec .btnsec.btnwrap a.btn {overflow: hidden;border-radius: 0;}
.productherosec .productgallery {max-width: none;overflow: hidden;height: fit-content;position: sticky;top: 110px;}
.productherosec .productgallery img {aspect-ratio: 4 / 2.425;object-fit: contain;}
.productherosec .productgallery .product-nav img {aspect-ratio: 4 / 2.5946;}
/* .productherosec .shippingdetails ul li:not(:nth-child(1)) {margin-top: 20px;} */
.productherosec .product-img .imgbox.slick-slide {clip-path: polygon(0px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 40px 100%, 0% calc(100% - 40px), 0% 20px) !important; padding: 25px; background: #e0edff;}
.productherosec .productgallery .product-nav {margin-top: 12px;}
.productherosec .productgallery .product-nav .slick-slide {margin-left: 12px;}

/* ################################################ PRODUCT ATTACHMENTS STYLES ################################################ */
.productquicklinks {border: none;padding-top: 80px;margin: 0;}
.productquicklinks ul {gap: 32px;padding: 30px;}
.productquicklinks ul li span {margin: 0;}
.productquicklinks ul li a {padding: 18px 20px;background: var(--color-text-white);position: relative;padding-right: 40px;clip-path: polygon(0px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 20px 100%, 0% calc(100% - 0px), 0% 20px);border: 0;color: var(--color-text-black);font-family: var(--font-montserrat);font-size: clamp(0.875rem, 0.8059rem + 0.3158vw, 1.0625rem);font-weight: 520;}
.productquicklinks ul li .attachment-icon {margin-right: 16px;opacity: 1;background: rgba(225, 110, 38, 0.1);transition: .3s all;padding: 10px;clip-path: polygon(0px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 20px 100%, 0% calc(100% - 0px), 0% 20px) !important;}
.productquicklinks ul li a:hover .attachment-icon {background: rgba(225, 110, 38, 1);}
.productquicklinks ul li a .attachment-icon svg * {transition: .3s all;}
.productquicklinks ul li a:hover .attachment-icon svg * {stroke:var(--color-text-white);}
.productquicklinks ul li:nth-child(1) a:hover .attachment-icon svg *, .productquicklinks ul li:nth-child(4) a:hover .attachment-icon svg * {stroke: none;fill: var(--color-text-white);}


.productquicklinks ul li .attachment-icon img {min-width: 20px;max-width: 20px;}
.productquicklinks ul li a span.attachment-arrow-icon {display: inline-block;margin: 0;position: absolute;top: 50%;right: 10px;transform: translate(-50%, -50%);width: 15px;height: 19px;white-space: nowrap;overflow: hidden;}
.productquicklinks ul li a span.attachment-arrow-icon::after {content: '';background: url("/wp-content/uploads/2026/04/attachment-arrow-icon.svg") center / contain no-repeat;width: 15px;height: 19px;display: inline-block;vertical-align: middle;}
.attachment-content span.attachment-detail {color: #4C4C4C;font-size: 13px;display: block;font-weight: 400;font-family: var(--font-sapceGrotesk);}
.attachment-content span.attachment-name {margin-bottom: 2px;display: inline-block;font-weight: 500;font-size: clamp(0.875rem, 0.8059rem + 0.3158vw, 1.0625rem);}


span.attachment-arrow-icon svg {transform: translateX(0);transition: .3s all;margin-left: -15px;}
.productquicklinks ul li a:hover span.attachment-arrow-icon svg {transform: translateX(15px);}
.productquicklinks ul li a:hover span.attachment-arrow-icon svg path {fill: var(--color-secondary-blue);}
.productquicklinks ul li a span.attachment-arrow-icon::after {transform: translateX(0);transition: .3s all;}
.productquicklinks ul li a:hover span.attachment-arrow-icon::after {transform: translateX(20px);}




.video-modal {position: fixed;inset: 0;z-index: 9999;visibility: hidden;pointer-events: none;}
.video-modal.active {visibility: visible;pointer-events: auto;}
.video-modal__overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.75);backdrop-filter: blur(6px);opacity: 0;transition: opacity 0.3s ease;}
.video-modal.active .video-modal__overlay {opacity: 1;}
.video-modal__container {position: relative;max-width: 1100px;width: 90%;margin: 0 auto;top: 50%;transform: translateY(-40%) scale(0.95);opacity: 0;transition: all 0.35s ease;}
.video-modal.active .video-modal__container {transform: translateY(-50%) scale(1);opacity: 1;}
.video-modal__close {position: absolute;top: -40px;right: -30px;background: transparent;color: #fff;font-size: 70px;border: none;cursor: pointer;padding: 0;line-height: 1;font-weight: 100;}
.video-modal__content {position: relative;padding-top: 56.25%;overflow: hidden;}
.video-modal__content iframe {position: absolute;inset: 0;width: 100%;height: 100%;clip-path: polygon(0px 0%, calc(100% - 40px) 0%, 100% 40px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 40px 100%, 0% calc(100% - 40px), 0% 20px) !important;background: #FFF;padding: 30px;}
body.modal-open {overflow: hidden;}





/* ################################################ PRODUCT CARDS ################################################ */
.key-protocols {margin-bottom: 22px;}
.key-protocols .kp-title.product-tag-heading{color: #8EA3C2;font-size: 12px;font-weight: 500;line-height: 15.6px;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 8px;}
.key-protocols .subcategories ul.kp-list li {font-size: 12px;font-weight: 500;line-height: normal;}
.prod-list .productcard .contentbox h3 {min-height: 51px!important;}




/* ################################################ PRODUCT TABS STYLES ################################################ */

.product-page .tab-navs {border-bottom: 2px solid rgba(217, 217, 217, 0.40);overflow-x: scroll;scrollbar-width: none;padding-bottom: 2px;margin: 0px 40px;}
.product-page .tab-navs li {color: #4C4C4C;text-align: center;font-size: 16px!important;font-weight: 500;text-transform: uppercase;border-bottom: 3px solid transparent;text-wrap: nowrap;}
.product-page .tab-navs li.active {border-bottom: 3px solid var(--pd-orange);color: var(--pd-orange);}
.tabwrapper {border-radius: 0;}
.productdetails {padding: 0;background: transparent;}
.productherosec .productsummery .btnwrap {display: flex;gap: 15px 28px;flex-wrap: wrap;}
.product-page .tab-content.feature > section:not(:last-child) {margin-bottom: 60px;}
.read-more-content:has(+.read-more-btn) {margin-bottom: 20px;}

.product-page .tab-content ul {margin: 0;padding: 0;list-style: none;}
.product-page .tab-content ul ul {margin-top: 14px;}
.product-page .tab-content ul li {position: relative;padding-left: 30px;}
.product-page .tab-content ul li:not(:last-child) {margin-bottom: 14px;}
.product-page .tab-content ul li::before {content: "";background-image: url("/wp-content/uploads/2026/04/achievement-1-1.svg");display: block;height: 20px;background-repeat: no-repeat;background-size: contain;margin-top: 3px;width: 23px;position: absolute;left: 0;top: 0;}

.spec-comparison-table .tablepress > :where(thead,tfoot) > tr > * {background-color: var(--color-secondary-blue);color: var(--color-text-white);text-align: center;font-family: var(--font-montserrat);font-size: 20px;font-weight: 600;line-height: 140%;}
.spec-comparison-table .tablepress > :where(thead)+tbody > :where(:not(.child)) > *,.spec-comparison-table .tablepress > tbody > *~:where(:not(.child)) > *, .tablepress > tfoot > :where(:first-child) > * {border: none;}
.spec-comparison-table .tablepress tbody.row-striping td.column-1 {color: #000;font-family: var(--font-montserrat);font-size: 16px;font-style: normal;font-weight: 500;line-height: 150%;}
.spec-comparison-table .tablepress > .row-hover > tr td {color: #525252;font-family: var(--font-sapceGrotesk);font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;border: solid 1px #efefef;}





/* ################################################ PRODUCT SPECIFICATIONS STYLES ################################################ */

.product-page .tabcontentwrap .tab-content > section:not(:last-child) {margin-bottom: 63px;}
.product-page .tab-content .layout-heading {color: var(--color-text-black);font-family: var(--font-montserrat);font-size: 24px;font-weight: 600;line-height: normal;margin-bottom: 20px;}
.product-page .tab-content .layout-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.product-page .tab-content .layout-card {overflow:hidden;}
.product-page .tab-content .layout-media img {width:100%;display:block;aspect-ratio: 4 / 2.1;object-fit: cover;clip-path: polygon(0px 0%, calc(100% - 30px) 0%, 100% 30px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 20px 100%, 0% calc(100% - 0px), 0% 20px);}
.product-page .tab-content .layout-content {padding: 20px 20px 24px 26px;border: 1px solid #D2D2D2;}
.product-page .tab-content .layout-title {color: var(--color-text-black);font-family: var(--font-montserrat);font-size: 18px;font-weight: 600;line-height: normal;margin-bottom: 8px;}
.product-page .tab-content .layout-subtext {color: #2D2D2D;line-height: normal;}

@media(max-width:992px){.product-page .tab-content .layout-grid {grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.product-page .tab-content .layout-grid {grid-template-columns:1fr;}}
@media(max-width:576px){.product-page .tab-content .layout-heading {font-size:22px;}.product-page .tab-navs{margin: 0px 20px;}}




.spec-comparison-heading{font-size: clamp(1.125rem, 0.9868rem + 0.6316vw, 1.5rem);font-weight:600;margin-bottom:20px;color:#222;}
.spec-comparison-table{width:100%;overflow:hidden;}
.spec-comparison-row{display:grid;grid-template-columns:1fr 2fr 2fr;align-items:center;padding: 10px 20px;gap: 0 60px;}
.spec-comparison-header{background:var(--color-secondary-blue);position:sticky;top:0;z-index:5;}
.spec-comparison-header .spec-comparison-cell {color: var(--color-text-white);font-family: var(--font-montserrat);font-size: clamp(1rem, 0.9079rem + 0.4211vw, 1.25rem);font-weight: 600;text-align: center;}
.spec-comparison-row:not(.spec-comparison-header){background: var(--color-text-white);padding: 18px 20px;}
.spec-comparison-row.is-alt{background:#F9F9F9;}
.spec-comparison-cell{color: #525252;font-size: 14px;font-family: var(--font-montserrat);}
.spec-comparison-row:not(.spec-comparison-header) .spec-comparison-cell:first-child {color: var(--color-text-black);font-family: var(--font-montserrat);font-weight: 500;}

@media(max-width:1200px){
   .spec-comparison-row{grid-template-columns:1.5fr 2.5fr 2.5fr;gap: 0 40px;}
}
@media(max-width:992px){
   .spec-comparison-row{grid-template-columns:1.5fr 2fr 1.5fr;}
}

@media(max-width:768px){
   .spec-comparison-cell {font-size: 12px;}
   .spec-comparison-row:not(.spec-comparison-header) {padding: 10px;gap: 0 10px;}
}


.yt-heading {font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.yt-wrapper {display: grid;grid-template-columns: 2fr 1fr;border: 1px solid #D6E8FF;background: #fff;}
.yt-frame {position: relative;background: #000;aspect-ratio: 16 / 9;overflow: hidden;}
.yt-frame img {width: 100%;height: 100%;object-fit: cover;display: block;}
.yt-frame iframe {width: 100%;height: 100%;display: block;border: none;}
.yt-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70px;height: 50px;background: red;border: none;border-radius: 10px;cursor: pointer;transition: background 0.2s ease, transform 0.15s ease;z-index: 2;}
.yt-play:hover {background: #cc0000;transform: translate(-50%, -50%) scale(1.08);}
.yt-play::before {content: '';position: absolute;left: 26px;top: 15px;border-left: 18px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.yt-player .yt-info {padding: 20px 25px;position: relative;}
.yt-player .yt-info #yt-title {color: #0F2C74;font-size: clamp(1.125rem, 1.0789rem + 0.2105vw, 1.25rem);font-weight: 700;line-height: 1.5;margin-bottom: 10px;min-height: 1.5em;}
.yt-channel-name {display: block;color: #9AB0CC;font-size: 15px;font-weight: 300;}
.info-yt-seperator {margin-inline: 8px;}
.yt-sidebar {border-left: 1px solid #D6E8FF;margin-left: 25px;}
.yt-playlist-heading {padding: 20px;border-bottom: 1.25px solid #D6E8FF;}
.yt-sidebar .yt-playlist-heading h3 {color: #0F2C74;font-size: 16.4px;font-weight: 700;line-height: 24.6px;margin: 0;}
.playlist-video-count {color: #9AB0CC;font-size: 14.4px;font-weight: 300;line-height: 21.6px;}
.yt-items {max-height: 500px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #D6E8FF transparent;}
.yt-items::-webkit-scrollbar {width: 4px; }
.yt-items::-webkit-scrollbar-track {background: transparent;}
.yt-items::-webkit-scrollbar-thumb {background: #D6E8FF; border-radius: 4px;}
.yt-watch {color: #1B81BB;font-size: 15px;font-weight: 600;line-height: 23px;display: inline-block;position: absolute;right: 25px;bottom: 20px;}
.yt-watch-red {border-radius: 3.75px;background: #F00;padding: 2px 5px;display: inline-block;font-size: 13.6px;line-height: 20px;color: #FFF;margin-left: 6px;}

.yt-item {display: flex;gap: 12px;padding: 12px 20px;cursor: pointer;border-left: 3.75px solid transparent;transition: background 0.18s ease;outline: none;border-bottom: 1.7px solid transparent;}
.yt-item:hover {background: rgba(27, 129, 187, 0.05);}
.yt-item:focus-visible {outline: 2px solid #1B81BB;outline-offset: -2px;}
.yt-item.active {border-left: 3.75px solid #1B81BB;background: rgba(27, 129, 187, 0.08);border-bottom: 1.7px solid #1B81BB;}
.yt-thumb {min-width: 90px;max-width: 90px;height: 63px;background-size: cover;background-position: center;background-color: #e8edf5;border-radius: 5px;flex-shrink: 0;position: relative;overflow: hidden;}
.yt-item-title {color: #0F2C74;font-size: 15px;font-weight: 400;line-height: 1.435;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: .3s color;}
.yt-item.active .yt-item-title {font-weight: 700;color: #1B81BB;}
.yt-duration {color: #9AB0CC;font-size: 13px;font-weight: 400;line-height: 1.55;margin-top: 4px;}
.yt-item-title.is-loading, .yt-duration.is-loading {background: linear-gradient(90deg, #e8edf5 25%, #d4dce9 50%, #e8edf5 75%);background-size: 200% 100%;animation: yt-shimmer 1.4s infinite;border-radius: 4px;color: transparent;user-select: none;}
.yt-item-title.is-loading {height: 34px; width: 90%; }
.yt-duration.is-loading {height: 14px; width: 35%; margin-top: 6px; }

.yt-item.active .yt-thumb::before {content: '';background: url("/wp-content/uploads/2026/04/yt-tabs-active-icon.svg") center / 11px no-repeat, #FFF;width: 22px;height: 22px;display: inline-block;padding: 12px;border-radius: 50%;transform: translate(-50%, -50%);position: relative;top: 50.5%;left: 50%;z-index: 2;}
.yt-item.active .yt-thumb::after {content: '';display: inline-block;width: 100%;height: 100%;background: rgba(27, 129, 187, 0.60);position: absolute;top: 0;left: 0;}

@keyframes yt-shimmer {
   0%   {background-position: 200% 0; }
   100% {background-position: -200% 0; }
}

@media (max-width: 992px) {
   .yt-wrapper {grid-template-columns: 1fr;}
   .yt-sidebar {border-left: none;border-top: 1px solid #D6E8FF;margin-left: 0;}
   .yt-items {max-height: 320px;}
   .yt-watch {position: static;transform: none;margin-top: 15px;}
   .yt-player .yt-info {padding: 15px 20px;}
}

/* ################################################ YOUTUBE CARDS ################################################ */
.yvids-heading {font-size: 26px;font-weight: 600;margin: 0 0 20px;color: #111827;}
.yvids-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.yvid-card {overflow: hidden;}
.yvid-iframe {display: block;width: 100%;aspect-ratio: 16 / 9;border: none;}
.yvid-body {border: 1px solid #D2D2D2;padding: 18px 20px 20px;}
.yvid-card .yvid-body .yvid-title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #000;font-family: var(--font-montserrat);font-size: 22px;font-weight: 600;line-height: 1.3;margin-bottom: 16px;overflow: hidden;}
.yvid-desc {color: #6B7280;font-size: 14px;line-height: 1.65;margin: 0 0 16px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.yvid-card .yvid-body .yvid-desc {margin: 0 0 16px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #2D2D2D;font-weight: 400;line-height: 1.5;}

@media (max-width: 768px) {
   .yvids-grid {grid-template-columns: 1fr;gap: 20px;}
   .yvid-body,.product-page .tab-content .layout-content {padding: 15px 18px 18px; }
}

/* ################################################ PRODUCT PAGE REQUEST FORM ################################################ */

.slide-form {padding: 0;scrollbar-width: none;}
.slide-form .close-btn {padding: 0;right: 30px;z-index: 99999;}
.slide-form .gform_description, .slide-form form.global-form {padding-inline: 30px;}
.slide-form form.global-form {overflow-x: hidden;}

.slide-form .gform_heading h2 {color: #000;font-family: var(--font-montserrat);font-size: 22px;font-style: normal;font-weight: 600;line-height: 16.8px;padding: 24px 30px;background: #EDF5FF;}

.slide-form .gform-theme--foundation .gform_fields,
.slide-form .ginput_complex.ginput_container.gform-grid-row {row-gap: 20px;}
.slide-form .gfield label.gfield_label.gform-field-label,
.slide-form .field_sublabel_above .ginput_complex label.gform-field-label.gform-field-label--type-sub {color: #4D4D4D;font-size: 18px;font-weight: 400;line-height: normal;position: relative;top: 35px;transition: .3s all;left: 0;pointer-events: none;}
.slide-form .gform-theme--foundation .gfield .ginput_container input, .slide-form .gfield .ginput_container select, .slide-form .ginput_container_multiselect .chosen-container {border: none!important;outline: none!important;border-bottom: 1px solid #000!important;border-radius: 0!important;background: transparent!important;box-shadow: none!important;}

.slide-form .gfield:focus-within .gfield_label.gform-field-label {top: 9px;transform: translateX(-20px) scale(0.9);left: 0!important;}
.slide-form .gfield.gfield--type-phone .iti input {border: none !important;}
.slide-form .gfield.gfield--type-phone label.gfield_label.gform-field-label {left: 82px;top: 37px;}
.slide-form .gfield.gfield--type-phone:focus-within .gfield_label.gform-field-label {left: 0;top: 0;}  


.slide-form .gfield:has(input.filled) .gfield_label.gform-field-label {top: 9px;transform: translateX(-20px) scale(0.9);}
.slide-form .gfield.gfield--type-phone:has(input.filled) .gfield_label.gform-field-label {left: 0;top: 0;}

.slide-form .gfield.gfield--type-multiselect .ginput_container.ginput_container_multiselect .chosen-choices li.search-field input[type=text].chosen-search-input {font-size: 0;}
.slide-form .gfield.gfield--type-multiselect:has(.chosen-container .chosen-drop .result-selected) .gfield_label.gform-field-label {top: 5px;transform: translateX(-40px) scale(0.9);}

.slide-form .gfield.gfield--type-multiselect:focus-within .gfield_label.gform-field-label {transform: translateX(-40px) scale(0.9);}


.slide-form .gfield .ginput_complex .gform-grid-col:focus-within .gform-field-label--type-sub, .slide-form .gfield .ginput_complex .gform-grid-col:has(input.filled) .gform-field-label--type-sub {top: 9px!important;transform: translateX(-20px) scale(0.9);left: 0 !important;}
.slide-form .gfield .ginput_complex .ginput_full.gform-grid-col:focus-within .gform-field-label--type-sub, .slide-form .gfield .ginput_complex .ginput_full.gform-grid-col:has(input.filled) .gform-field-label--type-sub {top: 9px!important;transform: translateX(-40px) scale(0.9);left: 0 !important;}


.slide-form .gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container .chosen-drop,
.slide-form .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-container .chosen-drop {top: calc(-6 * calc(100% + 8px));}



.slide-form .form-container {position: relative;}
.slide-form .gform-footer.gform_footer.top_label {position: absolute;bottom: 0;left: 0;width: 100%;background: #EDF5FF;box-shadow: 0 -8px 15px 0 rgba(0, 0, 0, 0.04);padding: 23px 30px 22px 30px;}


.slide-form .gform-body.gform_body {padding-bottom: 130px;}
.slide-form .gform_validation_errors {display: none!important;}

.slide-form #gform_submit_button_2 {position: relative;margin: 0 auto;background: none;border: none !important;outline: none !important;overflow: hidden;display: inline-block;border-radius: 0;}
.slide-form #gform_submit_button_2::before {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;right: 0;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0);transition: all 0.2s linear;}
.slide-form #gform_submit_button_2::after {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;left: -59px;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;transition: all 0.2s linear;}
.slide-form #gform_submit_button_2 span {display: block;background: var(--color-primary-orange);padding: 18px 55px !important;clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);transition: all 0.2s linear;z-index: 1;position: relative;border-radius: 0 !important;font-size: 16px !important;font-family: var(--font-sapceGrotesk);font-weight: 500 !important;line-height: normal !important;text-transform: uppercase !important;}

.slide-form #gform_submit_button_2 {background: initial;padding: 0;padding-right: 4.3em;position: relative;transition: all 0.2s linear;width: fit-content;}
.slide-form #gform_submit_button_2:hover {padding-right: 0;padding-left: 4.3em;}
.slide-form #gform_submit_button_2:hover::before {right: -59px;}
.slide-form #gform_submit_button_2:hover:after {left: 0;}
.slide-form #gform_submit_button_2:hover span {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}

.slide-form #gform_submit_button_4 {position: relative;margin: 0 auto;background: none;border: none !important;outline: none !important;overflow: hidden;display: inline-block;border-radius: 0;}
.slide-form #gform_submit_button_4::before {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;right: 0;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0);transition: all 0.2s linear;}
.slide-form #gform_submit_button_4::after {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;left: -59px;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;transition: all 0.2s linear;}
.slide-form #gform_submit_button_4 span {display: block;background: var(--color-primary-orange);padding: 18px 55px !important;clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);transition: all 0.2s linear;z-index: 1;position: relative;border-radius: 0 !important;font-size: 16px !important;font-family: var(--font-sapceGrotesk);font-weight: 500 !important;line-height: normal !important;text-transform: uppercase !important;}

.slide-form #gform_submit_button_4 {background: initial;padding: 0;padding-right: 4.3em;position: relative;transition: all 0.2s linear;width: fit-content;}
.slide-form #gform_submit_button_4:hover {padding-right: 0;padding-left: 4.3em;}
.slide-form #gform_submit_button_4:hover::before {right: -59px;}
.slide-form #gform_submit_button_4:hover:after {left: 0;}
.slide-form #gform_submit_button_4:hover span {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}

#gform_10_validation_container {display: none!important;}
.slide-form #gform_submit_button_10 {position: relative;margin: 0 auto;background: none;border: none !important;outline: none !important;overflow: hidden;display: inline-block;border-radius: 0;}
.slide-form #gform_submit_button_10::before {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;right: 0;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0);transition: all 0.2s linear;}
.slide-form #gform_submit_button_10::after {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;left: -59px;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;transition: all 0.2s linear;}
.slide-form #gform_submit_button_10 span {display: block;background: var(--color-primary-orange);padding: 18px 55px !important;clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);transition: all 0.2s linear;z-index: 1;position: relative;border-radius: 0 !important;font-size: 16px !important;font-family: var(--font-sapceGrotesk);font-weight: 500 !important;line-height: normal !important;text-transform: uppercase !important;}

.slide-form #gform_submit_button_10 {background: initial;padding: 0;padding-right: 4.3em;position: relative;transition: all 0.2s linear;width: fit-content;border: none!important;box-shadow: none;}
.slide-form #gform_submit_button_10:hover {padding-right: 0;padding-left: 4.3em;}
.slide-form #gform_submit_button_10:hover::before {right: -59px;}
.slide-form #gform_submit_button_10:hover:after {left: 0;}
.slide-form #gform_submit_button_10:hover span {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}

.datasheet-popup #gform_submit_button_9 {position: relative;margin: 0 auto;margin-top: 15px;background: none;border: none !important;outline: none !important;overflow: hidden;display: inline-block;border-radius: 0;}
.datasheet-popup #gform_submit_button_9::before {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;right: 0;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;clip-path: polygon(100% 0, 100% 80%, 80% 100%, 0 100%, 0 0);transition: all 0.2s linear;}
.datasheet-popup #gform_submit_button_9::after {content: "";position: absolute;width: auto;height: 56px;aspect-ratio: 1;background-color: var(--color-primary-orange);background-image: url('data:image/svg+xml,<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_956_4536" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="0" width="16" height="20"><rect x="-0.5" width="15" height="20" fill="white"/></mask><g mask="url(%23mask0_956_4536)"><path d="M10.8864 10.8325L0.760684 10.8325L0.760684 9.169L10.8858 9.16841L6.42413 4.70672L7.60058 3.53027L14.0711 10.0007L7.60057 16.4712L6.42412 15.2948L10.8864 10.8325Z" fill="white"/></g></svg>');background-repeat: no-repeat;background-position: center;left: -59px;top: 0;display: flex;justify-content: center;align-items: center;transform: none;rotate: initial !important;transition: all 0.2s linear;}
.datasheet-popup #gform_submit_button_9 span {display: block;background: var(--color-primary-orange);padding: 18px 55px !important;clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);transition: all 0.2s linear;z-index: 1;position: relative;border-radius: 0 !important;font-size: 16px !important;font-family: var(--font-sapceGrotesk);font-weight: 500 !important;line-height: normal !important;text-transform: uppercase !important;}

.datasheet-popup #gform_submit_button_9 {background: initial;padding: 0;padding-right: 4.3em;position: relative;transition: all 0.2s linear;width: fit-content;}
.datasheet-popup #gform_submit_button_9:hover {padding-right: 0;padding-left: 4.3em;}
.datasheet-popup #gform_submit_button_9:hover::before {right: -59px;}
.datasheet-popup #gform_submit_button_9:hover:after {left: 0;}
.datasheet-popup #gform_submit_button_9:hover span {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);}




.slide-form span.gform-grid-col, .slide-form .chosen-choices {position: relative;}
.slide-form span.gform-grid-col:has(> select)::after, .slide-form .chosen-choices::after {content: '';background: url('https://dev-prodigy.greatsolutionsatwork.com/wp-content/uploads/2026/04/select-after-text-icon.svg') center / contain no-repeat;width: 18px;height: 18px;position: absolute;right: 10px;bottom: 10px;}

.slide-form .gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice {background: var(--color-secondary-blue);border-radius: 0;}

.slide-form .gform-theme--foundation .gfield.default_product_name .ginput_container input {background: #EDF5FF !important;border: 1px solid var(--color-secondary-blue) !important;color: var(--color-secondary-blue) !important;margin-top: 2px;}

.slide-form .gform_confirmation_wrapper.gform_wrapper {position: absolute;top: 0;left: 0;width: 100%;}
.slide-form .gform-theme--foundation .gform_confirmation_message {background: #FFF;}
.slide-form .gform_confirmation_message h2 {color: #000;text-align: center;font-family: var(--font-montserrat);font-size: clamp(1.5625rem, 1.4474rem + 0.5263vw, 1.875rem);font-weight: 500;line-height: 1.4;max-width: 85%;}
.slide-form .gform_confirmation_message::before {content: '';background: url("/wp-content/uploads/2026/04/form-message-succes.gif") center / contain no-repeat;width: 100%;aspect-ratio: 1 / 1;margin-bottom: -40px;max-width: 283px;}
.slide-form .gform_confirmation_message::after {content: 'Request Submitted !';background: #E1ECFB;width: 100%;height: fit-content;position: absolute;top: 0;left: 0;padding: 30px;color: #000;text-align: center;font-family: Montserrat;font-size: clamp(1.5625rem, 1.4474rem + 0.5263vw, 1.875rem);font-style: normal;font-weight: 500;line-height: 120%;clip-path: polygon(0px 0%, calc(100% - 60px) 0%, 100% 50px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 20px 100%, 0% calc(100% - 0px), 0% 20px);}
.slide-form:has(.gform-theme--foundation.gform_confirmation_wrapper) .close-btn {right: 5px;z-index: 999999;top: -12px;}

/* ################################################ PRODUCT LISTING PAGE — FILTER DRAWER + SORT SHEET ################################################ */

/* -- Hide native WooCommerce sort select on mobile ------------------- */
@media (max-width: 991.98px) {
   .prod_sticky_mobile_buttons .prodsortby .woocommerce-ordering,
   .prod_sticky_mobile_buttons .prodsortby select.orderby { display: none !important; }
}

/* -- Mobile sort trigger button -------------------------------------- */
.mobile-sort-trigger {display: none;align-items: center;justify-content: center;gap: 7px;padding: 9px 16px;background: #fff;border: none;border-radius: 0px;font-size: 14px;font-weight: 500;color: #222;cursor: pointer;white-space: nowrap;flex: 0.4 0 auto;transition: border-color 0.2s;}
.mobile-sort-trigger .sort-label { pointer-events: none; }
.mobile-sort-trigger svg { flex-shrink: 0; transition: transform 0.2s; }
.mobile-sort-trigger.is-open svg { transform: rotate(180deg); }

/* -- Sort bottom sheet backdrop -------------------------------------- */
.sort-backdrop {display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.45);z-index: 1038;opacity: 0;transition: opacity 0.28s ease;}
.sort-backdrop.is-visible { opacity: 1; }

/* -- Sort bottom sheet panel ----------------------------------------- */
.sort-sheet {position: fixed;bottom: 0;left: 0;right: 0;background: #fff;z-index: 999999;border-radius: 0;transform: translateY(100%);transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 -4px 32px rgba(0,0,0,0.12);overflow: hidden;}
.sort-sheet.is-open { transform: translateY(0); }

/* -- Sort sheet header ----------------------------------------------- */
.sort-sheet__header {display: flex;align-items: center;justify-content: space-between;padding: 15px 20px;border-bottom: 1px solid #f0f0f0;}
.sort-sheet__title {font-weight: 700;color: #111;margin: 0;font-size: 14px;font-family: var(--font-sapceGrotesk);}
.sort-sheet__close {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: 1.5px solid #ddd;border-radius: 50%;background: none;cursor: pointer;color: #555;padding: 0;transition: border-color 0.2s, color 0.2s;flex-shrink: 0;}
.sort-sheet__close:hover { border-color: #999; color: #111; }
.sort-sheet__close svg { display: block; }

/* -- Sort sheet option list ------------------------------------------ */
.sort-sheet__list {list-style: none;margin: 0;padding: 8px 0 20px;}
.sort-sheet__list li {padding: 10px 20px;font-size: 14px;font-weight: 500;color: #111;cursor: pointer;transition: background 0.15s;border-bottom: 1px solid #f5f5f5;}
.sort-sheet__list li:last-child { border-bottom: none; }
.sort-sheet__list li:hover { background: #fafafa; }
.sort-sheet__list li.is-active {color: var(--color-secondary-blue, #e53935);font-weight: 700;}

/* -- Mobile-only rules ----------------------------------------------- */
@media (max-width: 991.98px) {

   /* Hide desktop sidebar */
   .sidebar.col-lg-2 { display: none !important; }

   /* Show backdrop + sheet on mobile */
   .sort-backdrop.is-visible { display: block; }
   .mobile-sort-trigger { display: inline-flex; }

   /* Sticky bottom bar body padding so products aren't hidden behind it */
   body.has-sticky-bar #products-container { padding-bottom: 72px; }

   .product-listing #products-container .selected-filter-bar .results-count {border: none;padding: 0;}
   .product-listing #products-container .selected-filter-bar .selectedfilters {flex-wrap: nowrap;text-wrap: nowrap;width: 100%;overflow: scroll;scrollbar-width: none;}

}

/* -- Filter drawer backdrop ------------------------------------------ */
.filter-backdrop { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 1040; opacity: 0; transition: opacity 0.3s ease; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.filter-backdrop.is-visible { opacity: 1; }

/* -- Filter drawer panel --------------------------------------------- */
.filter-drawer { position: fixed; top: 0; left: 0; width: 100vw; height: 100%; background: #fff; z-index: 999999; transform: translateX(-100%); transition: transform 0.32s cubic-bezier(0.4,0,0.2,1); display: flex; flex-direction: column; overflow: hidden; box-shadow: 4px 0 24px rgba(0,0,0,0.12); }
.filter-drawer.is-open { transform: translateX(0); }
.filter-drawer__header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid #e8e8e8; flex-shrink: 0; }
.filter-drawer__title { font-size: 1rem; font-weight: 600; color: #111; margin: 0; letter-spacing: 0.01em; }
.filter-drawer__actions { display: flex; align-items: center; gap: 12px; }
.filter-drawer__reset { cursor: pointer; display: block; background: transparent; padding: 0; transition: all .2s linear; z-index: 1; position: relative; overflow: hidden; font-size: 14px; border: none; color: var(--color-secondary-blue); padding-right: 20px; }
.filter-drawer__reset::before { content: ""; position: absolute; width: 16px; height: 16px; right: 0; top: 50%; transform: translateY(-50%); background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.67188 5.9987H3.33854C2.93854 5.9987 2.67188 5.73203 2.67188 5.33203V1.9987C2.67188 1.5987 2.93854 1.33203 3.33854 1.33203C3.73854 1.33203 4.00521 1.5987 4.00521 1.9987V4.66536H6.67188C7.07188 4.66536 7.33854 4.93203 7.33854 5.33203C7.33854 5.73203 7.07188 5.9987 6.67188 5.9987Z" fill="%23004990"/><path d="M8.00521 13.9987C7.27188 13.9987 6.53854 13.8654 5.87188 13.5987C4.67188 13.132 3.67187 12.332 2.93854 11.2654C2.73854 10.932 2.80521 10.532 3.13854 10.332C3.47187 10.132 3.87187 10.1987 4.07187 10.532C4.60521 11.332 5.40521 11.9987 6.33854 12.332C7.27187 12.6654 8.27187 12.732 9.27187 12.4654C10.2052 12.1987 11.0719 11.5987 11.6719 10.7987C12.2719 9.9987 12.6052 9.06537 12.6719 8.06537C12.6719 7.06537 12.4052 6.06536 11.8052 5.26536C11.2052 4.46536 10.4052 3.86536 9.47188 3.53203C8.53854 3.1987 7.53854 3.1987 6.53854 3.53203C5.60521 3.86536 4.80521 4.46536 4.20521 5.26536C4.00521 5.5987 3.60521 5.66536 3.27187 5.46536C2.93854 5.26536 2.87187 4.7987 3.13854 4.53203C3.87187 3.46536 4.93854 2.66536 6.13854 2.26536C7.33854 1.86536 8.67188 1.86536 9.87188 2.26536C11.0719 2.66536 12.1385 3.46536 12.8719 4.53203C13.6052 5.5987 14.0052 6.7987 13.9385 8.13203C13.9385 9.3987 13.4719 10.6654 12.6719 11.6654C11.8719 12.6654 10.8052 13.3987 9.53854 13.7987C9.13854 13.932 8.53854 13.9987 8.00521 13.9987Z" fill="%23004990"/></svg>'); }
.filter-drawer__close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: none; border: none; cursor: pointer; color: #444; border-radius: 50%; transition: background 0.2s, color 0.2s; padding: 0; flex-shrink: 0; }
.filter-drawer__close:hover { background: #f2f2f2; color: #111; }
.filter-drawer__close svg { display: block; }
.filter-drawer__body { flex: 1; overflow-y: auto; padding: 16px 20px 32px; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.filter-drawer__footer { padding: 14px 20px; border-top: 1px solid #e8e8e8; flex-shrink: 0; }
.filter-drawer__apply { width: 100%; color: var(--color-text-white); border: none; display: block; background: var(--color-secondary-blue); padding: 12px 20px; clip-path: polygon(0px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px) !important; transition: all .2s linear; overflow: hidden; }
.filter-drawer__apply:active { transform: scale(0.98); }
.filter-drawer__apply:hover { opacity: 0.88; }
body.drawer-is-open { overflow: hidden; }
body.sort-sheet-open { overflow: hidden; }

/* -- Sticky bottom mobile bar ---------------------------------------- */
.mobile-filter-trigger { display: none; }
@media (max-width: 991.98px) {
   .sidebar.col-lg-2 { display: none !important; }
   .filter-backdrop.is-visible  { display: block; }
   .mobile-filter-trigger { display: inline-block; padding: 9px 16px 9px 8px; background: var(--color-secondary-blue); font-size: 14px; font-weight: 500; color: var(--color-text-white); cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; white-space: nowrap; flex-shrink: 0; border: none; clip-path: polygon(0px 0%, calc(100% - 8px) 0%, 100% 8px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 8px 100%, 0% calc(100% - 8px), 0% 8px) !important;}
   .mobile-filter-trigger svg { flex-shrink: 0; }
   .mobile-filter-trigger .filter-badge { display: none; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; background: #fff; color: var(--color-secondary-blue, #004990); border-radius: 20px; font-size: 0.7rem; font-weight: 700; line-height: 1; }
   .mobile-filter-trigger.has-filters .filter-badge { display: inline-flex; }
   .prod_sticky_mobile_buttons { display: flex; gap: 10px; position: fixed; bottom: 0; width: 100vw; z-index: 999; background: #FFF; left: 0; padding: 12px 5vw; justify-content: center; box-shadow: 2px 0px 20px 0px rgba(0, 0, 0, 0.07);}
   .prod_sticky_mobile_buttons > .prodsortby { flex: 0.5 0 calc(50% - 10px); display: flex; align-items: center; }
   .prod_sticky_mobile_buttons > .mobile-filter-trigger { flex: 0.5 0 calc(50% - 10px); }

   #cookiescript_badge {bottom: 70px!important;}
   button#sortSheetOpen {clip-path: inherit;z-index: 1;position: relative;color: var(--color-secondary-blue);background: url('/wp-content/uploads/2026/03/blue-boarder-btn-img.svg') no-repeat center;background-size: auto;background-size: auto;background-size: 100% 100%;width: 100%;}

}

/* -- Drawer accordion styles ----------------------------------------- */
.filter-drawer__body .accordion-item:not(:first-child) { margin-top: 10px; }
.filter-drawer__body .accordion-item { border: 0; margin-top: 10px; }
.filter-drawer__body .accordion-item .accordion-header { margin-bottom: 10px; color: #000; font-family: var(--font-montserrat); font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; position: relative; }
.filter-group input.filter-checkbox { width: 18px; height: 18px; aspect-ratio: 1; margin-top: 4px; appearance: none; -webkit-appearance: none; border: 1px solid rgb(175,175,175); border-radius: 3px; background: transparent; cursor: pointer; position: relative; }
.filter-drawer__body .accordion-item .filter-group ul li:not(:last-child) { margin-bottom: 5px; }
.filter-group input.filter-checkbox:checked { background: var(--color-secondary-blue) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M0 4.38111L0.86723 3.46037L3.18342 6.06071L9.10361 0C9.10361 0 9.11128 0 9.11742 0L10 1.00675L3.18803 8L0 4.38111Z" fill="white"/></svg>') no-repeat center; border-color: var(--color-secondary-blue); }
.filter-drawer .accordion-content label.searchbar { width: 100%; position: relative; margin-bottom: 15px; }
.filter-drawer .accordion-content .searchbar .catsearchbar { padding: 10px 24px 10px 35px; background: rgba(225,236,251,0.60); width: 100%; border: 0; }
.filter-drawer .searchbar::before { content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_3100_32065)"><path d="M7.04606 0C3.16097 0 0 3.16097 0 7.04606C0 10.9314 3.16097 14.0921 7.04606 14.0921C10.9314 14.0921 14.0921 10.9314 14.0921 7.04606C14.0921 3.16097 10.9314 0 7.04606 0ZM7.04606 12.7913C3.87816 12.7913 1.30081 10.214 1.30081 7.04609C1.30081 3.87819 3.87816 1.30081 7.04606 1.30081C10.214 1.30081 12.7913 3.87816 12.7913 7.04606C12.7913 10.214 10.214 12.7913 7.04606 12.7913Z" fill="%234D4D4D"/><path d="M15.808 14.8883L12.079 11.1593C11.8249 10.9052 11.4134 10.9052 11.1593 11.1593C10.9052 11.4132 10.9052 11.8251 11.1593 12.079L14.8883 15.808C15.0154 15.935 15.1817 15.9986 15.3482 15.9986C15.5144 15.9986 15.6809 15.935 15.808 15.808C16.0621 15.5541 16.0621 15.1422 15.808 14.8883Z" fill="%234D4D4D"/></g><defs><clipPath id="clip0_3100_32065"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>'); background-size: contain; }
.filter-drawer__body .accordion-item .accordion-header::before { content: "+"; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-weight: 600; font-size: 25px; line-height: normal; text-align: center; transition: all .2s linear; }
.filter-drawer__body .accordion-item.active .accordion-header::before { content: "-"; }

@media (min-width: 991.98px) {
   .selected-filter-bar .results-count {order: 2;}
   .prod_sticky_mobile_buttons {align-self: stretch;}
   .producthead .prodsortby {height: 100%;}
   .producthead .prodsortby form {height: 100%;position: relative;}
   .producthead .prodsortby form select {background: rgba(225, 236, 251, 0.60);display: flex;flex-flow: row wrap;gap: 5px;justify-content: space-between;align-items: center;height: 100%;font-weight: 500;font-size: 14px;line-height: normal;padding: 10px 24px;padding-right: 40px;align-self: normal;border: none!important;outline: none!important;appearance: none;color: #000;font-family: "Space Grotesk";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;}
   .producthead .prodsortby form::before {content: "";position: absolute;width: 11px;height: 7px;right: 10px;top: 50%;margin-top: -3.5px;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="7" viewBox="0 0 13 7" fill="none"><path d="M12.0425 0.975296L11.0672 0L6.02124 5.04249L0.975296 0L0 0.975296L6.02124 7L12.0425 0.975296Z" fill="%230065DA"/></svg>');background-size: cover;background-position: center;z-index: 0;transition: all .2s linear;}

}

/* ################################################ HEADER SEARCH STYLES ################################################ */
body:has(.searchsec.show) {overflow-y: hidden;}
.searchsec .searchwrap {max-width: 900px;transform: translateY(50%);position: relative;top: 40%;transition: .3s all;}
/* div.is-ajax-search-details, div.is-ajax-search-result {transition: .3s all;} */
/* .searchsec .searchwrap:has(form.processing), body:has(.is-ajax-search-result .simplebar-scrollable-y) .searchsec .searchwrap {top: 0;transform: none;} */
.searchsec {background: rgba(0, 0, 0, 0.8);z-index: 999999;padding: 40px 20px;transition: all .2s linear;backdrop-filter: blur(4px);transform: none!important;opacity: 0;visibility: hidden;pointer-events: none;}
.searchsec.show {opacity: 1;pointer-events: auto;visibility: visible;}
.search-close-btn {float: right;padding: 10px;line-height: 1;background: none;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><mask id="path-1-inside-1_2129_8887" fill="white"><path d="M56 45.4092L45.4102 56H0V10.7646L10.7646 0H56V45.4092Z"/></mask><path d="M56 45.4092L56.7071 46.1163L57 45.8234V45.4092H56ZM45.4102 56V57H45.8244L46.1173 56.7071L45.4102 56ZM0 56H-1V57H0V56ZM0 10.7646L-0.707107 10.0575L-1 10.3504V10.7646H0ZM10.7646 0V-1H10.3504L10.0575 -0.707107L10.7646 0ZM56 0H57V-1H56V0ZM56 45.4092L55.2929 44.7021L44.703 55.2929L45.4102 56L46.1173 56.7071L56.7071 46.1163L56 45.4092ZM45.4102 56V55H0V56V57H45.4102V56ZM0 56H1V10.7646H0H-1V56H0ZM0 10.7646L0.707107 11.4718L11.4718 0.707107L10.7646 0L10.0575 -0.707107L-0.707107 10.0575L0 10.7646ZM10.7646 0V1H56V0V-1H10.7646V0ZM56 0H55V45.4092H56H57V0H56Z" fill="white" mask="url(%23path-1-inside-1_2129_8887)"/></svg>');background-size: cover;border: none;background-position: center;width: 45px;height: 45px;}

form.is-search-form.is-form-id-11 {padding-bottom: 5px!important;}
.searchsec .is-form-style button.is-search-submit {width: auto;height: auto;}
.searchsec .is-form-style input.is-search-input {padding: 29.56px 12px;font-family: var(--font-sapceGrotesk);background: transparent;color: #FFF;border-width: 0px 0px 1px 0 !important;font-size: 20px !important;}
.searchsec .is-form-style input.is-search-input::placeholder {color: #FFF;}
.searchsec .is-form-style label {width: calc(100% - 60px) !important;}
.searchsec .is-search-icon {width: 60px;height: 60px !important;align-content: center;padding: 0 !important;}
#is-ajax-search-result-11 .is-search-sections .thumbnail img {clip-path: polygon(0px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 20px) !important;}
#is-ajax-search-result-11 .is-show-more-results {border-top: none;margin-top: 5px;background: var(--color-secondary-blue);color: #FFF;transition: .3s all;}
#is-ajax-search-result-11 .is-show-more-results:hover {background: #e1ecfb;color: var(--color-secondary-blue);}
#is-ajax-search-result-11 .is-show-more-results-text {padding: 10px 0;font-size: 16px;}
.searchsec .is-form-id-11 .is-search-submit:focus,.searchsec .is-form-id-11 .is-search-submit:hover,.searchsec .is-form-id-11 .is-search-submit,.searchsec .is-form-id-11 .is-search-icon {background: transparent !important;border: none;}
.searchsec button.is-search-submit span.is-search-icon {background-color: transparent!important;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><mask id="path-1-inside-1_2129_8887" fill="white"><path d="M56 45.4092L45.4102 56H0V10.7646L10.7646 0H56V45.4092Z"/></mask><path d="M56 45.4092L56.7071 46.1163L57 45.8234V45.4092H56ZM45.4102 56V57H45.8244L46.1173 56.7071L45.4102 56ZM0 56H-1V57H0V56ZM0 10.7646L-0.707107 10.0575L-1 10.3504V10.7646H0ZM10.7646 0V-1H10.3504L10.0575 -0.707107L10.7646 0ZM56 0H57V-1H56V0ZM56 45.4092L55.2929 44.7021L44.703 55.2929L45.4102 56L46.1173 56.7071L56.7071 46.1163L56 45.4092ZM45.4102 56V55H0V56V57H45.4102V56ZM0 56H1V10.7646H0H-1V56H0ZM0 10.7646L0.707107 11.4718L11.4718 0.707107L10.7646 0L10.0575 -0.707107L-0.707107 10.0575L0 10.7646ZM10.7646 0V1H56V0V-1H10.7646V0ZM56 0H55V45.4092H56H57V0H56Z" fill="white" mask="url(%23path-1-inside-1_2129_8887)"/></svg>')!important;background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;clip-path: polygon(11px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0px 100%, 0% calc(100% - 0px), 0% 11px);}
/* .searchsec button.is-search-submit:hover span.is-search-icon {background-color: var(--color-secondary-blue)!important;} */

#is-ajax-search-result-11 a, #is-ajax-search-details-11 a:not(.button) {font-size: 16px;}
#is-ajax-search-result-11 .is-search-sections .meta i,#is-ajax-search-result-11 .is-cat-links a {font-size: 14px;}
#is-ajax-search-result-11 .is-search-sections .meta {margin: 8px 0 5px;}

/* ################################################ MEDIA QUERIES ################################################ */

@media (min-width: 768px) {
   .similarprojects .sectionhead h2 {margin-bottom: 16px;}
}

@media (min-width: 1200px) {
   .productherosec .productsummery .btnsec .btn.primary {font-size: 16px;padding-right: 3.7em;}
   .productherosec .productsummery .btnsec .btn.primary span {padding: 17.8px 39.8px;}
   .productherosec .productsummery .btnsec .btn.primary:hover {padding-right: 0;padding-left: 3.7em;}
   #is-ajax-search-result-11 .is-ajax-search-items {max-height: 300px!important;}
}

@media (min-width: 1820px) {
   .productherosec .productgallery img {aspect-ratio: 4 / 2.28;}
}


@media (max-width: 1200px) {}
@media (max-width: 992px) {
   .searchsec .searchwrap {clear: both;padding-top: 20px;top: 0;transform: none;}
   .searchsec .is-form-style input.is-search-input {padding: 24.56px 12px;font-size: 18px!important;}
   .searchsec .is-form-style label {width: calc(100% - 50px) !important;}
   .searchsec .is-search-icon {width: 50px;height: 50px !important;}
   .searchsec button.is-search-submit span.is-search-icon {clip-path: polygon(9px 0%, calc(100% - 0px) 0%, 100% 0px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0px 100%, 0% calc(100% - 0px), 0% 9px);}
}

@media (max-width: 910px) {
  #is-ajax-search-result-11.is-ajax-search-result {max-width: 88%;left: 50% !important;transform: translateX(-50%);}
}

@media (max-width: 768px) {
   .productherosec {grid-template-columns: 1fr;gap: 30px;}
   .productherosec .productgallery {position: static;top: auto;}
   .productherosec .btnwrap {padding-top: 30px;}
   .similarprojects .sectionhead h2 {margin-bottom: 16px;}
   .slide-form {width: 90vw;}
   .slide-form .gform-theme--foundation .gform_fields, .slide-form .ginput_complex.ginput_container.gform-grid-row {row-gap: 10px;}
   .product-listing {padding: 80px 0;}
   .product-page .tab-content.feature > section:not(:last-child) {margin-bottom: 60px;}
}


@media (max-width: 576px) {
   .productquicklinks ul {grid-template-columns: repeat(2, 1fr);padding: 20px;gap: 20px;}
   .productquicklinks ul li a {padding: 12px 15px;padding-right: 30px;}
   .productquicklinks ul li a span.attachment-arrow-icon {right: 5px;}
   .productquicklinks ul li .attachment-icon {padding: 6px;}
   .productquicklinks ul li .attachment-icon svg {width: 14px;height: 14px;}
   .productherosec .btnwrap {padding-top: 25px;} 
   .product-page .tab-content {padding: 30px 20px;}
   .product-listing {padding: 50px 0;}
   .product-page .tab-content.feature > section:not(:last-child) {margin-bottom: 40px;}
   .video-modal__content iframe {padding: 20px;clip-path: polygon(0px 0%, calc(100% - 30px) 0%, 100% 30px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 30px 100%, 0% calc(100% - 30px), 0% 20px) !important;padding: 20px;}
   .video-modal__close {top: -23px;right: -15px;font-size: 45px;}
   .slide-form {width: 95vw;}
}

@media (max-width: 410px) {
   .productcard .btnwrap {justify-content: center;}
   .searchsec .is-form-style input.is-search-input {font-size: 16px!important;}
}