.elementor-1264 .elementor-element.elementor-element-iaanno01{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1264 .elementor-element.elementor-element-ed6a5c91{--display:flex;--min-height:80px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1264 .elementor-element.elementor-element-ed6a5c91:not(.elementor-motion-effects-element-type-background), .elementor-1264 .elementor-element.elementor-element-ed6a5c91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1264 .elementor-element.elementor-element-d5f4551a{--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:space-between;--align-items:center;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--flex-wrap:nowrap;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1264 .elementor-element.elementor-element-bb2c13b8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1264 .elementor-element.elementor-element-bb2c13b8{text-align:start;}.elementor-1264 .elementor-element.elementor-element-bb2c13b8 img{width:60px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1264 .elementor-element.elementor-element-3a21a156.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-menu-toggle{margin:0 auto;border-width:0px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu .elementor-item{font-family:"Oswald", sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main .elementor-item{color:#F7F5F4;fill:#F7F5F4;padding-left:14px;padding-right:14px;padding-top:10px;padding-bottom:10px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main .elementor-item:hover, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main .elementor-item:focus{color:#C22232;fill:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .e--pointer-framed .elementor-item:before, .elementor-1264 .elementor-element.elementor-element-3a21a156 .e--pointer-framed .elementor-item:after{border-color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-1264 .elementor-element.elementor-element-3a21a156 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-menu-toggle{color:#F7F5F4;fill:#F7F5F4;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown{background-color:#1A1A1A;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2E2C2B;border-radius:8px 8px 8px 8px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a:hover, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a:focus, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a.highlighted, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-menu-toggle:hover, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a:hover, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a:focus, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a.highlighted{background-color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown .elementor-item, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Barlow", sans-serif;font-size:15px;font-weight:400;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;}.elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1264 .elementor-element.elementor-element-3a21a156 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:8px !important;}.elementor-1264 .elementor-element.elementor-element-3a21a156 div.elementor-menu-toggle{color:#F7F5F4;}.elementor-1264 .elementor-element.elementor-element-3a21a156 div.elementor-menu-toggle svg{fill:#F7F5F4;}.elementor-1264 .elementor-element.elementor-element-3a21a156 div.elementor-menu-toggle:hover, .elementor-1264 .elementor-element.elementor-element-3a21a156 div.elementor-menu-toggle:focus{color:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156 div.elementor-menu-toggle:hover svg, .elementor-1264 .elementor-element.elementor-element-3a21a156 div.elementor-menu-toggle:focus svg{fill:#C22232;}.elementor-1264 .elementor-element.elementor-element-3a21a156{--nav-menu-icon-size:20px;}.elementor-1264 .elementor-element.elementor-element-901e209e{--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-end;--align-items:center;--gap:0px 18px;--row-gap:0px;--column-gap:18px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1264 .elementor-element.elementor-element-901e209e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1264 .elementor-element.elementor-element-cc47a3bb .elementor-button{background-color:#00000000;font-family:"Oswald", sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:0.6px;fill:#F7F5F4;color:#F7F5F4;border-style:none;padding:0px 0px 0px 0px;}.elementor-1264 .elementor-element.elementor-element-cc47a3bb .elementor-button:hover, .elementor-1264 .elementor-element.elementor-element-cc47a3bb .elementor-button:focus{background-color:#00000000;color:#C22232;}.elementor-1264 .elementor-element.elementor-element-cc47a3bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1264 .elementor-element.elementor-element-cc47a3bb .elementor-button:hover svg, .elementor-1264 .elementor-element.elementor-element-cc47a3bb .elementor-button:focus svg{fill:#C22232;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1264 .elementor-element.elementor-element-8ae67b30.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1264 .elementor-element.elementor-element-8ae67b30{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#F7F5F4;--toggle-button-background-color:#00000000;--toggle-button-border-color:#00000000;--toggle-button-icon-hover-color:#C22232;--toggle-button-hover-background-color:#00000000;--toggle-button-hover-border-color:#00000000;--toggle-icon-size:22px;--toggle-icon-padding:0px 0px 0px 0px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:#C22232;--cart-background-color:#FFFFFF;--cart-border-style:solid;--cart-border-color:#E2DEDC;--cart-padding:28px 28px 28px 28px;--cart-close-icon-size:18px;--cart-close-button-color:#14161A;--cart-close-button-hover-color:#C22232;--remove-item-button-size:16px;--remove-item-button-color:#6B6664;--remove-item-button-hover-color:#C22232;--menu-cart-subtotal-color:#14161A;--product-price-color:#C22232;--divider-color:#E2DEDC;--subtotal-divider-color:#E2DEDC;--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--product-divider-gap:18px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--space-between-buttons:12px;--view-cart-button-text-color:#14161A;--view-cart-button-background-color:#00000000;--view-cart-button-hover-text-color:#F7F5F4;--view-cart-button-hover-background-color:#14161A;--view-cart-button-padding:14px 18px 14px 18px;--checkout-button-text-color:#FFFFFF;--checkout-button-background-color:#C22232;--checkout-button-hover-text-color:#FFFFFF;--checkout-button-hover-background-color:#A81C29;--checkout-button-padding:14px 18px 14px 18px;--empty-message-color:#6B6664;--empty-message-alignment:center;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__main{border-width:1px 1px 1px 1px;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__subtotal{font-family:"Oswald", sans-serif;font-size:18px;font-weight:600;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;--subtotal-divider-color:#E2DEDC;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__product-name a{font-family:"Oswald", sans-serif;font-size:16px;font-weight:600;line-height:1.3em;color:#14161A;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__product-name a:hover{color:#C22232;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__product-price{font-family:"Oswald", sans-serif;font-size:15px;font-weight:600;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__product-price .product-quantity{color:#6B6664;font-family:"Barlow", sans-serif;font-size:14px;font-weight:400;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Oswald", sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{border-color:#14161A;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-button--view-cart{border-style:solid;border-width:1px 1px 1px 1px;border-color:#14161A;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:8px 8px 8px 8px;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:8px 8px 8px 8px;}.elementor-1264 .elementor-element.elementor-element-8ae67b30 .woocommerce-mini-cart__empty-message{font-family:"Barlow", sans-serif;font-size:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1264 .elementor-element.elementor-element-d5f4551a{--content-width:1200px;}.elementor-1264 .elementor-element.elementor-element-901e209e{--width:24%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1264 .elementor-element.elementor-element-901e209e{--width:34%;}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-1264 .elementor-element.elementor-element-iaanno01{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-1264 .elementor-element.elementor-element-ed6a5c91{--min-height:64px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1264 .elementor-element.elementor-element-bb2c13b8 img{width:46px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1264 .elementor-element.elementor-element-901e209e{--width:46%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS *//* Side cart: the product thumbnail falls back to WooCommerce's grey camera while there is no product photography. Same declared on-palette panel used on the shop tiles. */ .elementor-menu-cart__product-image img[src*='woocommerce-placeholder'] { opacity: 0; } .elementor-menu-cart__product-image:has(img[src*='woocommerce-placeholder']) { background: #F7F5F4; border: 1px solid #E2DEDC; border-radius: 8px; } /* Keep the panel readable: the item name should wrap on words, not stack one word per line. */ .elementor-menu-cart__product-name { overflow-wrap: anywhere; } /* The empty side cart is a tall panel with one short line in it; give the line room so it reads as a state rather than as text stranded in a corner. */ .woocommerce-mini-cart__empty-message { padding: 56px 0; } /* ============================================================ ANNOUNCEMENT BAR AND SHOP MEGA MENU, session 5. Both read the band tokens through .dk, so neither carries a literal colour. Chrome renders on every template, so keep everything here scoped to its own ia- classes. ============================================================ */ .ia-ic { width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } /* ---- announcement bar --------------------------------------- */ .ia-anno { background: var(--bg); border-bottom: 1px solid var(--line); } .ia-anno__row { display: flex; align-items: center; justify-content: center; height: 40px; max-width: 1200px; margin-inline: auto; font-family: 'Barlow', sans-serif; } .ia-anno__i { display: inline-flex; align-items: center; gap: 9px; padding-inline: 26px; border-right: 1px solid var(--line); font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; } .ia-anno__i:last-child { border-right: 0; } .ia-anno__i .ia-ic { font-size: 15px; } /* ---- sticky header ------------------------------------------ The negative offset is the announcement bar's own height, so the bar scrolls away and the header row comes to rest against the top of the viewport. */ header.elementor-location-header { position: sticky; top: -40px; z-index: 60; } .ia-hdr { position: relative; } /* ---- mega menu ---------------------------------------------- Absolute, full bleed under the header. The negative inline margin cancels the header container's own padding so the panel reaches the viewport edge without a viewport unit, which is what would otherwise put a horizontal scrollbar on the page. */ /* Elementor wraps every widget in a relatively positioned box. Left alone that wrapper does two things wrong here: it becomes the panel's containing block instead of the header row, and even at zero width it still counts as a flex item, so the row's own gap shifted the logo and nav off centre. display: contents removes both wrappers from the layout without hiding what is inside them; the panel and the scrim are both out of flow, so the row is left with exactly one flex item again. */ .ia-hdr > .elementor-element-iamega01, .ia-hdr > .elementor-element-iamega01 > .elementor-widget-container { display: contents; } .ia-mega { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg); border-bottom: 1px solid var(--line); padding-inline: 24px; opacity: 0; transform: translateY(-6px); visibility: hidden; pointer-events: none; transition: opacity .2s var(--ease), transform .2s var(--ease), visibility 0s linear .2s; } .ia-mega[data-open="1"] { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition-delay: 0s; } .ia-mega__grid { display: grid; grid-template-columns: repeat(4, 1fr) 300px; } /* Three stocked lines rather than four, so the columns keep their measure instead of stretching to fill the row. */ .ia-mega__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) 300px; gap: 40px; max-width: 1200px; margin-inline: auto; padding: 36px 0 40px; } .ia-mega__col h3 { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 12.5px; letter-spacing: 0.13em; text-transform: uppercase; color: var(--muted); margin: 0 0 14px; } .ia-mega__col h3 a { color: inherit; text-decoration: none; } .ia-mega__col h3 a:hover { color: var(--ink); } .ia-mega__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; } .ia-mega__col a { font-family: 'Barlow', sans-serif; font-size: 15px; color: var(--ink); text-decoration: none; opacity: .82; transition: opacity .18s var(--ease); } .ia-mega__col li a:hover { opacity: 1; } /* The accent reads 2.96:1 on the band ground, below the 3:1 floor, so link hover inside the band goes to the band ink rather than to the accent. Same reason the bar icons above use the muted tone. */ .ia-mega__promo { border-left: 1px solid var(--line); padding-left: 36px; } .ia-mega__promostage { aspect-ratio: 16 / 10; display: flex; align-items: center; justify-content: center; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); margin-bottom: 16px; } .ia-mega__promo h4 { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 20px; line-height: 1.05; letter-spacing: -0.005em; color: var(--ink); margin: 0 0 8px; } .ia-mega__promo p { font-family: 'Barlow', sans-serif; font-size: 14px; color: var(--muted); margin: 0 0 16px; } .ia-scrim { position: fixed; inset: 0; z-index: 55; background: rgba(20,22,26,.42); opacity: 0; pointer-events: none; transition: opacity .2s var(--ease); } .ia-scrim[data-open="1"] { opacity: 1; pointer-events: auto; } /* While the mega carries the Shop tree, the nav widget's own drop-down for that one item would double it up at desktop. */ @media (min-width: 1025px) { .ia-hdr .menu-item-1260 > .sub-menu { display: none !important; } } /* The caret stays: it is what tells a visitor the item opens something. It turns with the panel so the header reports its own state. */ .ia-hdr .menu-item-1260 > a .sub-arrow { display: inline-flex; align-items: center; margin-left: 6px; padding: 0; transition: transform .2s var(--ease); } .ia-hdr .menu-item-1260 > a .sub-arrow svg, .ia-hdr .menu-item-1260 > a .sub-arrow i { font-size: 11px; width: 11px; height: 11px; } .ia-hdr .menu-item-1260.ia-shop-open > a .sub-arrow { transform: rotate(180deg); } @media (max-width: 1180px) { .ia-mega__promo { display: none; } .ia-mega__grid { grid-template-columns: repeat(4, 1fr); } .ia-mega__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1024px) { .ia-mega { display: none; } .ia-scrim { display: none; } } @media (max-width: 767px) { header.elementor-location-header { top: -38px; } .ia-anno__row { height: 38px; justify-content: flex-start; } .ia-anno__i { border-right: 0; padding-inline: 0; } .ia-anno__i:nth-child(2), .ia-anno__i:nth-child(3) { display: none; } } /* ---- side cart item meta ------------------------------------ A configured plate carries its whole specification as a definition list. The value column had no floor to its width, so labels and values wrapped one character per line and the panel became unreadable. Two columns with a real minimum on each, and wrapping on word boundaries rather than anywhere. */ .elementor-menu-cart__product .variation { display: grid; grid-template-columns: minmax(84px, 0.85fr) minmax(0, 1.15fr); column-gap: 12px; row-gap: 4px; margin: 6px 0 0; font-size: 12.5px; line-height: 1.4; } .elementor-menu-cart__product .variation dt, .elementor-menu-cart__product .variation dd { margin: 0; overflow-wrap: break-word; word-break: normal; hyphens: none; } .elementor-menu-cart__product .variation dt { color: #6B6664; font-weight: 400; } .elementor-menu-cart__product .variation dd { color: #14161A; } .elementor-menu-cart__product .variation dd p { margin: 0; } /* The panel itself is the constraint, so give the plate line item the full width of the panel rather than sharing it with a thumbnail that has no photograph behind it yet. */ .elementor-menu-cart__product:has(.variation) .elementor-menu-cart__product-image { display: none; } .elementor-menu-cart__product:has(.variation) .elementor-menu-cart__product-name { padding-left: 0; } /* ---- HEADER ROW AT MOBILE ----------------------------------- The three cells of the header row were each pinned to a fixed size, so at a phone width they summed past the viewport and put a horizontal scrollbar on every page. Session 2 gave the tools cell percentage widths to solve the same problem at desktop; those percentages are what overshoot down here. Below the nav breakpoint the menu is a single toggle, so let the nav cell and the tools cell take their content width and let the row settle on its own. */ @media (max-width: 767px) { .ia-hdr .elementor-element-901e209e { --width: auto; width: auto; } .ia-hdr .elementor-element-3a21a156 { flex: 0 1 auto; width: auto; min-width: 0; } .ia-hdr .elementor-element-d5f4551a .e-con-inner, .ia-hdr .elementor-element-d5f4551a { justify-content: space-between; } } /* ---- LAYERING INSIDE THE HEADER ----------------------------- The sticky header is its own stacking context, and the scrim, the panel and the nav row all live inside it. The scrim carried the only z-index of the three, so it painted over the panel and the nav: the menu dimmed itself and swallowed its own clicks. Order them explicitly. The scrim still covers the page below, because the whole header layer sits above the page content. */ .ia-hdr .ia-scrim { z-index: 1; } .ia-hdr .ia-mega { z-index: 2; } .ia-hdr > .elementor-element-d5f4551a { position: relative; z-index: 3; } /* ---- THE CARET STAYS IN BAND INK ---------------------------- The nav item takes the accent on hover, which is right for a 15px label but not for an 11px glyph: the accent reads 2.96:1 on the band ground, so at that size the caret looked like it had vanished. The caret keeps the band ink in every state and reports the panel by turning, not by changing colour. */ .ia-hdr .menu-item-1260 > a .sub-arrow, .ia-hdr .menu-item-1260 > a:hover .sub-arrow, .ia-hdr .menu-item-1260 > a:focus .sub-arrow, .ia-hdr .menu-item-1260.ia-shop-open > a .sub-arrow, .ia-hdr .menu-item-1260 > a .sub-arrow i, .ia-hdr .menu-item-1260 > a .sub-arrow svg { color: var(--ink); fill: currentColor; opacity: 1; } /* ---- MEGA LINK HOVER ---------------------------------------- The site wide anchor hover colour is a light ground tone, which on this band is the ground itself, so a hovered link vanished into it. Inside a band a link stays on the band ink and reports hover by going to full strength, not by changing hue. The accent is not an option here either: it reads 2.96:1 on this ground. */ :root .ia-mega__col a, :root .ia-mega__col h3 a { color: var(--ink); } :root .ia-mega__col li a { opacity: .82; } :root .ia-mega__col li a:hover, :root .ia-mega__col li a:focus-visible { color: var(--ink); opacity: 1; } :root .ia-mega__col h3 a:hover { color: var(--ink); opacity: 1; } :root .ia-mega__promo h4, :root .ia-mega__promo .ia-tlink, :root .ia-mega__promo .ia-tlink:hover { color: var(--ink); } /* ---- MEGA LINK TONES ---------------------------------------- Hover was carried by opacity, which left both states at the same strength once the colour was pinned, so the link gave no feedback at all. Two stated tones instead: the band muted tone at rest, which is 5.8:1 on this ground, coming up to the band ink at 15.9:1 on hover. Opacity is taken out of the loop entirely. */ :root .ia-mega__col li a, :root .ia-mega__col li a:link, :root .ia-mega__col li a:visited { color: var(--muted) !important; opacity: 1; transition: color .18s var(--ease); } :root .ia-mega__col li a:hover, :root .ia-mega__col li a:focus-visible { color: var(--ink) !important; opacity: 1; } /* ============================================================ SIDE CART, CONFIGURED PLATE LINE ITEM, session 7. A plate carries eight metadata rows, far more than a normal product. In a 350px panel with a 73px thumbnail column the label column fell to 84px, so "Plates Required:" broke across two lines with its value orphaned beside it and "Standard UK Car 520x111mm" wrapped as well. Layout only; the tones set in session 3 stand. Literal hex here, not the tokens: this panel is white but sits inside the .dk header, where --ink is the band ink and would put white text on it. ============================================================ */ /* A plate is described by its configuration rather than by a photograph, so the panel earns the extra width. */ .elementor-menu-cart__container .elementor-menu-cart__main { width: min(400px, 92vw); } /* While photography is on hold the thumbnail is an invisible placeholder and its column is dead space. Scoped to the placeholder file name, exactly as the shop tiles are, so a real photograph restores the column with nothing to undo. */ .elementor-menu-cart__product:has(.elementor-menu-cart__product-image img[src*='woocommerce-placeholder']) { grid-template-columns: minmax(0, 1fr); } /* Collapsing the track is not enough on its own: Elementor places the name and the price in column 2 explicitly, so without this they fall into an implicit second column and the empty first one survives. */ .elementor-menu-cart__product:has(.elementor-menu-cart__product-image img[src*='woocommerce-placeholder']) .elementor-menu-cart__product-name, .elementor-menu-cart__product:has(.elementor-menu-cart__product-image img[src*='woocommerce-placeholder']) .elementor-menu-cart__product-price { grid-column: 1; } .elementor-menu-cart__product-image:has(img[src*='woocommerce-placeholder']) { display: none; } /* A real two-column list: the label sets its own width and never breaks, the value takes what is left. */ .elementor-menu-cart__product-name .variation { grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; row-gap: 5px; margin-top: 8px; } .elementor-menu-cart__product-name .variation dt { white-space: nowrap; font-weight: 400; } .elementor-menu-cart__product-name .variation dd, .elementor-menu-cart__product-name .variation dd p { margin: 0; overflow-wrap: normal; } /* The quantity and price sat directly under the last metadata row and read as a ninth one. A hairline separates the configuration from what is being charged for it. */ .elementor-menu-cart__product .elementor-menu-cart__product-price { margin-top: 12px; padding-top: 12px; border-top: 1px solid #E2DEDC; } .elementor-menu-cart__product .product-quantity { color: #6B6664; }/* End custom CSS */