.elementor-16 .elementor-element.elementor-element-5928fe2 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:77px;font-weight:900;letter-spacing:-0.028em;-webkit-text-stroke-width:3px;stroke-width:3px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-45bbb66 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:77px;font-weight:900;letter-spacing:-0.028em;-webkit-text-stroke-width:3px;stroke-width:3px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-39ceb3b .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0.18em;color:#777C77;}.elementor-16 .elementor-element.elementor-element-39ceb3b{padding:10px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-5ca0981 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:77px;font-weight:900;letter-spacing:-0.028em;-webkit-text-stroke-width:3px;stroke-width:3px;-webkit-text-stroke-color:#91A20A;stroke:#91A20A;color:#91A20A;}.elementor-16 .elementor-element.elementor-element-c127218 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:77px;font-weight:900;letter-spacing:-0.028em;-webkit-text-stroke-width:3px;stroke-width:3px;-webkit-text-stroke-color:#91A20A;stroke:#91A20A;color:#91A20A;}.elementor-16 .elementor-element.elementor-element-fed3152{font-family:"Arial", Helvetica, sans-serif;font-size:17px;color:#5D625E;padding:20px 60px 0px 0px;width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-ae359f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 40px;--row-gap:20px;--column-gap:40px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-d88a3e5{padding:40px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-196ae5b{--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;--justify-content:center;--align-items:center;}.elementor-16 .elementor-element.elementor-element-464bd3d{--display:flex;}.elementor-16 .elementor-element.elementor-element-464bd3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-ee55f33 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:10px;font-weight:900;}.elementor-16 .elementor-element.elementor-element-f99d4c8{--display:flex;}.elementor-16 .elementor-element.elementor-element-af47b83 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:14px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-af47b83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-d62ff23 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:11px;font-weight:400;color:#70746F;}.elementor-16 .elementor-element.elementor-element-d62ff23{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-6c319ef{--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;--justify-content:center;--align-items:center;}.elementor-16 .elementor-element.elementor-element-2645cf9{--display:flex;}.elementor-16 .elementor-element.elementor-element-2645cf9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-057494c .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:10px;font-weight:900;}.elementor-16 .elementor-element.elementor-element-1df2356{--display:flex;}.elementor-16 .elementor-element.elementor-element-7e970b7 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:14px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-7e970b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-b564374 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:11px;font-weight:400;color:#70746F;}.elementor-16 .elementor-element.elementor-element-b564374{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-2c65701{--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;--justify-content:center;--align-items:center;}.elementor-16 .elementor-element.elementor-element-f72ea0d{--display:flex;}.elementor-16 .elementor-element.elementor-element-f72ea0d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-d0fea06 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:10px;font-weight:900;}.elementor-16 .elementor-element.elementor-element-46aa48e{--display:flex;}.elementor-16 .elementor-element.elementor-element-b049e29 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:14px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-b049e29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-d737e27 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:11px;font-weight:400;color:#70746F;}.elementor-16 .elementor-element.elementor-element-d737e27{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-750c79e{--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;--justify-content:center;--align-items:center;}.elementor-16 .elementor-element.elementor-element-b15f503{--display:flex;}.elementor-16 .elementor-element.elementor-element-b15f503.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-2a0fb4a .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:10px;font-weight:900;}.elementor-16 .elementor-element.elementor-element-98b2c1b{--display:flex;}.elementor-16 .elementor-element.elementor-element-e141748 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:14px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-e141748{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-2cd34a9 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:11px;font-weight:400;color:#70746F;}.elementor-16 .elementor-element.elementor-element-2cd34a9{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16 .elementor-element.elementor-element-095ed0f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-16 .elementor-element.elementor-element-514158b{--display:flex;}.elementor-16 .elementor-element.elementor-element-231fd9c .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:68px;font-weight:900;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-5733c02{--display:flex;--justify-content:center;}.elementor-16 .elementor-element.elementor-element-8040f96{--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;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;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:#D7D8D0;--border-color:#D7D8D0;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-f36cd5a{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-16 .elementor-element.elementor-element-9099984{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-16 .elementor-element.elementor-element-413e6b4{--grid-columns:4;}.elementor-16 .elementor-element.elementor-element-9f2332c{--display:flex;}.elementor-16 .elementor-element.elementor-element-9f2332c:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-9f2332c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ivermectin-shop.co.uk/wp-content/uploads/2026/08/information-first-bg-2.webp");background-position:center center;background-size:contain;}.elementor-16 .elementor-element.elementor-element-bfed75c .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:10px;font-weight:800;}.elementor-16 .elementor-element.elementor-element-0365d31{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-85276d8 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:70px;font-weight:900;line-height:72px;letter-spacing:-0.018em;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-e5ad850{font-family:"Arial", Helvetica, sans-serif;font-size:17px;color:#B4B8B4;padding:40px 0px 0px 0px;width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-item:not(:last-child):after{content:"";width:20%;border-color:#343A35;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-icon i{color:#DFF13A;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-icon svg{fill:#DFF13A;transition:fill 0.3s;}.elementor-16 .elementor-element.elementor-element-140f9ee{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;padding:40px 0px 0px 15px;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-item > .elementor-icon-list-text, .elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-item > a{font-family:"Arial", Helvetica, sans-serif;font-size:13px;}.elementor-16 .elementor-element.elementor-element-140f9ee .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-16 .elementor-element.elementor-element-89ed794{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-4610b09{--display:flex;}.elementor-16 .elementor-element.elementor-element-b4eef3d .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:68px;font-weight:900;line-height:78px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-b4eef3d{padding:0px 600px 0px 0px;}.elementor-16 .elementor-element.elementor-element-3ec0753{--divider-border-style:solid;--divider-color:#00000057;--divider-border-width:1px;padding:40px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-3ec0753 .elementor-divider-separator{width:100%;}.elementor-16 .elementor-element.elementor-element-3ec0753 .elementor-divider{padding-block-start:30px;padding-block-end:30px;}.elementor-16 .elementor-element.elementor-element-c68e323{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-16 .elementor-element.elementor-element-e39ea7a{--display:flex;}.elementor-16 .elementor-element.elementor-element-c8f81e4 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:68px;font-weight:900;line-height:78px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-c8f81e4{padding:0px 600px 0px 0px;}.elementor-16 .elementor-element.elementor-element-c95fc44{--display:flex;}.elementor-16 .elementor-element.elementor-element-8f830e0 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:68px;font-weight:900;line-height:78px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-8f830e0{padding:0px 600px 0px 0px;}.elementor-16 .elementor-element.elementor-element-a3861f6{--display:flex;}.elementor-16 .elementor-element.elementor-element-4d87d61 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:68px;font-weight:900;line-height:78px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-4d87d61{padding:0px 600px 0px 0px;}.elementor-16 .elementor-element.elementor-element-133ba47{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-133ba47.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16 .elementor-element.elementor-element-889abb5 .elementor-heading-title{font-family:"Arial", Helvetica, sans-serif;font-size:65px;font-weight:900;line-height:75px;-webkit-text-stroke-width:2px;stroke-width:2px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-889abb5{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-cc540a1{font-family:"Arial", Helvetica, sans-serif;font-size:17px;color:#70746F;padding:40px 0px 0px 0px;width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-b652456{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16 .elementor-element.elementor-element-0f15761{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-e581f3a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16 .elementor-element.elementor-element-e581f3a.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-5928fe2 .elementor-heading-title{-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-5ca0981 .elementor-heading-title{-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-231fd9c .elementor-heading-title{-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-413e6b4{--grid-columns:2;}.elementor-16 .elementor-element.elementor-element-85276d8 .elementor-heading-title{-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-b4eef3d .elementor-heading-title{-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-b4eef3d{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-c8f81e4 .elementor-heading-title{font-size:44px;line-height:55px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-8f830e0 .elementor-heading-title{font-size:44px;line-height:55px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-4d87d61 .elementor-heading-title{font-size:44px;line-height:55px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-889abb5 .elementor-heading-title{font-size:44px;line-height:55px;-webkit-text-stroke-width:1px;stroke-width:1px;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-5928fe2 .elementor-heading-title{font-size:55px;}.elementor-16 .elementor-element.elementor-element-45bbb66 .elementor-heading-title{font-size:40px;letter-spacing:-0.01em;-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-39ceb3b{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-5ca0981 .elementor-heading-title{font-size:37px;letter-spacing:0em;}.elementor-16 .elementor-element.elementor-element-c127218 .elementor-heading-title{font-size:40px;letter-spacing:-0.01em;-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-fed3152{padding:20px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-ae359f1{--justify-content:flex-start;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-231fd9c .elementor-heading-title{line-height:78px;-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-8040f96{--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-413e6b4{--grid-columns:1;}.elementor-16 .elementor-element.elementor-element-9f2332c{--content-width:100%;}.elementor-16 .elementor-element.elementor-element-9f2332c:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-9f2332c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-85276d8 .elementor-heading-title{-webkit-text-stroke-width:2px;stroke-width:2px;}.elementor-16 .elementor-element.elementor-element-b4eef3d .elementor-heading-title{font-size:44px;line-height:50px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-b4eef3d{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-3ec0753{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:20px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-c68e323{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16 .elementor-element.elementor-element-c8f81e4 .elementor-heading-title{font-size:44px;line-height:50px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-c8f81e4{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-8f830e0 .elementor-heading-title{font-size:44px;line-height:50px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-8f830e0{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-4d87d61 .elementor-heading-title{font-size:44px;line-height:50px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-4d87d61{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-889abb5 .elementor-heading-title{font-size:44px;line-height:50px;-webkit-text-stroke-width:1px;stroke-width:1px;}.elementor-16 .elementor-element.elementor-element-889abb5{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-464bd3d{--width:19.845%;}.elementor-16 .elementor-element.elementor-element-2645cf9{--width:19.845%;}.elementor-16 .elementor-element.elementor-element-f72ea0d{--width:19.845%;}.elementor-16 .elementor-element.elementor-element-b15f503{--width:19.845%;}.elementor-16 .elementor-element.elementor-element-5733c02{--width:34%;}.elementor-16 .elementor-element.elementor-element-133ba47{--width:30%;}.elementor-16 .elementor-element.elementor-element-b652456{--content-width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16 .elementor-element.elementor-element-133ba47{--width:100%;}.elementor-16 .elementor-element.elementor-element-b652456{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-ae359f1 *//* ========================================= HERO ACTIONS - WRAPPER ========================================= */ .elementor-element-af247e4 { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 40px !important; } /* ========================================= COMMON ========================================= */ .browse-products, .product-information { width: auto !important; margin: 0 !important; display: flex !important; align-items: center !important; } /* ----------------------------------------- BROWSE PRODUCTS - DARK BUTTON ----------------------------------------- */ .browse-products .elementor-button { min-height: 54px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 24px !important; background: #171B18 !important; color: #FFFFFF !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important; transition: transform .35s cubic-bezier(.22, .61, .36, 1), background-color .3s ease, color .3s ease, box-shadow .35s cubic-bezier(.22, .61, .36, 1) !important; } .browse-products .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ----------------------------------------- PRODUCT INFORMATION - TEXT LINK ----------------------------------------- */ .product-information .elementor-button { min-height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; padding: 10px 0 !important; background: transparent !important; color: #171B18 !important; border: none !important; border-bottom: 1px solid #171B18 !important; border-radius: 0 !important; box-shadow: none !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important; transition: opacity .25s ease, color .25s ease, border-color .25s ease !important; } .product-information .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; } /* ========================================= ARROWS ========================================= */ .browse-products .elementor-button-text, .product-information .elementor-button-text { display: inline-flex !important; align-items: center !important; } /* Real vector arrow - no Unicode / no emoji */ .browse-products .elementor-button-text::after, .product-information .elementor-button-text::after { content: "" !important; display: inline-block !important; width: 14px !important; height: 14px !important; min-width: 14px !important; margin-left: 22px !important; background-color: currentColor !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transform: translateY(-1px) !important; transform-origin: center center !important; transition: transform .35s cubic-bezier(.22, .61, .36, 1), opacity .25s ease !important; flex: 0 0 auto !important; } /* Browse Products arrow */ .browse-products .elementor-button-text::after { color: #FFFFFF !important; } /* Product Information arrow */ .product-information .elementor-button-text::after { color: #171B18 !important; } /* ========================================= HOVER ========================================= */ /* Browse Products */ .browse-products .elementor-button:hover, .browse-products .elementor-button:focus { background: #89960F !important; color: #FFFFFF !important; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(23, 27, 24, .16) !important; } /* Product Information */ .product-information .elementor-button:hover, .product-information .elementor-button:focus { background: transparent !important; color: #171B18 !important; opacity: .58; } /* Arrow movement */ .browse-products .elementor-button:hover .elementor-button-text::after, .browse-products .elementor-button:focus .elementor-button-text::after, .product-information .elementor-button:hover .elementor-button-text::after, .product-information .elementor-button:focus .elementor-button-text::after { transform: translate(3px, -4px) !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-element-af247e4 { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; } .browse-products .elementor-button { min-height: 50px !important; padding: 0 20px !important; font-size: 11px !important; } .product-information .elementor-button { font-size: 11px !important; } .browse-products .elementor-button-text::after, .product-information .elementor-button-text::after { width: 13px !important; height: 13px !important; min-width: 13px !important; margin-left: 18px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d88a3e5 */#shop-products { scroll-margin-top: 60px; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ee55f33 */.feature-number { width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #bcc0b8; border-radius: 50%; color: #171b18; font-family: Arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-196ae5b */.four-boxes { background: #f5f4ee; border-right: 1px solid #d7d8d0; border-bottom: 1px solid #d7d8d0; transition: background 0.35s cubic-bezier(.22, 1, .36, 1), transform 0.35s cubic-bezier(.22, 1, .36, 1); } .four-boxes:hover { background: rgba(223, 241, 58, 0.12); transform: translateY(-3px); } /* CAŁA ZAWARTOŚĆ BOXA */ .four-boxes > .e-con-inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; height: 100% !important; } /* CHILD Z NUMEREM - wykrywamy go po feature-number */ .four-boxes > .e-con-inner > .e-con:has(.feature-number) { width: 35px !important; min-width: 35px !important; max-width: 35px !important; flex: 0 0 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* WIDGET NUMERU */ .four-boxes .feature-number { width: 35px !important; min-width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; } /* KÓŁKO */ .four-boxes .feature-number .elementor-heading-title { width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #bbbdb5 !important; border-radius: 50% !important; color: #171b18 !important; font-family: Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1 !important; } /* CHILD Z TEKSTEM - wykrywamy po feature-title */ .four-boxes > .e-con-inner > .e-con:has(.feature-title) { width: auto !important; flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; } /* RESET MARGINESÓW */ .four-boxes .feature-title, .four-boxes .feature-description, .four-boxes .feature-title .elementor-heading-title, .four-boxes .feature-description .elementor-heading-title { margin: 0 !important; padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-057494c */.feature-number { width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #bcc0b8; border-radius: 50%; color: #171b18; font-family: Arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6c319ef */.four-boxes { background: #f5f4ee; border-right: 1px solid #d7d8d0; border-bottom: 1px solid #d7d8d0; transition: background 0.35s cubic-bezier(.22, 1, .36, 1), transform 0.35s cubic-bezier(.22, 1, .36, 1); } .four-boxes:hover { background: rgba(223, 241, 58, 0.12); transform: translateY(-3px); } /* CAŁA ZAWARTOŚĆ BOXA */ .four-boxes > .e-con-inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; height: 100% !important; } /* CHILD Z NUMEREM */ .four-boxes .elementor-element-464bd3d { width: 35px !important; min-width: 35px !important; max-width: 35px !important; flex: 0 0 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* WIDGET NUMERU */ .four-boxes .feature-number { width: 35px !important; min-width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; } /* KÓŁKO */ .four-boxes .feature-number .elementor-heading-title { width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #bbbdb5 !important; border-radius: 50% !important; color: #171b18 !important; font-family: Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1 !important; } /* CHILD Z TEKSTAMI */ .four-boxes .elementor-element-f99d4c8 { width: auto !important; flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; } /* RESET MARGINESÓW */ .four-boxes .feature-title, .four-boxes .feature-description, .four-boxes .feature-title .elementor-heading-title, .four-boxes .feature-description .elementor-heading-title { margin: 0 !important; padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d0fea06 */.feature-number { width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #bcc0b8; border-radius: 50%; color: #171b18; font-family: Arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2c65701 */.four-boxes { background: #f5f4ee; border-right: 1px solid #d7d8d0; border-bottom: 1px solid #d7d8d0; transition: background 0.35s cubic-bezier(.22, 1, .36, 1), transform 0.35s cubic-bezier(.22, 1, .36, 1); } .four-boxes:hover { background: rgba(223, 241, 58, 0.12); transform: translateY(-3px); } /* CAŁA ZAWARTOŚĆ BOXA */ .four-boxes > .e-con-inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; height: 100% !important; } /* CHILD Z NUMEREM */ .four-boxes .elementor-element-464bd3d { width: 35px !important; min-width: 35px !important; max-width: 35px !important; flex: 0 0 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* WIDGET NUMERU */ .four-boxes .feature-number { width: 35px !important; min-width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; } /* KÓŁKO */ .four-boxes .feature-number .elementor-heading-title { width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #bbbdb5 !important; border-radius: 50% !important; color: #171b18 !important; font-family: Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1 !important; } /* CHILD Z TEKSTAMI */ .four-boxes .elementor-element-f99d4c8 { width: auto !important; flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; } /* RESET MARGINESÓW */ .four-boxes .feature-title, .four-boxes .feature-description, .four-boxes .feature-title .elementor-heading-title, .four-boxes .feature-description .elementor-heading-title { margin: 0 !important; padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2a0fb4a */.feature-number { width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; border: 1px solid #bcc0b8; border-radius: 50%; color: #171b18; font-family: Arial, sans-serif; font-size: 10px; font-weight: 400; line-height: 1; background: transparent; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-750c79e */.four-boxes { background: #f5f4ee; border-right: 1px solid #d7d8d0; border-bottom: 1px solid #d7d8d0; transition: background 0.35s cubic-bezier(.22, 1, .36, 1), transform 0.35s cubic-bezier(.22, 1, .36, 1); } .four-boxes:hover { background: rgba(223, 241, 58, 0.12); transform: translateY(-3px); } /* CAŁA ZAWARTOŚĆ BOXA */ .four-boxes > .e-con-inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; height: 100% !important; } /* CHILD Z NUMEREM */ .four-boxes .elementor-element-464bd3d { width: 35px !important; min-width: 35px !important; max-width: 35px !important; flex: 0 0 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* WIDGET NUMERU */ .four-boxes .feature-number { width: 35px !important; min-width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; } /* KÓŁKO */ .four-boxes .feature-number .elementor-heading-title { width: 35px !important; height: 35px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid #bbbdb5 !important; border-radius: 50% !important; color: #171b18 !important; font-family: Arial, sans-serif !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1 !important; } /* CHILD Z TEKSTAMI */ .four-boxes .elementor-element-f99d4c8 { width: auto !important; flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; } /* RESET MARGINESÓW */ .four-boxes .feature-title, .four-boxes .feature-description, .four-boxes .feature-title .elementor-heading-title, .four-boxes .feature-description .elementor-heading-title { margin: 0 !important; padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e90bab6 *//* ========================================================= ELEMENTOR HTML WIDGET - FORCE FULL WIDTH ========================================================= */ .elementor-widget-html:has(.ingredient-marquee) { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; align-self: stretch !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-widget-html:has(.ingredient-marquee) > .elementor-widget-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ========================================================= INGREDIENT MARQUEE ========================================================= */ .ingredient-marquee { position: relative; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 18px 0; box-sizing: border-box; overflow: hidden; background: #171b18; color: #ffffff; border-top: 1px solid #2f342f; border-bottom: 1px solid #2f342f; } /* ========================================================= TRACK ========================================================= */ .marquee-track { display: flex; align-items: center; flex-wrap: nowrap; width: max-content; min-width: max-content; animation: marquee-flow 24s linear infinite; will-change: transform; } /* ========================================================= TEXT ========================================================= */ .marquee-track span { display: inline-block; font-family: Arial, sans-serif; font-size: clamp(27px, 3.1vw, 48px); line-height: 1; font-weight: 900; letter-spacing: -0.055em; white-space: nowrap; flex: 0 0 auto; } /* Ivermectin + Fenbendazole */ .marquee-track span:nth-of-type(4n + 1), .marquee-track span:nth-of-type(4n + 2) { color: #dff13a; } /* Clear strengths + UK catalogue */ .marquee-track span:nth-of-type(4n + 3), .marquee-track span:nth-of-type(4n + 4) { color: #ffffff; } /* ========================================================= PLUS SIGNS ========================================================= */ .marquee-track i { display: inline-block; margin: 0 25px; color: #7e857e; font-family: Arial, sans-serif; font-size: 20px; line-height: 1; font-style: normal; font-weight: 400; white-space: nowrap; flex: 0 0 auto; } /* ========================================================= ANIMATION ========================================================= */ @keyframes marquee-flow { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } /* ========================================================= HOVER ========================================================= */ .ingredient-marquee:hover .marquee-track { animation-play-state: paused; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .ingredient-marquee { padding: 14px 0; } .marquee-track span { font-size: 28px; letter-spacing: -0.045em; } .marquee-track i { margin: 0 18px; font-size: 17px; } } /* ========================================================= TOUCH DEVICES ========================================================= */ @media (hover: none) { .ingredient-marquee:hover .marquee-track { animation-play-state: running; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .marquee-track { animation: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-095ed0f *//* ========================================================= SHOP PRODUCTS SOURCE: IVERMECTIN_SHOP_HTML_CSS_v6 ========================================================= */ .shop-products { position: relative; width: 100%; max-width: none; margin: 0; padding: 100px 5vw 120px; box-sizing: border-box; overflow: hidden; background: #F5F4EE; isolation: isolate; } /* ========================================================= SOURCE BACKGROUND GLOW v6 .products-section::before ========================================================= */ .shop-products::before { content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; top: 8%; right: -210px; border-radius: 50%; background: radial-gradient( circle, rgba(185, 213, 255, .16), transparent 68% ); pointer-events: none; } /* ========================================================= BACKGROUND CATALOGUE TEXT v6 .products-section::after ========================================================= */ .shop-products::after { content: "CATALOGUE"; position: absolute; z-index: -1; top: 52px; left: 49%; font-family: Arial, sans-serif; font-size: clamp(80px, 12vw, 210px); line-height: 1; font-weight: 950; letter-spacing: -.08em; color: rgba(23, 27, 24, .025); white-space: nowrap; pointer-events: none; user-select: none; } /* ========================================================= HEADER WRAPPER ========================================================= */ .shop-products-head { position: relative; z-index: 2; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; gap: 32px; } /* ========================================================= LOCAL GRAIN / NOISE adapted from v6 body::before ========================================================= */ .shop-products > .e-con-inner { position: relative; z-index: 1; } /* Separate fixed grain layer from source cannot use ::before, because ::before is already used for the blue glow. This applies the same source noise as a background overlay. */ .shop-products { background-color: #F5F4EE; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.0196'/%3E%3C/svg%3E"); background-repeat: repeat; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .shop-products { padding: 72px 32px 90px; } .shop-products::before { width: 420px; height: 420px; top: 10%; right: -190px; } .shop-products::after { top: 46px; left: 43%; font-size: clamp(80px, 14vw, 150px); } .shop-products-head { gap: 24px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .shop-products { padding: 48px 20px 72px; } .shop-products::before { width: 320px; height: 320px; top: 6%; right: -190px; background: radial-gradient( circle, rgba(185, 213, 255, .12), transparent 68% ); } .shop-products::after { top: 34px; left: 30%; font-size: clamp(62px, 20vw, 110px); color: rgba(23, 27, 24, .02); } .shop-products-head { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 24px; } }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-f36cd5a *//* ========================= TAXONOMY FILTER adapted from v6 .filters ========================= */ /* filter list */ .shop-taxonomy-filter ul, .shop-taxonomy-filter .e-filter { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; list-style: none !important; } /* buttons */ .shop-taxonomy-filter button, .shop-taxonomy-filter .e-filter-item { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin: 0 !important; padding: 10px 18px !important; border: 1px solid #D7D8D0 !important; border-radius: 100px !important; background: rgba(255,255,255,.16) !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; white-space: nowrap !important; cursor: pointer !important; box-shadow: none !important; transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s cubic-bezier(.22,.61,.36,1) !important; } /* hover */ .shop-taxonomy-filter button:hover, .shop-taxonomy-filter .e-filter-item:hover { transform: translateY(-2px) !important; border-color: #AEB1A9 !important; background: rgba(255,255,255,.16) !important; color: #171B18 !important; } /* active filter */ .shop-taxonomy-filter button[aria-pressed="true"], .shop-taxonomy-filter button.active, .shop-taxonomy-filter .e-filter-item[aria-pressed="true"], .shop-taxonomy-filter .e-filter-item.active { background: #171B18 !important; color: #FFFFFF !important; border-color: #171B18 !important; } /* ========================= COUNTER square -> circle only ========================= */ .shop-taxonomy-filter .taxonomy-filter-count { border-radius: 50% !important; } /* Elementor wrappers - prevent clipping */ .shop-taxonomy-filter, .shop-taxonomy-filter > .elementor-widget-container, .shop-taxonomy-filter .e-filter { overflow: visible !important; } /* mobile - horizontal scroll only here */ @media (max-width: 767px) { .shop-taxonomy-filter { margin-bottom: 28px !important; padding: 2px 0 12px 0 !important; } .shop-taxonomy-filter .e-filter { overflow-x: auto !important; overflow-y: hidden !important; } .shop-taxonomy-filter button, .shop-taxonomy-filter .e-filter-item { padding: 10px 14px !important; font-size: 10px !important; } }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-9099984 *//* ========================= CUSTOM STRENGTH DROPDOWN styled to match v6 filters ========================= */ .shop-strength-filter { position: relative !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* native Elementor taxonomy = engine only */ .shop-strength-filter > .e-filter { display: none !important; } /* ========================= WRAPPER ========================= */ .shop-strength-filter .strength-dropdown { position: relative !important; display: inline-block !important; width: auto !important; min-width: 170px !important; margin: 0 !important; padding: 0 !important; } /* ========================= TRIGGER ========================= */ .shop-strength-filter .strength-dropdown__trigger { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; width: auto !important; min-width: 170px !important; min-height: 0 !important; margin: 0 !important; padding: 10px 18px !important; border: 1px solid #D7D8D0 !important; border-radius: 100px !important; background: rgba(255,255,255,.16) !important; background-color: rgba(255,255,255,.16) !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s cubic-bezier(.22,.61,.36,1) !important; } /* hover */ .shop-strength-filter .strength-dropdown__trigger:hover { transform: translateY(-2px) !important; background: #89960F !important; background-color: #89960F !important; border-color: #89960F !important; color: #FFFFFF !important; } /* opened */ .shop-strength-filter .strength-dropdown.is-open .strength-dropdown__trigger { background: #89960F !important; background-color: #89960F !important; border-color: #89960F !important; color: #FFFFFF !important; } /* label */ .shop-strength-filter .strength-dropdown__current { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; } /* ========================= ARROW ========================= */ .shop-strength-filter .strength-dropdown__arrow { position: relative !important; display: block !important; width: 8px !important; height: 8px !important; flex: 0 0 8px !important; margin: 0 0 0 18px !important; padding: 0 !important; color: inherit !important; transform: rotate(0deg) !important; transition: transform .3s cubic-bezier(.22,.61,.36,1) !important; } .shop-strength-filter .strength-dropdown__arrow::before { content: "" !important; position: absolute !important; top: 0 !important; left: 1px !important; width: 5px !important; height: 5px !important; border: 0 !important; border-right: 1.5px solid currentColor !important; border-bottom: 1.5px solid currentColor !important; background: transparent !important; transform: rotate(45deg) !important; } /* rotate arrow */ .shop-strength-filter .strength-dropdown.is-open .strength-dropdown__arrow { transform: rotate(180deg) !important; } /* ========================= MENU ========================= */ .shop-strength-filter .strength-dropdown__menu { position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; z-index: 9999 !important; display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 170px !important; margin: 0 !important; padding: 6px !important; border: 1px solid #D7D8D0 !important; border-radius: 14px !important; background: #F7F5EF !important; box-shadow: 0 16px 40px rgba(23,27,24,.12) !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-6px) scale(.98) !important; transform-origin: top center !important; pointer-events: none !important; transition: opacity .22s ease, visibility .22s ease, transform .22s cubic-bezier(.22,.61,.36,1) !important; } /* open menu */ .shop-strength-filter .strength-dropdown.is-open .strength-dropdown__menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) scale(1) !important; pointer-events: auto !important; } /* ========================= OPTIONS ========================= */ .shop-strength-filter .strength-dropdown__option { display: flex !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 10px 12px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: left !important; text-transform: uppercase !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: background-color .2s ease, color .2s ease, transform .2s cubic-bezier(.22,.61,.36,1) !important; } /* option hover */ .shop-strength-filter .strength-dropdown__option:hover { background: #89960F !important; color: #FFFFFF !important; transform: translateX(2px) !important; } /* active option */ .shop-strength-filter .strength-dropdown__option.is-active { background: #171B18 !important; color: #FFFFFF !important; } /* active + hover */ .shop-strength-filter .strength-dropdown__option.is-active:hover { background: #89960F !important; color: #FFFFFF !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .shop-strength-filter { width: 100% !important; } .shop-strength-filter .strength-dropdown { width: 100% !important; min-width: 0 !important; } .shop-strength-filter .strength-dropdown__trigger { width: 100% !important; min-width: 0 !important; padding: 10px 16px !important; font-size: 10px !important; } .shop-strength-filter .strength-dropdown__menu { width: 100% !important; min-width: 0 !important; } .shop-strength-filter .strength-dropdown__option { font-size: 10px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8040f96 *//* ========================================= FINAL FIX - FILTER ROW LAYOUT category + strength side by side ========================================= */ .shop-filters-row > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; overflow: visible !important; } /* ========================================= CATEGORY override old width:100% rule ========================================= */ .shop-filters-row > .e-con-inner > .shop-taxonomy-filter { width: auto !important; max-width: max-content !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; align-self: center !important; overflow: visible !important; } /* category filter itself */ .shop-filters-row > .e-con-inner > .shop-taxonomy-filter > .elementor-widget-container { width: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .shop-filters-row > .e-con-inner > .shop-taxonomy-filter .e-filter { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; margin: 0 !important; padding: 0 !important; gap: 10px !important; overflow: visible !important; } /* ========================================= STRENGTH ========================================= */ .shop-filters-row > .e-con-inner > .shop-strength-filter { width: auto !important; max-width: max-content !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; align-self: center !important; overflow: visible !important; } .shop-filters-row > .e-con-inner > .shop-strength-filter .strength-dropdown { position: relative !important; width: auto !important; margin: 0 !important; padding: 0 !important; } /* ========================================= SAME VERTICAL SIZING ========================================= */ .shop-filters-row .shop-taxonomy-filter .e-filter-item, .shop-filters-row .shop-strength-filter .strength-dropdown__trigger { box-sizing: border-box !important; height: 34px !important; min-height: 34px !important; margin-top: 0 !important; margin-bottom: 0 !important; white-space: nowrap !important; } /* override old vertical padding */ .shop-filters-row .shop-taxonomy-filter .e-filter-item { padding-top: 0 !important; padding-bottom: 0 !important; } .shop-filters-row .shop-strength-filter .strength-dropdown__trigger { padding-top: 0 !important; padding-bottom: 0 !important; } /* ========================================= TABLET horizontal scroll if needed ========================================= */ @media (max-width: 1024px) { .shop-filters-row { width: 100% !important; max-width: 100% !important; overflow: hidden !important; } .shop-filters-row > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-x: contain !important; scrollbar-width: none !important; } .shop-filters-row > .e-con-inner::-webkit-scrollbar { display: none !important; } .shop-filters-row > .e-con-inner > .shop-taxonomy-filter, .shop-filters-row > .e-con-inner > .shop-strength-filter { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .shop-filters-row .shop-taxonomy-filter .e-filter { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: max-content !important; min-width: max-content !important; gap: 10px !important; overflow: visible !important; } .shop-filters-row .shop-strength-filter .strength-dropdown { width: max-content !important; min-width: max-content !important; } } /* ========================================= MOBILE HORIZONTAL SWIPE FILTERS ========================================= */ @media (max-width: 767px) { .shop-filters-row { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-top: 30px !important; padding-bottom: 10px !important; overflow: hidden !important; } .shop-filters-row > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 22px 8px 0 !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-behavior: smooth !important; overscroll-behavior-x: contain !important; scrollbar-width: none !important; } .shop-filters-row > .e-con-inner::-webkit-scrollbar { display: none !important; } /* CATEGORY */ .shop-filters-row > .e-con-inner > .shop-taxonomy-filter { flex: 0 0 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .shop-filters-row > .e-con-inner > .shop-taxonomy-filter > .elementor-widget-container { width: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .shop-filters-row .shop-taxonomy-filter .e-filter { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; width: max-content !important; min-width: max-content !important; margin: 0 !important; padding: 0 !important; gap: 10px !important; overflow: visible !important; } /* STRENGTH */ .shop-filters-row > .e-con-inner > .shop-strength-filter { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .shop-filters-row .shop-strength-filter .strength-dropdown { position: relative !important; width: max-content !important; min-width: max-content !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* FILTER BUTTONS */ .shop-filters-row .shop-taxonomy-filter .e-filter-item, .shop-filters-row .shop-strength-filter .strength-dropdown__trigger { flex: 0 0 auto !important; width: auto !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; padding: 0 16px !important; white-space: nowrap !important; font-size: 11px !important; box-sizing: border-box !important; } /* extra breathing room at the end */ .shop-filters-row > .e-con-inner > .shop-strength-filter { margin-right: 4px !important; } } /* ========================================= SMALL MOBILE ========================================= */ @media (max-width: 390px) { .shop-filters-row { padding-top: 30px !important; padding-bottom: 10px !important; } .shop-filters-row > .e-con-inner { gap: 8px !important; padding-right: 18px !important; } .shop-filters-row .shop-taxonomy-filter .e-filter { gap: 8px !important; } .shop-filters-row .shop-taxonomy-filter .e-filter-item, .shop-filters-row .shop-strength-filter .strength-dropdown__trigger { height: 32px !important; min-height: 32px !important; padding-left: 14px !important; padding-right: 14px !important; font-size: 10px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bfed75c */.floating-code { position: absolute !important; top: 22% !important; right: 7% !important; z-index: 5 !important; width: auto !important; margin: 0 !important; padding: 12px 16px !important; background: #DFF13A !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; transform: rotate(8deg) scale(1) !important; transform-origin: center center !important; box-shadow: 0 8px 18px rgba(23, 27, 24, 0.12), 0 2px 5px rgba(23, 27, 24, 0.08) !important; cursor: default !important; transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s cubic-bezier(.22, 1, .36, 1) !important; } /* HOVER */ .floating-code:hover { transform: rotate(8deg) scale(1.07) !important; box-shadow: 0 12px 26px rgba(23, 27, 24, 0.16), 0 4px 8px rgba(23, 27, 24, 0.10) !important; } .floating-code .elementor-heading-title { margin: 0 !important; padding: 0 !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f2332c *//* ========================= QUALITY ART ========================= */ .quality-art { position: relative; width: 50%; min-width: 0; min-height: 700px; margin: 0; padding: 0; overflow: hidden; background-color: #D7E8F0; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .quality-art > * { position: relative; z-index: 1; } /* ========================= QUALITY COPY ========================= */ .quality-copy { width: 50%; min-width: 0; min-height: 700px; margin: 0; padding: clamp(60px, 8vw, 80px); box-sizing: border-box; background: #171B18; color: #FFFFFF; } /* ========================= TABLET + MOBILE STACK FIX Elementor Atomic override ========================= */ @media (max-width: 1024px) { .elementor-element.elementor-element-7b7d59a.quality-section { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; flex-wrap: nowrap !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 0 !important; } .elementor-element.elementor-element-7b7d59a.quality-section > .elementor-element-9f2332c.quality-art, .elementor-element.elementor-element-7b7d59a.quality-section > .elementor-element-0365d31.quality-copy { flex: 0 0 auto !important; flex-basis: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* ART */ .elementor-element.elementor-element-9f2332c.quality-art { height: 500px !important; min-height: 500px !important; max-height: 500px !important; background-position: center center !important; background-size: cover !important; } /* COPY - natural content height */ .elementor-element.elementor-element-0365d31.quality-copy { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 72px 48px !important; } } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .elementor-element.elementor-element-7b7d59a.quality-section { flex-direction: column !important; } .elementor-element.elementor-element-9f2332c.quality-art { height: 360px !important; min-height: 360px !important; max-height: 360px !important; } .elementor-element.elementor-element-0365d31.quality-copy { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 58px 24px 64px !important; } } /* ========================= SMALL MOBILE ========================= */ @media (max-width: 420px) { .elementor-element.elementor-element-9f2332c.quality-art { height: 320px !important; min-height: 320px !important; max-height: 320px !important; } } /* ========================= VERY SMALL MOBILE ========================= */ @media (max-width: 360px) { .elementor-element.elementor-element-9f2332c.quality-art { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-85276d8 */#standards { scroll-margin-top: 80px; }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-140f9ee */.quality-list .elementor-icon-list-item:not(:last-child)::after { left: 10px !important; right: 0 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-89ed794 *//* ========================================= READ IMPORTANT INFORMATION ========================================= */ .read-important-information { width: auto !important; margin: 0 !important; padding: 40px 0 !important; } /* BUTTON */ .read-important-information .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 54px !important; margin: 0 !important; padding: 0 24px !important; border: 0 !important; border-radius: 0 !important; background: #DFF13A !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s cubic-bezier(.22, 1, .36, 1), background-color .35s ease, color .35s ease !important; } /* CONTENT */ .read-important-information .elementor-button-content-wrapper { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* TEXT */ .read-important-information .elementor-button-text { display: inline-flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-family: Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; white-space: nowrap !important; } /* ARROW */ .read-important-information .elementor-button-text::after { content: "" !important; display: inline-block !important; width: 14px !important; height: 14px !important; min-width: 14px !important; margin-left: 18px !important; padding: 0 !important; background-color: currentColor !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M8 7h9v9' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; transform: translateY(-1px) !important; transform-origin: center center !important; transition: transform .35s cubic-bezier(.22, 1, .36, 1), opacity .25s ease !important; flex: 0 0 auto !important; } /* HOVER */ .read-important-information .elementor-button:hover, .read-important-information .elementor-button:focus { background: #89960F !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 14px 30px rgba(23, 27, 24, .16) !important; } .read-important-information .elementor-button:hover .elementor-button-text::after, .read-important-information .elementor-button:focus .elementor-button-text::after { transform: translate(3px, -4px) !important; } /* MOBILE */ @media (max-width: 767px) { .read-important-information .elementor-button { min-height: 50px !important; padding: 0 20px !important; } .read-important-information .elementor-button-text { font-size: 11px !important; } .read-important-information .elementor-button-text::after { width: 13px !important; height: 13px !important; min-width: 13px !important; margin-left: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c68e323 */.delivery-stats { display: flex !important; flex-direction: row !important; align-items: flex-start !important; width: 100% !important; gap: 20px !important; } /* 3 equal columns */ .delivery-stats > .e-con { width: calc((100% - 40px) / 3) !important; max-width: none !important; flex: 0 0 calc((100% - 40px) / 3) !important; min-width: 0 !important; } /* value headings */ .delivery-stats .elementor-heading-title { width: 100% !important; white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-610c023 *//* ========================= FAQ ACCORDION ========================= */ .faq-accordion-widget { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 1px !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; transform: none !important; clip: auto !important; clip-path: none !important; font-family: Arial, sans-serif !important; color: #171B18 !important; box-sizing: border-box !important; } /* ITEM */ .faq-accordion-widget details { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 61px !important; max-height: none !important; margin: 0 !important; padding: 24px 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; transform: none !important; border: 0 !important; border-top: 1px solid #D7D8D0 !important; background: transparent !important; box-sizing: border-box !important; transition: padding .35s cubic-bezier(.22, 1, .36, 1), background-color .35s ease !important; } .faq-accordion-widget details:last-child { border-bottom: 1px solid #D7D8D0 !important; } .faq-accordion-widget details:hover { padding-left: 12px !important; padding-right: 12px !important; background: rgba(255, 255, 255, .24) !important; } /* SUMMARY */ .faq-accordion-widget summary { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; width: 100% !important; max-width: 100% !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; transform: none !important; cursor: pointer !important; list-style: none !important; color: #171B18 !important; background: transparent !important; border: 0 !important; outline: none !important; font-family: Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; -webkit-tap-highlight-color: transparent !important; box-sizing: border-box !important; } /* REMOVE NATIVE MARKERS */ .faq-accordion-widget summary::-webkit-details-marker { display: none !important; } .faq-accordion-widget summary::marker { content: "" !important; } /* QUESTION */ .faq-accordion-widget .faq-question { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; visibility: visible !important; opacity: 1 !important; } /* PLUS */ .faq-accordion-widget .faq-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; color: #171B18 !important; font-family: Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1 !important; visibility: visible !important; opacity: 1 !important; transform: rotate(0deg) !important; transform-origin: center center !important; transition: transform .35s cubic-bezier(.22, 1, .36, 1), color .25s ease !important; } /* + BECOMES × */ .faq-accordion-widget details[open] .faq-toggle { transform: rotate(45deg) !important; } /* ANSWER */ .faq-accordion-widget details > p { width: 100% !important; max-width: 650px !important; height: auto !important; max-height: none !important; margin: 14px 0 0 !important; padding: 0 !important; color: #686D68 !important; font-family: Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.7 !important; visibility: visible !important; opacity: 1 !important; } /* CLOSED */ .faq-accordion-widget details:not([open]) > p { display: none !important; } /* OPEN */ .faq-accordion-widget details[open] > p { display: block !important; } /* HOVER */ .faq-accordion-widget details:hover .faq-toggle { color: #89960F !important; } /* FOCUS */ .faq-accordion-widget summary:focus-visible { outline: 1px solid #89960F !important; outline-offset: 6px !important; } /* ========================= FAQ MOBILE LAYOUT FIX ========================= */ @media (max-width: 767px) { .elementor-element-fab9366 { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } .elementor-element-fab9366 > .elementor-element-133ba47, .elementor-element-fab9366 > .elementor-element-b652456 { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; } .elementor-element-b652456 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; } .elementor-element-610c023 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /* FAQ MOBILE */ .faq-accordion-widget { width: 100% !important; max-width: 100% !important; } .faq-accordion-widget details { display: block !important; width: 100% !important; height: auto !important; min-height: 61px !important; max-height: none !important; padding: 20px 0 !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; transform: none !important; } .faq-accordion-widget details:hover { padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; } .faq-accordion-widget summary { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; gap: 16px !important; visibility: visible !important; opacity: 1 !important; transform: none !important; } .faq-accordion-widget summary, .faq-accordion-widget .faq-question { font-size: 14px !important; } .faq-accordion-widget details > p { width: 100% !important; max-width: 100% !important; margin-top: 12px !important; font-size: 12px !important; line-height: 1.7 !important; } .faq-accordion-widget .faq-toggle { flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important; height: 18px !important; font-size: 16px !important; visibility: visible !important; opacity: 1 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b652456 *//* ========================= PRODUCT INFO - MOBILE STACK FIX ========================= */ @media (max-width: 767px) { .elementor-element-fab9366 { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } .elementor-element-fab9366 > .elementor-element-133ba47, .elementor-element-fab9366 > .elementor-element-b652456 { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; } .elementor-element-b652456 > .e-con-inner { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; } .elementor-element-610c023 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0f15761 *//* ========================================================= OUTER FLEXBOX ========================================================= */ .elementor-element-38a8acf { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; overflow: visible !important; gap: 0 !important; } /* ========================================================= INNER CONTAINER ========================================================= */ .elementor-element-0f15761 { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; gap: 0 !important; overflow: visible !important; } /* ========================================================= HTML WIDGET ========================================================= */ .elementor-element-e581f3a { width: 100% !important; max-width: none !important; flex: 1 1 100% !important; margin: 0 !important; padding: 0 !important; align-self: stretch !important; } /* ========================================================= WIDGET CONTAINER ========================================================= */ .elementor-element-e581f3a > .elementor-widget-container { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= MAIN NOTICE SECTION ========================================================= */ .product-notice-v7 { position: relative; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden; box-sizing: border-box; border-top: 1px solid #D7D8D0; border-bottom: 1px solid #D7D8D0; background: radial-gradient( circle at 16% 35%, rgba(255,255,255,.95), transparent 34% ), linear-gradient( 100deg, #F5F4EE 0%, #F1F0E8 100% ); color: #171B18; } /* ========================================================= GHOST TEXT ========================================================= */ .product-notice-v7::after { content: "NOTICE"; position: absolute; right: 3.5vw; bottom: -0.22em; z-index: 0; font-family: Arial, sans-serif; font-size: clamp(82px, 10vw, 165px); font-weight: 950; line-height: .8; letter-spacing: -.085em; color: rgba(23,27,24,.025); white-space: nowrap; pointer-events: none; user-select: none; } /* ========================================================= INNER GRID ========================================================= */ .product-notice-v7__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(300px, .8fr) minmax(500px, 1.65fr) auto; align-items: center; gap: clamp(36px, 5vw, 84px); width: 100%; margin: 0; padding: clamp(34px, 3.4vw, 54px) 120px; box-sizing: border-box; } /* ========================================================= LEFT BLOCK ========================================================= */ .product-notice-v7__lead { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 18px; min-width: 0; margin: 0; padding: 0; } /* ========================================================= INFO ICON ========================================================= */ .product-notice-v7__icon { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; min-width: 46px; flex: 0 0 46px; margin: 0; padding: 0; border: 1px solid rgba(23,27,24,.22); border-radius: 50%; background: #DFF13A; color: #171B18; font-family: Georgia, serif; font-size: 22px; font-weight: 700; font-style: italic; line-height: 1; box-shadow: 0 8px 20px rgba(23,27,24,.07); } /* ========================================================= LEFT TEXT WRAPPER ========================================================= */ .product-notice-v7__lead-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; margin: 0; padding: 0; } /* ========================================================= KICKER / LABEL ========================================================= */ .product-notice-v7__kicker { margin: 0; padding: 0; color: #171B18; font-family: Arial, sans-serif; font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; } /* ========================================================= LIME RULE ========================================================= */ .product-notice-v7__rule { display: block; width: 38px; height: 3px; margin-top: 11px; background: #DFF13A; } /* ========================================================= MIDDLE COPY ========================================================= */ .product-notice-v7__copy { width: 100%; max-width: 900px; margin: 0; padding: 0; color: #5F645F; font-family: Arial, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.75; } /* ========================================================= CODE ========================================================= */ .product-notice-v7__code { display: inline-flex; align-items: center; justify-content: center; width: auto; margin: 0; padding: 10px 12px; border: 1px solid rgba(23,27,24,.12); background: transparent; color: #777C77; font-family: Arial, sans-serif; font-size: 9px; font-weight: 800; line-height: 1; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; } /* ========================================================= TABLET 768px - 1024px ORDER: 1. ICON 2. CONTENT 3. LABEL ========================================================= */ @media (max-width: 1024px) and (min-width: 768px) { .product-notice-v7__inner { display: grid; grid-template-columns: 1fr; gap: 0; align-items: start; padding: 38px 40px 36px; } /* * Break the desktop lead wrapper * so icon and label can become * independent grid elements. */ .product-notice-v7__lead { display: contents; } /* ===================================================== 01 - ICON ===================================================== */ .product-notice-v7__icon { order: 1; width: 46px; height: 46px; min-width: 46px; margin: 0 0 22px 0; font-size: 22px; box-shadow: 0 8px 20px rgba(23,27,24,.07); } /* ===================================================== 02 - CONTENT ===================================================== */ .product-notice-v7__copy { order: 2; width: 100%; max-width: 680px; margin: 0 0 24px 0; font-size: 13px; line-height: 1.7; color: #5F645F; } /* ===================================================== 03 - LABEL ===================================================== */ .product-notice-v7__lead-copy { order: 3; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; margin: 0; padding: 0; } .product-notice-v7__kicker { font-size: 10px; font-weight: 800; line-height: 1.2; letter-spacing: .16em; white-space: nowrap; } .product-notice-v7__rule { width: 38px; height: 3px; margin-top: 10px; } /* ===================================================== HIDE CODE ===================================================== */ .product-notice-v7__code { display: none !important; } /* ===================================================== GHOST NOTICE ===================================================== */ .product-notice-v7::after { right: 24px; bottom: -.1em; font-size: clamp(94px, 14vw, 138px); color: rgba(23,27,24,.022); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .product-notice-v7__inner { grid-template-columns: 1fr; gap: 22px; padding: 34px 20px; } .product-notice-v7__lead { display: flex; flex-direction: row; align-items: flex-start; gap: 18px; } .product-notice-v7__kicker { white-space: normal; } .product-notice-v7__copy { max-width: none; font-size: 13px; } .product-notice-v7::after { right: -12vw; bottom: -.1em; font-size: 90px; } } /* ========================================================= NOTICE FADE-IN ========================================================= */ .product-notice-v7__icon, .product-notice-v7__kicker, .product-notice-v7__rule, .product-notice-v7__copy, .product-notice-v7__code { opacity: 0; animation: product-notice-fade .7s ease forwards !important; } /* ========================================================= STAGGER ========================================================= */ .product-notice-v7__icon { animation-delay: .12s !important; } .product-notice-v7__kicker { animation-delay: .16s !important; } .product-notice-v7__rule { animation-delay: .20s !important; } .product-notice-v7__copy { animation-delay: .24s !important; } .product-notice-v7__code { animation-delay: .28s !important; } /* ========================================================= ANIMATION ========================================================= */ @keyframes product-notice-fade { from { opacity: 0; } to { opacity: 1; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .product-notice-v7__icon, .product-notice-v7__kicker, .product-notice-v7__rule, .product-notice-v7__copy, .product-notice-v7__code { opacity: 1 !important; animation: none !important; } }/* End custom CSS */