/** Shopify CDN: Minification failed

Line 355:17 Unexpected "{"
Line 355:26 Expected ":"

**/
/* MARGIN */
.mb-27 {
  margin-bottom: 27px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mb-13 {
  margin-bottom: 13px !important;
}
.mx-55 {
  margin-right: 55px;
  margin-left: 55px;
}

/* SM */
@media (min-width: 577px) {
  .mb-sm-27 {
    margin-bottom: 27px !important;
  }
  .mb-sm-65 {
    margin-bottom: 65px !important;
  }
} 

/* CUSTOM APP badges  */
.jdgm-widget.jdgm-widget {
  display: block;
  font-size: 12px;
  margin: 0 0 11px;
}
.jdgm-prev-badge__stars .jdgm-star {
  padding: 0 2px 0 0 !important;
}
.jdgm-preview-badge .jdgm-star.jdgm--off {
  color: #d9d9d9!important;
}
.jdgm-widget .jdgm-star.jdgm--off:before {
  content: "\e000";
}

/*
  Custom VAT Pricing Display for safetywear.co.uk
*/

/* This forces the prices to stack vertically */
.price-wrapper {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

/* This styles the main Ex VAT price */
.price-wrapper .price-ex-vat {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #ff6f2e !important; /* A dark black color */
  order: 1; /* Ensures it appears first */
}

/* This styles the smaller Inc VAT price */
.price-wrapper .price-inc-vat {
  font-size: 0.85rem !important;
  color: #6B7280 !important; /* A medium grey color */
  font-weight: 400 !important; /* Normal font weight */
  order: 2; /* Ensures it appears second */
}

/* This styles the original price when an item is on sale */
.price-wrapper .price-was {
  font-size: 0.85rem !important;
  color: #6B7280 !important;
  order: 3; /* Ensures it appears last */
  text-decoration: line-through;
}

/* This specifically targets sale prices to make them red */
.product-card__pricesale .price-wrapper .price-ex-vat {
    color: #DC2626 !important; /* A strong red color */
}


/*
  Adds padding to the full-width newsletter section
*/
#shopify-section-sections--25515704844632__newsletter-footer .container-fluid {
  padding-top: 40px;
  padding-bottom: 40px;
}

/*
  FINAL styles for the Newsletter form to match the mockup
*/

/* 1. Style the main container for the input and button */
#shopify-section-sections--25515704844632__newsletter-footer .form-group.input-group {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding: 0 !important; /* Remove all internal padding */
  display: flex !important;
  align-items: stretch !important; /* Force all items inside to be full height */
}

/* 2. Add back some padding to the input field itself */
#shopify-section-sections--25515704844632__newsletter-footer .form-control {
  background-color: transparent !important;
  color: #111827 !important;
  height: auto !important; /* Allow it to stretch */
  padding-left: 1rem !important;
}
#shopify-section-sections--25515704844632__newsletter-footer .form-control::placeholder {
  color: #6B7280 !important;
}

/* 3. Style the button element */
#shopify-section-sections--25515704844632__newsletter-footer .form-group.input-group .btn {
  background-color: #F97316 !important;
  color: white !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  white-space: nowrap;
  border-radius: 0 8px 8px 0 !important;
  border: none !important;
  margin: 0 !important; /* Remove any margins */
}

/* 4. Hide the original icon/text and add our own */
#shopify-section-sections--25515704844632__newsletter-footer .btn .svg-submit,
#shopify-section-sections--25515704844632__newsletter-footer .btn .icon__fallback-text {
  display: none !important;
}
#shopify-section-sections--25515704844632__newsletter-footer .btn::before {
  content: 'Subscribe';
}

/* 5. Adjust the email icon position */
#shopify-section-sections--25515704844632__newsletter-footer .svg-email {
    margin-left: 10px;
}


/*
  Adjusts the height of the newsletter input field
*/
#shopify-section-sections--25515704844632__newsletter-footer .form-control {
  height: 50px !important;
}



/*
  Adjusts the colour of h2 and links
*/
h1 {
  color: #0e407e;
}

h2 {
  color: #FF6F2E; 
}

.subtop {
  color: #FF6F2E !important; 
}


/*
  Adjusts font size in home page section title
*/
.section-title-1, .collection-hero__title {
  font-size: 40px !important;
  color: #0e407e !important;
}

/*
  Adjusts font colour in prodct categories in home page
*/

h3, .product-card__info {
 
}

/*
  Adjust the colour of SVG icon in 'Why Safetywear' section.
*/

.iconx8 path {
  fill: #f06724 !important;
}

/* Override existing .btn-outline styles with new button-77 design */
/* --- Custom Button Style for ALL Homepage Category Sections --- */

/* This targets any section ID that STARTS WITH the common pattern */
[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline {
  border-style: none !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #fff !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  overflow: visible !important;
  appearance: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: Eina01, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  margin: 0;
  min-height: 64px;
  outline: none;
  padding: 19px 26px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  z-index: 0;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:before,
[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:after {
  transform: none !important;
  transition: all 100ms ease-out !important;
  content: "" !important;
  display: block !important;
  position: absolute !important;
  will-change: auto !important;
  border-radius: 80px;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:before {
  background: rgba(249, 58, 19, .32) !important;
  height: 100% !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  bottom: auto !important;
  right: auto !important;
  z-index: -2 !important;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:after {
  background: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%) !important;
  bottom: 4px !important;
  left: 4px !important;
  right: 4px !important;
  top: 4px !important;
  height: auto !important;
  width: auto !important;
  z-index: -1 !important;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:hover {
  color: #fff !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:hover:after {
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  transition-timing-function: ease-in !important;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:active {
  color: #ccc !important;
}

[id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline:active:after {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%) !important;
  bottom: 4px !important;
  left: 4px !important;
  right: 4px !important;
  top: 4px !important;
}

@media (min-width: 768px) {
  [id^="shopify-section-template--25515703566680__grid_banner_2_"] .btn.btn-outline {
    padding: 19px 32px;
  }
}
/* Ends btn-outline style */


/* Adjust colour of plus and minus icons on mobile menu */
.drawer__nav-item .drawer__nav-toggle--open .icon-plus, .drawer__nav-item .drawer__nav-toggle--close .icon-minus {
  color: #f93a13 !important;
}



/* Remove numbers in service sliders */
.services-slider .media-index {
  display: none;
}


/* Remove Product Counts from the product list page */
.facets__form {
    gap: 0 0 !important;
}

.product-count {
  display: none !important;
}


/* Force same heading sizes on all devices */
@media (max-width: 768px) {
  h1 { font-size: 36px !important; }
h2 { font-size: 28px !important; }
h3 { font-size: 24px !important; }
h4 { font-size: 20px !important; }
h5 { font-size: 16px !important; }
h6 { font-size: 16px !important; }
}





/* Collection list display another collection 2 in a row without caraousal */

  @media(max-width: 768px) {
    /* Only apply to NON-carousel sections */
    .customstyle{{ section.id }} .collectionlist-slider:not([data-section-type="slickCarousels"]) .collectionlist-item {
      width: 50% !important;
      flex: 0 0 50% !important;
    }
  }