/*! * ________ .___ * __ _ _\_____ \ __| _/ * \ \/ \/ / _(__ < / __ | * \ / / \/ /_/ | * \/\_/ /______ /\____ | * \/ \/ * * @author Jacques Baars * * @notice This is the property of W3Designs, W3Development, W3D, * it is illegal to use this source code without the required permission, * contact j@w3d.co.za for further advice or permissions. * * @license Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za) * * @conception <17 June 2026> * @updated <18 June 2026> * @version <1.06.18> * @source core.menus.css, core.components.css */:root{--skipToMainZIndex:10000;--menuZIndex:1000;--menuDropdownZIndex:1001}.core-skip-to-main{top:0;left:0;right:0;bottom:0;display:flex;position:absolute;align-items:center;justify-content:center;font-size:var(--fontSize200);color:var(--color2)!important;z-index:var(--skipToMainZIndex);background-color:var(--bgColor);transition:transform;transform:translateY(-500%)}.core-skip-to-main:focus{transform:translateY(0)}.core-menu-btn{cursor:pointer;position:relative;width:var(--width24);height:var(--height20)}.core-menu-btn span{left:0;opacity:1;width:100%;display:block;position:absolute;height:var(--height4);transform:rotate(0);transition:.25s ease-in-out;background-color:var(--mobileMenuBtnColor)}.core-menu-btn span:first-child{top:0}.core-menu-btn span:nth-child(2),.core-menu-btn span:nth-child(3){top:var(--gap8)}.core-menu-btn span:nth-child(4){top:var(--gap16)}.core-menu-btn.open span:first-child{width:0;left:50%;top:var(--gap8)}.core-menu-btn.open span:nth-child(2){transform:rotate(45deg)}.core-menu-btn.open span:nth-child(4){width:0;left:50%;top:var(--gap16)}.core-menu-btn.open span:nth-child(3){transform:rotate(-45deg)}.core-menu-wrapper .top-banner{padding:var(--gap8) 0;font-size:var(--fontSize90)}.core-menu-wrapper .top-banner .top-anchor{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.core-menu-wrapper .top-banner span:not(.noti-num,.basket,.basket-num,.wish-list-num){margin:0 var(--gap8)}.core-menu-wrapper .search-banner{display:none;padding:var(--gap12) 0}.core-menu-wrapper .search-banner input{background-color:var(--whiteBgColor)}@media screen and (max-width:1380px){.core-menu-wrapper .top-banner{padding:var(--gap4) 0}}@media screen and (max-width:600px){.core-menu-wrapper .top-banner{display:none!important}}.core-menu{display:flex;margin:0 auto;position:relative;z-index:var(--menuZIndex)}.core-menu ul{margin:0;padding:0;display:flex;list-style:none;position:relative}.core-menu ul li{position:relative;text-align:center}.core-menu ul li:hover>ul{display:block}.core-menu ul li:hover>ul.grid{display:grid}.core-menu ul li a{display:block}.core-menu ul li a svg{width:var(--width32);height:var(--height32)}.core-menu ul ul{right:0;top:100%;padding:0;display:none;position:absolute;width:var(--width200);z-index:var(--menuDropdownZIndex);background-color:var(--whiteBgColor)}.core-menu ul ul.grid{gap:0}.core-menu.has-drop-menu-shadow ul ul{box-shadow:var(--boxShadow)}.core-menu[drop-menu-action=zoom-in] ul li:hover ul{animation:zoom-in .6s ease-in-out}.core-menu[drop-menu-action=slide-in] ul li:hover ul{animation:right-to-left .6s ease-in-out}.core-menu[drop-menu-action=fade-in] ul li:hover ul{animation:blink .6s ease-in-out}.core-menu[drop-menu-action=flip-in-y] ul li:hover ul{animation:flip-in-y .6s ease-in-out}.core-menu[drop-menu-action=flip-in-x] ul li:hover ul{animation:flip-in-x .6s ease-in-out}.core-menu ul ul.grid.grid-2{width:var(--width400);grid-template-columns:repeat(2,1fr)}.core-menu ul ul.grid.grid-3{width:var(--width600);grid-template-columns:repeat(3,1fr)}.core-menu ul ul.grid.grid-4{width:var(--width800);grid-template-columns:repeat(4,1fr)}.core-menu ul ul.grid.grid-5{width:var(--width1000);grid-template-columns:repeat(5,1fr)}.core-menu ul ul li{text-align:left;position:relative}.core-menu ul ul li a{padding:var(--gap8) var(--gap12)!important}.core-menu ul ul ul{top:0;left:100%;position:absolute;margin-top:var(--gap12)}.core-menu ul ul ul:before{left:0;right:0;content:'';width:100%;position:absolute;height:var(--height20);top:calc(-1 * var(--gap20))}.core-menu ul ul ul:after{left:0;right:0;content:'';width:100%;position:absolute;height:var(--height20);bottom:calc(-1 * var(--gap20))}.core-menu .menu-right ul ul ul{left:-100%}.core-menu .menu-right ul ul ul.grid.grid-2{left:-200%}.core-menu .menu-right ul ul ul.grid.grid-3{left:-300%}.core-menu .menu-right ul ul ul.grid.grid-4{left:-400%}.core-menu .menu-right ul ul ul.grid.grid-5{left:-500%}@media screen and (max-width:1380px){.core-menu{font-size:var(--fontSize90)}}.core-mobile-menu{position:relative;height:var(--height48);z-index:var(--menuZIndex);justify-content:space-between}.core-mobile-menu .mobile-menu-logo{padding:var(--gap6);height:var(--height36)}.core-mobile-menu .mobile-menu-logo img{height:100%}.core-mobile-menu .mobile-menu-logo.hero.default{padding:0;height:unset;top:var(--gap6);position:absolute;width:var(--width152);left:calc(50% - var(--gap76))}.core-mobile-menu .mobile-menu-buttons{margin-left:auto}.core-mobile-menu .mobile-menu-buttons .core-menu-btn{margin:var(--gap12)}.core-mobile-menu-content{display:none;position:relative;padding:var(--gap12);z-index:var(--menuZIndex);background-color:var(--mobileMenuContentBgColor)}.core-mobile-menu-content .link{display:flex;cursor:pointer;margin-bottom:var(--gap4);color:var(--mobileMenuColor)}.core-mobile-menu-content .link:last-child{margin-bottom:0}.core-mobile-menu-content .link a{color:var(--mobileMenuColor)}.core-mobile-menu-content .link.active-link,.core-mobile-menu-content .link.selected{color:var(--mobileMenuSelectedColor);background-color:var(--mobileMenuSelectedBgColor)}.core-mobile-menu-content .link.active-link a,.core-mobile-menu-content .link.selected a{color:var(--mobileMenuSelectedColor)}.core-mobile-menu-content .link .href{flex-grow:1;padding:var(--gap8) var(--gap12)}.core-mobile-menu-content .link .expand-btn{width:var(--width36);padding:var(--gap8) 0;font-weight:700;text-align:center}.core-mobile-menu-content .dropdown{padding:0 5%;display:none}.core-basic-menu{top:0;width:100%;position:sticky;z-index:var(--menuZIndex);background-color:var(--whiteBgColor)}.core-basic-menu.menu-float{position:fixed;background-color:transparent}.core-basic-menu .top-banner>div{justify-content:space-between}.core-basic-menu.menu-float .top-banner{background-color:var(--whiteBgColor)}.core-basic-menu .menu-banner .core-menu{justify-content:space-between}.core-basic-menu .menu-banner .core-menu.has-right-only:not(.has-logo){justify-content:end}.core-basic-menu.menu-float .menu-banner .core-menu{padding:var(--gap12);box-sizing:border-box;margin-top:var(--gap20);border-radius:var(--borderRadius);background-color:var(--whiteBgColor)}@media screen and (max-width:1550px){.core-basic-menu.core-basic-menu-count-10 .top-banner .top-left>:first-child:not(:only-child),.core-basic-menu.core-basic-menu-count-10 .top-banner .top-right>:first-child{display:none}}@media screen and (max-width:1380px){.core-basic-menu.core-basic-menu-count-10 .top-banner .top-left>:nth-child(2),.core-basic-menu.core-basic-menu-count-10 .top-banner .top-right>:nth-child(2),.core-basic-menu.core-basic-menu-count-9 .top-banner .top-left>:first-child:not(:only-child),.core-basic-menu.core-basic-menu-count-9 .top-banner .top-right>:first-child{display:none}}@media screen and (max-width:1250px){.core-basic-menu.core-basic-menu-count-10 .top-banner .top-left>:nth-child(3),.core-basic-menu.core-basic-menu-count-10 .top-banner .top-right>:nth-child(3),.core-basic-menu.core-basic-menu-count-8 .top-banner .top-left>:first-child:not(:only-child),.core-basic-menu.core-basic-menu-count-8 .top-banner .top-right>:first-child,.core-basic-menu.core-basic-menu-count-9 .top-banner .top-left>:nth-child(2),.core-basic-menu.core-basic-menu-count-9 .top-banner .top-right>:nth-child(2){display:none}}@media screen and (max-width:1100px){.core-basic-menu.core-basic-menu-count-10 .top-banner .top-left>:nth-child(4),.core-basic-menu.core-basic-menu-count-10 .top-banner .top-right>:nth-child(4),.core-basic-menu.core-basic-menu-count-7 .top-banner .top-left>:first-child:not(:only-child),.core-basic-menu.core-basic-menu-count-7 .top-banner .top-right>:first-child,.core-basic-menu.core-basic-menu-count-8 .top-banner .top-left>:nth-child(2),.core-basic-menu.core-basic-menu-count-8 .top-banner .top-right>:nth-child(2),.core-basic-menu.core-basic-menu-count-9 .top-banner .top-left>:nth-child(3),.core-basic-menu.core-basic-menu-count-9 .top-banner .top-right>:nth-child(3){display:none}}@media screen and (max-width:600px){.core-basic-menu.menu-float{position:sticky;background-color:var(--whiteBgColor)}}.core-ecommerce-menu{top:0;width:100%;position:sticky;z-index:var(--menuZIndex);background-color:var(--whiteBgColor)}.core-ecommerce-menu .ecommerce-banner>div{padding:var(--gap12);justify-content:space-between}.core-ecommerce-menu .ecommerce-banner>div:has(.dmsn){padding:var(--gap12) 0}.core-ecommerce-menu .ecommerce-banner .menu-logo{width:32%;display:flex;align-items:center;height:var(--height48)}.core-ecommerce-menu .ecommerce-banner .menu-logo img{max-height:var(--height48)}.core-ecommerce-menu .ecommerce-banner .search{width:32%;display:flex;justify-content:center}.core-ecommerce-menu .ecommerce-banner .search .search-bar-btn{display:none}.core-ecommerce-menu .ecommerce-banner .search .search-bar{width:100%}.core-ecommerce-menu .ecommerce-banner .search .search-bar input{width:calc(100% - 44px)!important}.core-ecommerce-menu .ecommerce-banner .buttons{width:32%;justify-content:end}.core-ecommerce-menu .menu-banner .core-menu{justify-content:end}.core-ecommerce-menu .menu-banner .ecommerce-menu{position:relative}@media screen and (max-width:600px){.core-ecommerce-menu .core-mobile-menu{height:var(--height48);justify-content:flex-end}.core-ecommerce-menu .ecommerce-banner{padding:0}.core-ecommerce-menu .ecommerce-banner>div{padding:0;width:100%}.core-ecommerce-menu .ecommerce-banner .menu-logo{width:unset;padding:var(--gap6);height:var(--height36)}.core-ecommerce-menu .ecommerce-banner .menu-logo img{height:var(--height36);max-height:var(--height36)}.core-ecommerce-menu .ecommerce-banner .search{display:none}.core-ecommerce-menu .ecommerce-banner .buttons{width:unset}.core-ecommerce-menu .ecommerce-banner .buttons .core-menu-btn{margin:0 var(--gap12);display:inline-block}.core-ecommerce-menu .ecommerce-banner .buttons .mobile-search-btn{padding:0;margin:0 var(--gap12);display:inline-block;font-size:var(--fontSize240)}.core-ecommerce-menu .ecommerce-menu{display:none}.core-ecommerce-menu .menu-banner .core-layout{width:100%}}.core-pro-menu{top:0;width:100%;position:sticky;z-index:var(--menuZIndex);background-color:var(--whiteBgColor)}.core-pro-menu .menu-banner{display:flex;justify-content:space-between}.core-pro-menu .menu-banner .menu-banner-left{width:20%;box-sizing:border-box}.core-pro-menu .menu-banner .menu-banner-right{width:80%;box-sizing:border-box}.core-pro-menu .menu-banner .menu-banner-right .top-banner{display:flex;margin:0 0 0 var(--gap20);justify-content:flex-end}.core-pro-menu .menu-banner .menu-banner-right .menu{padding:var(--gap4) 0;margin:0 0 0 var(--gap20)}.core-pro-menu .menu-banner .menu-banner-right .menu .core-menu{justify-content:end}@media screen and (max-width:1550px){.core-pro-menu.core-pro-menu-count-10 .menu-banner .menu-banner-right .top-banner>:first-child{display:none}}@media screen and (max-width:1450px){.core-pro-menu.core-pro-menu-count-10 .menu-banner .menu-banner-right .top-banner>:nth-child(2),.core-pro-menu.core-pro-menu-count-9 .menu-banner .menu-banner-right .top-banner>:first-child{display:none}}@media screen and (max-width:1380px){.core-pro-menu.core-pro-menu-count-10 .menu-banner .menu-banner-right .top-banner>:nth-child(3),.core-pro-menu.core-pro-menu-count-8 .menu-banner .menu-banner-right .top-banner>:first-child,.core-pro-menu.core-pro-menu-count-9 .menu-banner .menu-banner-right .top-banner>:nth-child(2){display:none}}@media screen and (max-width:1100px){.core-pro-menu.core-pro-menu-count-10 .menu-banner .menu-banner-right .top-banner>:nth-child(6),.core-pro-menu.core-pro-menu-count-6 .menu-banner .menu-banner-right .top-banner>:first-child,.core-pro-menu.core-pro-menu-count-7 .menu-banner .menu-banner-right .top-banner>:nth-child(2),.core-pro-menu.core-pro-menu-count-8 .menu-banner .menu-banner-right .top-banner>:nth-child(3),.core-pro-menu.core-pro-menu-count-9 .menu-banner .menu-banner-right .top-banner>:nth-child(4){display:none}}@media screen and (max-width:1024px){.core-pro-menu.core-pro-menu-count-10 .menu-banner .menu-banner-right .top-banner>:nth-child(6),.core-pro-menu.core-pro-menu-count-5 .menu-banner .menu-banner-right .top-banner>:first-child,.core-pro-menu.core-pro-menu-count-6 .menu-banner .menu-banner-right .top-banner>:nth-child(2),.core-pro-menu.core-pro-menu-count-7 .menu-banner .menu-banner-right .top-banner>:nth-child(3),.core-pro-menu.core-pro-menu-count-8 .menu-banner .menu-banner-right .top-banner>:nth-child(4),.core-pro-menu.core-pro-menu-count-9 .menu-banner .menu-banner-right .top-banner>:nth-child(5){display:none}}@media screen and (max-width:600px){.core-pro-menu .menu-banner{width:100%;margin:0!important;padding:0!important}.core-pro-menu .menu-banner .menu-banner-left{display:none}.core-pro-menu .menu-banner .menu-banner-right{width:100%!important}.core-pro-menu .menu-banner .menu-banner-right .menu{margin:0!important;padding:0!important}}.core-hero-menu{top:0;width:100%;position:sticky;z-index:var(--menuZIndex);background-color:var(--whiteBgColor)}.core-hero-menu.menu-float{position:fixed;background-color:transparent}.core-hero-menu .top-banner>div{justify-content:space-between}.core-hero-menu.menu-float .top-banner{background-color:var(--whiteBgColor)}.core-hero-menu.menu-float .menu-banner .core-menu{padding:var(--gap12);box-sizing:border-box;margin-top:var(--gap20);border-radius:var(--borderRadius);background-color:var(--whiteBgColor)}.core-hero-menu .menu-banner .core-menu.has-left-right{gap:var(--gap12)}.core-hero-menu .menu-banner .core-menu.has-left-right .menu-left .nav-bar{justify-content:end}.core-hero-menu .menu-banner .core-menu.has-right-only{justify-content:space-between}.core-hero-menu .menu-banner .core-menu.has-right-only .menu-right{width:auto}.core-hero-menu .menu-banner .menu-items{width:40%;box-sizing:border-box}.core-hero-menu .menu-banner .menu-logo{height:0;width:20%;display:flex;box-sizing:border-box;justify-content:center}@media screen and (max-width:600px){.core-hero-menu.menu-float{position:sticky;background-color:var(--whiteBgColor)}}.core-page-options .navigation{width:100%}.core-page-options .navigation .nav{width:50%;padding:var(--gap16);box-sizing:border-box}.core-page-options .navigation .nav:hover{cursor:pointer}.core-page-options .navigation .nav.nav-right{text-align:right}.core-page-options .navigation .nav a{justify-content:flex-end}.core-page-options .navigation .nav.nav-left a{flex-direction:row-reverse}.core-page-options .navigation .nav a svg{height:var(--height20);fill:var(--whiteFillColor)}.core-page-options .navigation .nav.nav-left a svg{margin-right:var(--gap4)}.core-page-options .navigation .nav.nav-right a svg{margin-left:var(--gap4)}@media screen and (max-width:600px){.core-page-options .navigation .nav{padding:var(--gap12)}}.core-footer .group{display:flex;padding:var(--gap30) 0;justify-content:space-between}.core-footer .group .column .title{padding:0;margin:var(--gap10) 0;font-size:var(--fontSize120)}.core-footer .group .column .data .info,.core-footer .group .column .data .item{padding:var(--gap4)}.core-footer .group .column .data .info:not(.address,.po-box),.core-footer .group .column .data .item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.core-footer .group .column.custom{width:var(--width300);display:flex;flex-shrink:0;margin-right:var(--gap48);flex-direction:column}.core-footer .group .column.custom .card-payment-options,.core-footer .group .column.custom .logo-description{margin-top:var(--gap20);text-align:center}.core-footer .group .column.custom>div:first-child{margin-top:var(--gap15)}.core-footer .group .column.follow-us{width:var(--width120);display:flex;flex-shrink:0;margin-right:var(--gap48);flex-direction:column}.core-footer .group.has-combined-hours .column.follow-us{width:var(--width168)}.core-footer .group.has-hours .column.follow-us{width:var(--width260)}.core-footer .group .column.contact-us{width:var(--width300);display:flex;flex-shrink:0;margin-left:var(--gap48);text-align:right;flex-direction:column}.core-footer .group .column.menu{display:flex;flex-wrap:wrap;flex-shrink:1}.core-footer .group.has-menu-col-1 .column.menu{flex:auto}.core-footer .group .column.menu .items{width:var(--width124);overflow:hidden;margin-right:var(--gap48)}.core-footer .group .column.menu .items:last-child{margin-right:0}.core-footer .group .column .list-box{padding:0}.core-footer .group .column .list-box .label{padding:var(--gap4);font-weight:400}.core-footer .group .column .list-box .label .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.core-footer .group .column .list-box .item.active,.core-footer .group .column .list-box .item:hover{background-color:unset}.core-footer .group .column .list-box .item a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.core-footer .group .column .list-box .item.active a,.core-footer .group .column .list-box .item:hover a{font-weight:700;color:var(--whiteColor)!important}.core-footer .group .column .list-box .items{padding:0 var(--gap12)}.core-footer .legal{text-align:right;font-size:var(--fontSize80)}.core-footer .legal a{padding:0 0 0 var(--gap10)}.core-footer .copyright{padding:var(--gap20) 0}.core-footer .branding{padding:var(--gap20) 0}.core-footer .branding .dmsn{justify-content:space-between}.core-footer .branding .item .core-label-icon .icon{width:auto;height:var(--height24)}.core-footer .branding .item .core-label-icon .icon img{width:auto;height:var(--height24)}.core-footer .dir-index-ref a.dir-index-ref{width:0;height:0;margin:0;padding:0;font-size:0;border:none;line-height:0;overflow:hidden;position:absolute;color:transparent;display:inline-block;pointer-events:none;z-index:var(--dirIndexRefZIndex)}@media screen and (max-width:1550px){.core-footer .group.has-custom .column.menu,.core-footer .group.has-follow-us .column.menu,.core-footer .group.has-hours .column.menu{display:none}.core-footer .group.has-custom .column.follow-us{flex:auto}}@media screen and (max-width:1380px){.core-footer .group{padding:var(--gap20) 0}}@media screen and (max-width:1100px){.core-footer .group.has-custom .column.follow-us{display:none}}@media screen and (max-width:800px){.core-footer .branding .dmsn{display:block}.core-footer .branding .developer.item{padding:0 0 var(--gap10)}}@media screen and (max-width:600px){.core-footer{width:calc(100% - var(--width43))}.core-footer .group{display:block}.core-footer .group .column{margin-right:0!important}.core-footer .group .column.custom{width:100%}.core-footer .group .column.follow-us{width:100%}.core-footer .group .column.contact-us{width:100%;margin-left:0;text-align:left}.core-footer .group .column.menu{display:none}.core-footer .legal{text-align:left}.core-footer .legal a{padding:5px 0;display:block}}