body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    Liberation Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji /*{body-font-family}*/;
  font-size: 1rem /*{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(5, 111, 250, 1) /*{link-text-colour}*/;
}
a:hover,
a:active,
a:focus,
.btn-link:hover {
  color: #041d12 /*{link-text-hover-colour}*/;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica Neue,
    Arial,
    Noto Sans,
    Liberation Sans,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji /*{headers-font-family}*/;
  color: #000000 /*{headers-colour}*/;
}
.carousel-caption h3,
.carousel-caption h2,
.carousel-caption .h3,
.carousel-caption p {
  color: #ffffff /*{carousel-text-colour}*/;
}
h1,
.h1 {
  font-size: 2.25rem; /*{header-1-font-size}*/
}
h2,
.h2 {
  font-size: 2rem; /*{header-2-font-size}*/
}
h3,
.h3 {
  font-size: 1.75rem; /*{header-3-font-size}*/
}
h4,
.h4 {
  font-size: 1.5rem; /*{header-4-font-size}*/
}
h5,
.h5 {
  font-size: 1.25rem; /*{header-5-font-size}*/
}
/* Secondary button */
.btn-outline-secondary,
.btn-default {
  color: #000000 /*{buttons | btn-default-text-colour}*/;
  background-color: rgba(255, 255, 255, 0)
    /*{buttons | btn-default-background-colour}*/;
  border-color: #000000 /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover,
.btn-default:hover {
  color: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #000000 /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #000000 /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled,
.btn-default:disabled {
  color: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #000000 /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #000000 /*{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: #ffffff /*{buttons | btn-default-text-colour-hover}*/;
  background-color: #000000 /*{buttons | btn-default-background-colour-hover}*/;
  border-color: #000000 /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
  color: #ffffff /*{buttons | btn-primary-text-colour}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-primary-background-colour}*/;
  border-color: rgba(5, 111, 250, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
  color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{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: rgba(5, 111, 250, 1)
    /*{buttons | btn-primary-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{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: rgba(5, 111, 250, 1)
    /*{buttons | btn-danger-background-colour}*/;
  border-color: rgba(5, 111, 250, 1) /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
  color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-danger-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff /*{buttons | btn-danger-text-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-danger-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{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: rgba(5, 111, 250, 1)
    /*{buttons | btn-danger-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
  color: #ffffff /*{buttons | btn-success-text-colour}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-success-background-colour}*/;
  border-color: rgba(5, 111, 250, 1) /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
  color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-success-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1)
    /*{buttons | btn-success-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{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: rgba(5, 111, 250, 1)
    /*{buttons | btn-success-background-colour-hover}*/;
  border-color: rgba(5, 111, 250, 1)
    /*{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 {
  background-color: rgba(255, 255, 255, 0) /*{breadcrumb-background-colour}*/;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #868686 /*{breadcrumb-text-colour}*/;
}
.breadcrumb > .active,
.breadcrumb a {
  color: #868686 /*{breadcrumb-text-colour}*/;
}
.pagination .page-link {
  color: rgba(5, 111, 250, 1) /*{pagination-text-colour}*/;
  background-color: #ffffff /*{pagination-bg-colour}*/;
  border-color: #eeeeee /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus {
  color: #041d12 /*{pagination-text-colour-hover}*/;
  background-color: #f5f5f5 /*{pagination-bg-colour-hover}*/;
  border-color: #eeeeee /*{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: rgba(5, 111, 250, 1) /*{pagination-bg-colour-active}*/;
  border-color: rgba(5, 111, 250, 1) /*{pagination-border-colour-active}*/;
}
.badge-secondary {
  background-color: #000000 /*{label-default-bg}*/;
}
.badge-primary {
  background-color: rgba(5, 111, 250, 1) /*{label-primary-bg}*/;
}
.badge-success {
  background-color: rgba(5, 111, 250, 1) /*{label-success-bg}*/;
}
.badge-info {
  background-color: #17a2b8 /*{label-info-bg}*/;
}
.badge-warning {
  color: #212529 /*{label-warning-text-colour}*/;
  background-color: #ffc107 /*{label-warning-bg}*/;
}
.badge-danger {
  background-color: rgba(5, 111, 250, 1) /*{label-danger-bg}*/;
}
.card {
  border-color: rgba(0, 0, 0, 0.125) /*{panel-border-colour}*/;
}
.card-header {
  background-color: rgba(0, 0, 0, 0.03) /*{panel-header-bg-colour}*/;
  border-color: rgba(0, 0, 0, 0.125) /*{panel-header-border-colour}*/;
}
.productsave {
  color: #d9534f /*{sale-colour}*/;
}
.wrapper-header .navbar-toggler {
  color: #696969 /*{navbar-default-link-colour}*/;
}
.wrapper-header .navbar {
  background-color: rgba(53, 55, 71, 1) /*{navbar-default-bg-colour}*/;
}
.wrapper-header .navbar .navbar-nav .nav-link:not(.btn) {
  color: #696969 /*{navbar-default-link-colour}*/;
}
.wrapper-header .navbar-nav .nav-link:not(.btn):hover,
.wrapper-header .navbar-nav .nav-link:not(.btn):focus {
  color: rgba(5, 111, 250, 1) /*{navbar-default-link-colour-hover}*/;
}
.wrapper-header .navbar-nav .show > .nav-link:not(.btn),
.wrapper-header .navbar-nav .active > .nav-link:not(.btn),
.wrapper-header .navbar-nav .nav-link:not(.btn).show,
.wrapper-header .navbar-nav .nav-link:not(.btn).active {
  color: rgba(5, 111, 250, 1) /*{navbar-default-link-colour-active}*/;
}
.dropdown-menu {
  background-color: #ffffff /*{dropdown-menu-bg}*/;
  border-color: rgba(0, 0, 0, 0.15) /*{dropdown-menu-border-colour}*/;
}
.dropdown-item {
  color: #212529 /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #ffffff /*{dropdown-menu-link-colour-hover}*/;
  background-color: rgba(5, 111, 250, 1) /*{dropdown-menu-link-bg-hover}*/;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #262626 /*{dropdown-menu-link-colour-active}*/;
  background-color: #f5f5f5 /*{dropdown-menu-link-bg-active}*/;
}

/*
	warehouse logic styling 
*/

.stock-availability {
  margin: 30px 0 0 0;
  font-family: inherit;
}

.stock-availability__heading {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  color: black;
}

.stock-availability__card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  overflow: hidden;
  background: white;
}

.stock-availability__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.stock-availability__row:last-child {
  border-bottom: none;
}

.stock-availability__warehouse {
  font-size: 16px;
  font-weight: 500;
  color: black;
}

.stock-availability__delivery {
  margin-top: 8px;
  font-size: 14px;
  color: black;
}

.stock-availability__badge {
  padding: 8px 12px;
  border-radius: 0.25rem;
  color: white;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

.stock-availability__badge--in-stock,
.stock-availability__badge--supplier-stock {
  background: #56993c;
}

.stock-availability__badge--out-of-stock {
  background: #e12121;
}

.stock-availability__badge--special-order {
  background: #f59335;
}

.stock-availability__notify {
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.stock-availability__notify-btn {
  display: inline-block;
  background: #111;
  color: white;
  padding: 10px 18px;
  border-radius: 0.25rem;
  font-weight: 700;
  text-decoration: none;
}

.stock-availability__notify-btn:hover {
  color: white;
}

/*
	gallant-2026-10-23 
*/

.product-information .productprice {
  margin: 15px 0 0;
}
