@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
body {
	font-family: -apple-system, BlinkMacSystemFont, "Lato", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{body-font-family}*/;
	font-size: 14px /*{body-font-size}*/;
	color: rgba(0, 0, 0, 1) /*{body-font-colour}*/;
	background-image: none /*{body-background-image}*/;
	background-color: #ffffff /*{body-background-colour}*/;
}
a, .btn-link{
	color: rgba(112, 112, 112, 1) /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: rgba(81, 81, 81, 1) /*{link-text-hover-colour}*/;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Lato", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{headers-font-family}*/;
	color: rgba(0, 0, 0, 1) /*{headers-colour}*/;
}
.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #ffffff /*{carousel-text-colour}*/;
}
h1, .h1 {
	font-size: 34px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 28px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 24px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 18px /*{header-4-font-size}*/;
}
h5, .h5 {
	font-size: 16px /*{header-5-font-size}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333333 /*{buttons | btn-default-text-colour}*/;
	background-color: #ffffff /*{buttons | btn-default-background-colour}*/;
	border-color: #cccccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #333333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: #333333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #333333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: #ffffff /*{buttons | btn-primary-text-colour}*/;
	background-color: rgb(200, 29, 36) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgb(200, 29, 36) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #c81d24 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #c81d24 /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #c81d24 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #c81d24 /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #c81d24 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #c81d24 /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Warning button */
.btn-warning {
	color: #ffffff /*{buttons | btn-warning-text-colour}*/;
	background-color: #ffc107 /*{buttons | btn-warning-background-colour}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour}*/;
}
.btn-warning:hover {
	color: #ffffff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #ffffff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #ffffff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
/* Danger button */
.btn-danger {
	color: #ffffff /*{buttons | btn-danger-text-colour}*/;
	background-color: #dc3545 /*{buttons | btn-danger-background-colour}*/;
	border-color: #dc3545 /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
	color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #ffffff /*{buttons | btn-success-text-colour}*/;
	background-color: #28a745 /*{buttons | btn-success-background-colour}*/;
	border-color: #28a745 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
/* Info button */
.btn-info {
	color: #ffffff /*{buttons | btn-info-text-colour}*/;
	background-color: #17a2b8 /*{buttons | btn-info-background-colour}*/;
	border-color: #17a2b8 /*{buttons | btn-info-border-colour}*/;
}
.btn-info:hover {
	color: #ffffff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info.disabled, .btn-info:disabled {
	color: #ffffff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: #ffffff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.breadcrumb-section, #n_customer_account .breadcrumb {
	background-color: #f6f6f6 /*{breadcrumb-background-colour}*/;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #6c6c6c /*{breadcrumb-text-colour}*/;
}
.breadcrumb > .active,
.breadcrumb a {
	color: #6c6c6c /*{breadcrumb-text-colour}*/;
}
.pagination .page-link{
	color: #ffffff /*{pagination-text-colour}*/;
	background-color: rgba(52, 52, 52, 1) /*{pagination-bg-colour}*/;
	border-color: rgba(52, 52, 52, 1) /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: #ffffff /*{pagination-text-colour-hover}*/;
	background-color: #c81d24 /*{pagination-bg-colour-hover}*/;
	border-color: #c81d24 /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #ffffff /*{pagination-text-colour-active}*/;
	background-color: #c81d24 /*{pagination-bg-colour-active}*/;
	border-color: #c9bebe /*{pagination-border-colour-active}*/;
}
.badge-secondary {
	background-color: #ebebeb /*{label-default-bg}*/;
	color: #c81d24;
}
.badge-primary {
	background-color: #006ff5 /*{label-primary-bg}*/;
}
.badge-success {
	background-color: rgba(220, 53, 69, 1) /*{label-success-bg}*/;
}
.badge-info {
	background-color: #17a2b8 /*{label-info-bg}*/;
}
.badge-warning {
	background-color: #212529 /*{label-warning-text-colour}*/;
	background-color: #ffc107 /*{label-warning-bg}*/;
}
.badge-danger {
	background-color: rgba(220, 53, 69, 1) /*{label-danger-bg}*/;
}
.card {
	border-color: rgba(52, 52, 52, 1) /*{panel-border-colour}*/;
}
.card-header {
	background-color: rgba(52, 52, 52, 1) /*{panel-header-bg-colour}*/;
	border-color: rgba(52, 52, 52, 1) /*{panel-header-border-colour}*/;
}
.card-header, .card-header *, body .card-header *:hover {
	color: rgba(255, 255, 255, 1) /*{panel-header-text-colour}*/;
}
.productsave {
	color: #d9534f /*{sale-colour}*/;
}
.wrapper-header .navbar-toggler,
#header-call .fa,
#header-cart .fa {
	color: #c81d24 /*{header-icon-colour}*/;
}
.wrapper-header .menu-section, .wrapper-header .header-topbar {
	background-color: rgba(52, 52, 52, 1) /*{navbar-default-bg-colour}*/;
}
.wrapper-header .navbar {
	background-color: rgba(255, 255, 255, 0) ;
}
.wrapper-header .navbar .navbar-nav .nav-link,
.wrapper-header .header-topbar .nav-link,
.wrapper-header .header-topbar .nav-link,
.wrapper-header .header-topbar .nav-item i {
	color: rgba(255, 255, 255, 1) /*{navbar-default-link-colour}*/;
}
.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus,
.wrapper-header .header-topbar .nav-link:hover,
.wrapper-header .header-topbar .nav-link:focus,
.wrapper-header .header-topbar .nav-item i:hover,
.wrapper-header .header-topbar .nav-item i:focus {
	color: #c81d24 /*{navbar-default-link-colour-hover}*/;
}
.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show,
.wrapper-header .navbar-nav .nav-link.active{
	color: #c81d24 /*{navbar-default-link-colour-active}*/;
}
.dropdown-menu,
.mega-menu>li.nav-item:last-child a {
	background-color: rgba(52, 52, 52, 1) /*{dropdown-menu-bg}*/;
	border-color: rgba(52, 52, 52, 1) /*{dropdown-menu-border-colour}*/;
}
.dropdown-item,
#cartcontents,
#cartcontents a,
.mega-menu>li.nav-item:last-child a {
	color: #ffffff /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.mega-menu>li.nav-item:last-child a:hover,
.mega-menu>li.nav-item:last-child a:focus,
.mega-menu>li.nav-item:last-child a:active {
	color: #ffffff /*{dropdown-menu-link-colour-hover}*/;
	background-color: #c81d24 /*{dropdown-menu-link-bg-hover}*/;
}
/* Theme Colour */
body, * {
	--theme-colour-primary: rgba(52, 52, 52, 1) /*{theme-primary-colour}*/; 
	--theme-colour-secondary: #c81d24 /*{theme-secondary-colour}*/; 
}
/* Categorybox Homepage */
.dah_homecategories .thumbnail .caption h5>a:active,
.dah_homecategories .thumbnail .caption h5>a:focus,
.dah_homecategories .thumbnail .caption h5>a:hover,
.dah_homecategories .thumbnail:hover .caption h5>a,
.dah_homecategories .thumbnail .caption h5>a {
	color: #ffffff /*{category-box-heading-colour}*/;
}
.dah_homecategories .thumbnail .caption a.btn {
	color: #ffffff /*{category-box-button-colour}*/;
	background-color: #c81d24 /*{category-box-button-background-colour}*/;
}
.dah_homecategories .thumbnail .caption a.btn:hover,
.dah_homecategories .thumbnail .caption a.btn:focus,
.dah_homecategories .thumbnail .caption a.btn:active {
	color: #ffffff /*{category-box-button-hover-colour}*/;
	background-color: rgba(52, 52, 52, 1) /*{category-box-button-hover-background-colour}*/;
}
.dah_homecategories .thumbnail .caption {
	/*background-color: rgba(200, 29, 36, 0.8)*/ /*{category-box-caption-background-colour}*/;
}
.dah_homecategories .thumbnail:hover .caption {
	/*background-color: rgba(200, 29, 36, 0.65)*/ /*{category-box-caption-hover-background-colour}*/;
}
/* Footer section */
.wrapper-footer {
	background-color: #121212 /*{footer-background-colour}*/;
}
.wrapper-footer p {
	color: #b3babf /*{footer-font-colour}*/;
}
.wrapper-footer a {
	color: #b3babf /*{footer-link-colour}*/;
}
.wrapper-footer a:hover,
.wrapper-footer a:focus {
	color: #c81d24 /*{footer-link-colour-hover}*/;
}
.wrapper-footer nav h4.nav-link, .wrapper-footer nav h4.nav-link:hover, .wrapper-footer nav h4.nav-link:focus {
    color: #ffffff /*{footer-heading-colour}*/;
}

.dropdown-megamenu{
	width: 100%;
	left:0;
	right: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	padding:0;
	border:0;
	border-radius: 0;
	background-color: #fff;
}
.dropdown-megamenu .container {
  display: block;
}
.navbar-light .navbar-nav .dropdown-megamenu .nav-link {
	color: rgba(52, 52, 52, 1);
  padding: 6px 20px;
  display: flex;
  align-items: center;
}
.navbar-light .navbar-nav .dropdown-megamenu .nav-link i {flex-shrink: 0;}
.navbar-light .navbar-nav .dropdown-megamenu .nav-link:not(.btn-back) i {margin-left: auto;}
.navbar-light .navbar-nav .dropdown-megamenu .nav-link:hover, 
.navbar-light .navbar-nav .dropdown-megamenu .nav-link:focus,
.navbar-light .navbar-nav .dropdown-megamenu .nav-link:hover i, 
.navbar-light .navbar-nav .dropdown-megamenu .nav-link:focus i,
.navbar-light .navbar-nav .dropdown-megamenu .active > .nav-link,
.navbar-light .navbar-nav .dropdown-megamenu .active > .nav-link i {
  color: #c81d24;
}
.dropdown-megamenu .nav-link.btn-back i {
  margin-right: 8px;
}
.level-1{width: 260px;max-height: calc(100vh - 200px);overflow-y: auto;padding:0;margin-left: -12px;margin-right: -12px;background-color: #f5f5f5;}
.level-1 > li + li{border-top:1px solid #fff;}
.navbar-light .navbar-nav .level-1 .nav-link{padding:10px 20px;font-weight: 500;}
.navbar-light .navbar-nav .level-1 .nav-link:hover,
.navbar-light .navbar-nav .level-1 .active > .nav-link{background-color: #fff;}
.level-2{
  display: none;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 43px 0 10px;
}
.level-2.show{display: block;}
.level-2 > li{margin-bottom: 15px;}
.col-menu-child{overflow-y: auto;position: relative;}
.nav-item-parent{position: absolute;top:2px;left: 0;font-size: 18px;}
.nav-item-parent .nav-link::before{content: '';width: 16px;height: 16px;background-color: #c81d24;margin-right: 10px;}

.navbar-toggler {
  padding: 10px 10px 6px;
  border: 0;
  font-size: 12px;
  line-height: 20px;
  background-color: transparent;
  color: #fff;
}
.navbar-toggler span:not(.navbar-toggler-text) {
  display: block;
  width: 22px;
  height: 2px;
  margin: 0 auto 4px;
  position: relative;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, background-color 0.15s ease;
}
.navbar-toggler span:last-child {
  margin-bottom: 0;
}
.navbar-toggler:not(.collapsed) span {
  opacity: 1;
  transform: rotate(45deg) translate(4px, 7px);
}
.navbar-toggler:not(.collapsed) span:nth-of-type(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.navbar-toggler:not(.collapsed) span:nth-of-type(3) {
  transform: rotate(-45deg) translate(1px, -5px);
}
.dropdown.categories, .dropdown.brands{
	position: static;
}
.dropdown.brands .dropdown-megamenu{
	padding: 24px 12px 0;
}
.brand-item > .brand-link{
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
}
.wrapper-header{
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 1020;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.wrapper-header .menu-section ul.navbar-nav{
	justify-content: flex-start;
}
.filter-inner{
  padding-bottom: .5rem;
}
.filter-inner:not(.open) .filter:nth-child(n+6) {
  display: none!important;
}
.toggle-filter{
  background-color: transparent;
  border:0;
  padding:0 0 0 26px;
  display: none;
  margin-bottom: 1rem;
}
.toggle-filter:hover{text-decoration: underline;}

@media (min-width: 768px) {
  .nav-toggle{display: none!important;}
  .level-2{columns: 2;}
  .level-2 > li{break-inside: avoid;}
  .level-2 > li > .nav-link{font-weight: 700;position: relative;}
	.level-2 > li:not(.nav-item-parent):not(.d-sm-none) > .nav-link::after{
		content: '';
		position: absolute;
		left: 20px;
		right:0;
		bottom:4px;
		border-top:1px solid rgba(0, 0, 0, 0.125);
	}
	.navbar-light .navbar-nav .dropdown-megamenu .level-3 > li > .nav-link{
		padding-top: 1px;
		padding-bottom: 1px;
		font-size: 12px;
	}
	#filters .lvl-2{
		display: block!important;
	}
	#filters [data-toggle="collapse"] .fa{
		display: none;
	}
}
@media (min-width: 992px) {
  .level-2{columns: 3;}
}
@media (min-width: 1200px) {
	.dropdown-megamenu .brand-item{
		flex: 0 0 auto;
    width: 11.11112%;
	}
}
@media (max-width: 767px) {
  #navbarMainMenu{
    position: fixed;
    top:66px;
    left:0;
    right:0;
    bottom:0;
    z-index: 1050;
    opacity: 0;
    transition: opacity .2s ease, transform .2s ease;
    transform: scale(.9);
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding:0;
    background-color: #fff;
    border-top: 1px solid #f1f1f1;
  }
  #navbarMainMenu.show{
      display: block;
    transform: none;
    opacity: 1;
  }
  .navigation-open body{overflow: hidden;height: 100%;}
  .navigation-open #navbarMainMenu{display: block;}
  .container > .navbar-collapse{margin:0;padding:0;}
  .navbar-collapse.show, #navbarMainMenu .container{overflow: visible;}
	.header-search{width: 100%;padding: 15px;background-color: #f5f5f5;}
	.header-search .form-control{border-top-left-radius: 4px!important;border-bottom-left-radius: 4px!important;}
	.header-search .btn--search{border-bottom-right-radius: 4px !important;}
  .wrapper-header .menu-section ul.navbar-nav > .nav-item{border:0;}
  .wrapper-header .menu-section ul.navbar-nav > .nav-item > a.nav-link{padding-left: 15px!important;padding-right: 15px;}
  #navbarMainMenu .navbar-nav > .nav-item > .nav-link{display: flex;align-items: center;color: rgba(52, 52, 52, 1);}
  #navbarMainMenu .navbar-nav > .dropdown > .nav-link::after {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    border: 0;
    display: block;
    margin-left: auto;
    width: 16px;
    height: 16px;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  #navbarMainMenu .navbar-nav > .dropdown > .dropdown-menu {
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    background-color: transparent;
    padding: 0;
  }
  .level-1, .level-2, .level-3, .row-brands {
    position: fixed;
    top: 145px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
		margin-top: 1px;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform 0.2s ease-in-out;
    overflow-y: auto;
    display: none;
  }
  .col-menu-parent, .col-menu-child{position: static;}
  .level-1{max-height: none;width: auto;}
  .level-1.show, .level-2.show, .level-3.show {
		display: block;
	}
	.row-brands.show{
		display: flex;
	}
  .level-1.in, .level-2.in, .level-3.in, .row-brands.in {
    transform: none;
  }
  .level-2 > .nav-item, .level-3 > .nav-item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }
	.level-2, .level-3{margin-left: -12px;margin-right: -12px;width: auto;}
  .level-2 > li{margin-bottom: 0;}
  .level-3{z-index: 2;}
	.navbar-light .navbar-nav .dropdown-megamenu .nav-link{padding: 10px 20px;}
  .btn-back .fa{margin-right: 4px;}
	.row-brands{padding: 8px 12px;}
	.row-brands .btn-back{margin-left: -12px;margin-right: -12px;}
}

/*@media (min-width: 1280px) {
	.navbar-expand-xxl .navbar-nav .dropdown-menu{
		position: absolute;
	}
	.navbar-expand-xxl .navbar-nav .dropdown-menu:not(.full-width){
		max-width: 500px;
	}
}*/

.featured-brands{max-height: 168px;overflow: hidden;}

/* Desktop / large screens – keep existing 31vw cap */
@media (min-width: 769px) {
	#homepageCarousel{
		max-height: 31vw;
		overflow: hidden;
	}
}

/* Mobile & small tablet – up to 768px wide */
@media (max-width: 768px) {
	#homepageCarousel{
		max-height: none;   /* remove the 31vw/200px cap that causes cropping */
		overflow: hidden;
	}

	/* Make the mobile banner a proper square and avoid stretching */
	#homepageCarousel .homepage-carousel-media{
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 1;   /* 1:1 square */
		overflow: hidden;
	}

	#homepageCarousel .homepage-carousel-media img{
		width: 100%;
		height: 100%;
		object-fit: cover;    /* fill the square nicely, crop edges if needed */
		display: block;
	}
}
/* Limit OUR CATEGORIES to 8 tiles on mobile */
@media (max-width: 768px) {
  /* In the OUR CATEGORIES section, hide the 9th and onwards */
  .dah_homecategories .row > .col-6:nth-child(n+9) {
    display: none;
  }
}
/* Minimal fix: make sure mobile header & hamburger stay on top and clickable */
@media (max-width: 767.98px) {

  /* Keep the header navbar visible and on top */
  .wrapper-header .navbar {
    position: relative;
    z-index: 1000;
    width: 100%;
    max-width: 100%;
  }

  /* Let Bootstrap control show/hide, just keep it inside the header width */
  .wrapper-header .navbar-collapse {
    position: static;
    width: 100%;
  }

  /* Ensure the hamburger/close icon is always tappable */
  .wrapper-header .navbar-toggler {
    position: relative;
    z-index: 1100;
  }
}
/* ===== MOBILE NAV STYLING (≤ 768px) ===== */
@media (max-width: 767.98px) {

  /* Make the collapsed menu look like a proper overlay panel */
  .wrapper-header .navbar-collapse {
    background-color: #343434;    /* dark background instead of white */
    padding: 0.75rem 1rem;
    overflow-y: auto;
    max-height: calc(100vh - 60px);  /* never taller than the viewport */
  }

  /* Ensure all menu links are visible on the dark background */
  .wrapper-header .navbar-collapse .nav-link,
  .wrapper-header .navbar-collapse .dropdown-item {
    color: #ffffff;
  }

  .wrapper-header .navbar-collapse .nav-link:hover,
  .wrapper-header .navbar-collapse .nav-link:focus,
  .wrapper-header .navbar-collapse .dropdown-item:hover,
  .wrapper-header .navbar-collapse .dropdown-item:focus {
    color: #ffffff;
    background-color: #555555;
  }

  /* Dropdown menus inside the mobile nav should also be dark */
  .wrapper-header .navbar-collapse .dropdown-menu {
    background-color: #343434;
    border: none;
  }

  /* Keep the hamburger / close icon always on top & clickable */
  .wrapper-header .navbar-toggler {
    position: relative;
    z-index: 2000;
  }
}
/* === OVERRIDE MOBILE MEGA-MENU BEHAVIOUR (simplify to normal stacked menu) === */
@media (max-width: 767.98px) {

  /* Let the collapsed nav behave like a normal Bootstrap panel */
  #navbarMainMenu {
    position: static;          /* no full-screen fixed overlay */
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    opacity: 1;
    transform: none;
    background-color: #343434; /* dark background so links are visible */
    border-top: none;
    padding: 0;
  }

  /* When .show is added by Bootstrap, just display it */
  #navbarMainMenu.show {
    display: block;
  }

  /* Turn off the fixed full-screen white panels for mobile */
  #navbarMainMenu .dropdown-megamenu,
  #navbarMainMenu .level-1,
  #navbarMainMenu .level-2,
  #navbarMainMenu .level-3,
  #navbarMainMenu .row-brands {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    display: block;
    padding: 0;
    margin-top: 0;
    background-color: transparent;
    max-height: none;
    overflow: visible;
  }

  /* Ensure the links are readable on the dark background */
  #navbarMainMenu .nav-link,
  #navbarMainMenu .dropdown-item {
    color: #ffffff;
  }

  #navbarMainMenu .nav-link:hover,
  #navbarMainMenu .nav-link:focus,
  #navbarMainMenu .dropdown-item:hover,
  #navbarMainMenu .dropdown-item:focus {
    color: #ffffff;
    background-color: #555555;
  }

  /* Keep the hamburger / close icon tappable above the menu */
  .wrapper-header .navbar-toggler {
    position: relative;
    z-index: 2000;
  }
}