body {
	font-family: "Poppins",-apple-system, BlinkMacSystemFont, "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: #212529 /*{body-font-colour}*/;
	background-image:none /*{body-background-image}*/;
	background-color: #fff /*{body-background-colour}*/;
}

a, .btn-link{
	color: #ad709a /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: #854871 /*{link-text-hover-colour}*/;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "Poppins",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{headers-font-family}*/;
	color: #333 /*{headers-colour}*/;
}

.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #fff /*{carousel-text-colour}*/;
}

h1, .h1 {
	font-size: 26.249px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 21px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 18.375px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 15.75px /*{header-4-font-size}*/;
}
h5, .h5 {
	font-size: 13.124px /*{header-5-font-size}*/;
}
#home-adverts {
    padding-top: 0;
}
section.productdetails ul li {
	list-style: square;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333 /*{buttons | btn-default-text-colour}*/;
	background-color: #fff /*{buttons | btn-default-background-colour}*/;
	border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #333 /*{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: #333 /*{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: #333 /*{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: #fff /*{buttons | btn-primary-text-colour}*/;
	background-color: #ad709a /*{buttons | btn-primary-background-colour}*/;
	border-color: #ad709a /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #854871 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #96427a /*{buttons | btn-primary-border-colour-hover}*/;
    box-shadow: 0 0 0 .2rem #ad709a;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color:  #854871 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #96427a  /*{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: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #854871 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #96427a  /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Warning button */
.btn-warning {
	color: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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: #fff /*{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 {
	background-color: #f8f9fa /*{breadcrumb-background-colour}*/;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #6c757d /*{breadcrumb-text-colour}*/;
}

.breadcrumb > .active,
.breadcrumb a {
	color: #696969 /*{breadcrumb-text-colour}*/;
}

.pagination .page-link{
	color: #ad709a /*{pagination-text-colour}*/;
	background-color: #fff /*{pagination-bg-colour}*/;
	border-color: #dee2e6 /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: #854871 /*{pagination-text-colour-hover}*/;
	background-color: #e9ecef /*{pagination-bg-colour-hover}*/;
	border-color: #dee2e6 /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #fff /*{pagination-text-colour-active}*/;
	background-color: #ad709a /*{pagination-bg-colour-active}*/;
	border-color: #ad709a /*{pagination-border-colour-active}*/;
}

.badge-secondary {
	background-color: #ebebeb /*{label-default-bg}*/;
}
.badge-primary {
	background-color: #006FF5 /*{label-primary-bg}*/;
}
.badge-success {
	background-color: #28a745 /*{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: #dc3545 /*{label-danger-bg}*/;
}
.badge-salon {
	background-color: #854871 /*{label-salon-bg}*/;
	color: #fff;
}

.card {
	border-color: #ddd /*{panel-border-colour}*/;
}
.card-header {
	background-color: #f5f5f5 /*{panel-header-bg-colour}*/;
	border-color: #ddd /*{panel-header-border-colour}*/;
}

.productsave {
	color: #D9534F /*{sale-colour}*/;
}

.wrapper-header .navbar-toggler {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar {
	background-color: #f8f9fa /*{navbar-default-bg-colour}*/ !important;
}

.wrapper-header .navbar .navbar-nav .nav-link {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
	color: #333 /*{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: #555 /*{navbar-default-link-colour-active}*/;
}

.dropdown-menu {
	background-color: #fff /*{dropdown-menu-bg}*/;
	border-color: #ccc /*{dropdown-menu-border-colour}*/;
}

.dropdown-item{
	color: #212529 /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	color: #262626 /*{dropdown-menu-link-colour-hover}*/;
	background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}
/*Container Width*/
@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}
/*Sidebar*/
.nSidebar .card {
    max-width: 320px;
}
.nSidebar .card a {
	font-size:13px
}
@media screen and (max-width: 767px) {
	.nSidebar .card {
		max-width: 100%;
	}
	.nSidebar .card a {
		font-size:14px
	}
	.nSidebar .card a.collapsed .card-header {
    padding: 0 10px 0px 20px;
	}
}
/*Thumbs Updates*/
.nProductThumb .card-title {
    font-size: 16px;
    line-height: 1.2em;
}
.card {
	border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.nProductThumb:focus, .nProductThumb:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
/*Product Page*/
.nProductSingle__sku {
	color: #ad709a;
	font-size: 12px;
    margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.productdetails ul {
	margin-bottom: 1rem;
}

/*Image Grid*/
/* ========== Base: 5x7 portrait tiles + hover zoom ========== */
.product-gallery .img-tile,
.product-gallery .brochure-tile {
  position: relative;
  width: 100%;
  padding-top: 100%;      /* 1x1 square */
  overflow: hidden;
  border-radius: .5rem;
  background: #f8f9fa;
  text-decoration: none;
}

.product-gallery .img-tile__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;      /* fill height, clip sides */
  object-position: center;
}

/* Hover zoom */
.product-gallery .zoom {
  position: absolute;
  inset: 0;
  overflow: hidden;
  cursor: zoom-in;
}
.product-gallery .zoom .img-tile__img {
  transform: scale(1);
  transition: transform .3s ease;
  will-change: transform;
}
.product-gallery a:hover .zoom .img-tile__img,
.product-gallery a:focus .zoom .img-tile__img {
  transform: scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
  .product-gallery .zoom .img-tile__img { transition: none; }
}

/* Center brochure icon */
.product-gallery .brochure-tile i {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

/* ========== Desktop/Tablet (>=768px): Flex 2-up + center when single ========== */
@media (min-width: 768px) {
  .product-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;         /* centers when only one item */
    gap: .75rem;                     /* spacing between tiles */
  }
  .product-gallery .gallery-item {
    flex: 0 0 calc(50% - .75rem);    /* two columns */
    max-width: calc(50% - .75rem);
  }
}

/* ========== Mobile (<768px): Slick slider styles ========== */
@media (max-width: 767.98px) {
  .product-gallery .gallery-item { margin: 0 .375rem; }
  .product-gallery .slick-list { margin: 0 -.375rem; }

}
/* ========== Slick dots: inline dots (hide numbers) ========== */
.slick-dots {
  display: flex !important;
  justify-content: center;
  gap: .5rem;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.slick-dots li { margin: 0; }
.slick-dots li button {
  font-size: 0; line-height: 0;         /* hide 1/2/3 text */
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #ccc;                      /* inactive */
  border: none; padding: 0; cursor: pointer;
}
.slick-dots li.slick-active button { background: #333;/* active */ } 
/* Hide dots if there is only one slide */
.product-gallery .slick-dots:has(li:only-child) {
  display: none !important;
}
/* Desktop/tablet: first tile full-width, others half-width */
@media (min-width: 768px) {
  .product-gallery {
    /* flex layout so we can size first vs others */
    display: flex;
    flex-wrap: wrap;
    /* left-align like Bootstrap rows; change to center if you prefer */
    justify-content: flex-start;
    /* define a single gap variable so math stays tidy */
    --g: .75rem;
    gap: var(--g);
  }

  /* Thumbs: 6-col (two per row) */
  .product-gallery .gallery-item {
    flex: 0 0 calc((100% - var(--g)) / 2);
    max-width: calc((100% - var(--g)) / 2);
  }

  /* Main (first) image: 12-col (full width) */
  .product-gallery .gallery-item:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*Home Banner Carousel*/
.home-banner-item {
    max-width: 100%;
	height: auto;
	width:100%
}
.nCarousel__item {
	height:auto;
}
.carousel-item-video {
	aspect-ratio: 16 / 9;
}
.carousel-item-video .slide-link {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 2;
  /* keeps it accessible without visible text */
  text-indent: -9999px;
}
.category-thumbnail-link .h2 {
	text-shadow: 3px 3px 6px black;
}
.nAdvert__heading {
	text-shadow: 3px 3px 6px black;
}
.nAdvert__description {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    left: 0;
    bottom: 50px;
    padding: 20px 160px 20px 20px;
    margin: 0;
    text-align: left;
	text-shadow: 2px 2px 4px black;
}
/*Homepage Brands Menu*/
@media screen and (min-width: 1200px) {
    .nMegaMenu__col_brand {
        max-width: 11%;
    }
}@media screen and (max-width: 1199.98px) {
    .nMegaMenu__col_brand {
        max-width: 20%;
    }
}
@media screen and (max-width: 767.98px) {
    .nMegaMenu__col_brand {
        max-width: 40%;
    }
	.nProductThumb .thumbnail-image>img, .nProductThumb .nProductThumb__img {
        height: 200px;
		
	}
	.nProductsCarousel__inner .nProductThumb .nBtn {
        min-width: 120px;
	}
	.nProductsCarousel__inner .nProductThumb .thumbnail-image>img {
        height: 200px;
    }
}
.nMegaMenu__col_brand {
        margin: 0.5em;
		background-color: #fff;
		border-radius: 10px;
}
.nMegaMenu__col_brand:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
#brand-menu {
	/*background-color: #F1E3F0;*/
}
/*Homepage Brands Section*/
#homepage-brands, #homepage-categories {
  /*background-color: #F1E3F0;*/
 	background-image: url('/assets/images/salon-support-bg-light.svg');
	background-size: cover; 
  	background-repeat: no-repeat; 
  	background-position: center; 
}
#homepage-brands .nSectionHeading>h2 {
  font-size: 24px;
  color: #333;
}
@media screen and (min-width: 1200px) {
	.img-brand {
		width: 160px;
		height: 160px;
	}
}
.img-brand {
	border-radius: 10px;
	padding: 2px;
}
#homepage-categories {
    padding: 60px 0;
}
/*Brand Page*/
.brand-img {
	border-radius: 10px;
	padding: 5px;
}
.brand-img:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
/*Virtual Education Page*/
.badge-top-right {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 1;
}
/* Hide the badge if the label is empty */
.badge-top-right:empty {
  display: none;
}
.nAdvert__0, .nAdvert__total__2 .nAdvert__1 {
    height: 320px !important;
}
/* MOBILE NAV*/

/*Links inside mobile nav*/
.mnav .mnav-title { 
	text-transform: uppercase; 
}
.mnav .mnav-muted { 
	color: rgba(0, 0, 0, .5); 
}
.mnav .mnav-strong { 
	font-weight: 700; 
}
.mnav .nav-link { 
	text-decoration: none; 
}
/* Border color */
.mnav .border-bottom { 
	border-bottom-color: #444444 !important; 
}
.mnav .border-top { 
	border-top-color: #444444 !important; 
}

/* Brand logo sizing */
.mnav .mnav-brand-img { 
	max-height: 24px; width: auto; 
}