.elementor-42 .elementor-element.elementor-element-f135db2{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-42 .elementor-element.elementor-element-f135db2:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-f135db2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDEFEE;}.elementor-42 .elementor-element.elementor-element-4b4f225{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-42 .elementor-element.elementor-element-4b4f225:not(.elementor-motion-effects-element-type-background), .elementor-42 .elementor-element.elementor-element-4b4f225 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://diygeek.co.za/wp-content/uploads/2026/07/DIY-Geek-Logo-selection-e1783761395873.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-42 .elementor-element.elementor-element-807deca{--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;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-menu-toggle{margin:0 auto;}.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu .elementor-item{font-family:"Hanken Grotesk", Sans-serif;font-size:15px;font-weight:600;}.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu--main .elementor-item{color:#17130E;fill:#17130E;}.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu--main .elementor-item:focus{color:#B8261F;fill:#B8261F;}.elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#B8261F;}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search-form .elementor-search-form__input,
					.elementor-widget-search-form .elementor-search-form__icon,
					.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button,
					.elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover,
					.elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-search-form .elementor-search-form__submit{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-secondary );}.elementor-42 .elementor-element.elementor-element-dgsrch01 .elementor-search-form__container{min-height:50px;}.elementor-42 .elementor-element.elementor-element-dgsrch01 .elementor-search-form__submit{min-width:50px;}body:not(.rtl) .elementor-42 .elementor-element.elementor-element-dgsrch01 .elementor-search-form__icon{padding-left:calc(50px / 3);}body.rtl .elementor-42 .elementor-element.elementor-element-dgsrch01 .elementor-search-form__icon{padding-right:calc(50px / 3);}.elementor-42 .elementor-element.elementor-element-dgsrch01 .elementor-search-form__input, .elementor-42 .elementor-element.elementor-element-dgsrch01.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(50px / 3);padding-right:calc(50px / 3);}.elementor-42 .elementor-element.elementor-element-dgsrch01:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-radius:3px;}.elementor-42 .elementor-element.elementor-element-dgsrch01.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-radius:3px;}.elementor-42 .elementor-element.elementor-element-5277cfb{--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;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-42 .elementor-element.elementor-element-dd01786 .elementor-icon-wrapper{text-align:center;}.elementor-42 .elementor-element.elementor-element-dd01786.elementor-view-stacked .elementor-icon{background-color:#17130E;}.elementor-42 .elementor-element.elementor-element-dd01786.elementor-view-framed .elementor-icon, .elementor-42 .elementor-element.elementor-element-dd01786.elementor-view-default .elementor-icon{color:#17130E;border-color:#17130E;}.elementor-42 .elementor-element.elementor-element-dd01786.elementor-view-framed .elementor-icon, .elementor-42 .elementor-element.elementor-element-dd01786.elementor-view-default .elementor-icon svg{fill:#17130E;}.elementor-42 .elementor-element.elementor-element-dd01786 .elementor-icon{font-size:18px;}.elementor-42 .elementor-element.elementor-element-dd01786 .elementor-icon svg{height:18px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-42 .elementor-element.elementor-element-c2f6bbb{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-42 .elementor-element.elementor-element-c2f6bbb .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width: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-weight:var( --e-global-typography-accent-font-weight );}.elementor-42 .elementor-element.elementor-element-b3acf34 .elementor-button{background-color:#17130E;font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 3px 0px 0px rgba(0,0,0,0.35);border-radius:12px 12px 12px 12px;padding:11px 20px 11px 20px;}.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-42 .elementor-element.elementor-element-f135db2{--content-width:80%;}.elementor-42 .elementor-element.elementor-element-4b4f225{--width:20%;}.elementor-42 .elementor-element.elementor-element-5277cfb{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-42 .elementor-element.elementor-element-4b4f225{--width:42%;}.elementor-42 .elementor-element.elementor-element-5277cfb{--width:40%;}}@media(max-width:1024px){.elementor-42 .elementor-element.elementor-element-4b4f225{--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;}.elementor-42 .elementor-element.elementor-element-807deca{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-42 .elementor-element.elementor-element-5277cfb{--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;}.elementor-42 .elementor-element.elementor-element-c2f6bbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;}.elementor-42 .elementor-element.elementor-element-b3acf34{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;}}@media(max-width:767px){.elementor-42 .elementor-element.elementor-element-5277cfb{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for nav-menu, class: .elementor-element-b841b41 */.elementor-42 .elementor-element.elementor-element-b841b41{flex-shrink:0;flex-grow:0;} .elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu{flex-wrap:nowrap;} .elementor-42 .elementor-element.elementor-element-b841b41 .elementor-nav-menu > li{white-space:nowrap;}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-dd01786 */.elementor-42 .elementor-element.elementor-element-dd01786 .elementor-icon{border-color:rgba(23,19,14,.12);}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-c2f6bbb */.elementor-42 .elementor-element.elementor-element-c2f6bbb{flex:0 0 auto;margin-right:4px;}/* End custom CSS */
/* Start custom CSS *//* ===== DIY Geek header fixes ===== */

/* Fix 1 — side cart rendered "under the page".
   The sticky header had backdrop-filter, which makes it the containing block
   for the fixed-position side cart, trapping it inside the ~60px header box.
   Move the frosted-glass effect to a ::before layer (not an ancestor of the
   cart) so the fixed side cart sizes/stacks against the viewport again. */
.elementor-42 .elementor-element.elementor-element-d783733{
  background:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.elementor-42 .elementor-element.elementor-element-d783733::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(245,238,225,.9);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(23,19,14,.10);
  pointer-events:none;
}

/* Fix 2 — cart icon vs account icon overlap/misalignment.
   The Menu Cart toggle showed the subtotal (a wide "R0.00" button) next to the
   compact 42x42 framed account icon. Hide the subtotal and box the toggle to
   the same 42x42 framed square so the two align. */
.elementor-42 .elementor-element.elementor-element-c2f6bbb .elementor-menu-cart__toggle_button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  min-width:0;
  padding:0;
  margin:0;
  background:transparent;
  border:1px solid rgba(23,19,14,.12);
  border-radius:11px;
  box-shadow:none;
  color:#17130E;
}
.elementor-42 .elementor-element.elementor-element-c2f6bbb .elementor-menu-cart__toggle_button .elementor-button-text{
  display:none;
}
.elementor-42 .elementor-element.elementor-element-c2f6bbb .elementor-menu-cart__toggle_button .elementor-button-icon{
  margin:0;
  display:inline-flex;
}
.elementor-42 .elementor-element.elementor-element-c2f6bbb .elementor-menu-cart__toggle_button svg{
  width:20px;
  height:20px;
  fill:#17130E;
}
.elementor-42 .elementor-element.elementor-element-c2f6bbb .elementor-button-icon-qty{
  background-color:#E1332A;
  color:#fff;
  border:2px solid #F5EEE1;
}/* End custom CSS */