@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//signaturesupplies.co.uk/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//signaturesupplies.co.uk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "Roboto Serif", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Roboto Serif", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(11,107,186);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(11,107,186);
	--btn-accented-bgcolor-hover: rgb(11,107,186);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(130,36,227);
	--wd-link-color-hover: #242424;
	--wd-link-decor-color: rgb(130,36,227);
	--wd-link-decor-color-hover: rgb(94,94,94);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
 {
	color: rgb(0,0,0);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: rgb(0,0,0);
}

.wd-product-cats a {
  color: #000 !important;
}
.wd-checkout-prod-cont .quantity :is(input[type="button"],input[type="number"],input[type="text"]) {
    display: none;
}

.woocommerce-breadcrumb .wd-last-link {
    --wd-link-color: #555; /* medium gray */
    color: #333;           /* ensures text shows gray */
    font-weight: 500;
}
/* stronger specificity and forcing color on links */
.wd-breadcrumbs, .yoast-breadcrumb,
.woocommerce-breadcrumb .wd-last-link,
.wd-breadcrumbs a, .yoast-breadcrumb a, .woocommerce-breadcrumb a {
  --wd-link-color: #555 !important;
  --wd-link-color-hover: #333 !important;
  --wd-bcrumb-color-active: #333 !important;
  --wd-link-decor: none !important;
  --wd-link-decor-hover: none !important;
  color: #555 !important;
}

.wd-breadcrumbs a:hover,
.yoast-breadcrumb a:hover,
.woocommerce-breadcrumb .wd-last-link:hover {
  color: #333 !important;
}





/* 03-08-2026
@viren */


@media (min-width: 1025px) {
  .searchform .wd-clear-search:before{
    padding-right:10px;
  }
  .whb-header_949938 .whb-top-bar{
    height: fit-content !important;
  }
/* 	.header-text:hover{
		color:
	} */
/* Header text hover effect */
.whb-header_949938 .whb-top-bar .wd-header-text {
  padding: 8px 14px;
  border-radius: 6px;
  cursor: default;
  transition:
    background-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.whb-header_949938 .whb-top-bar .wd-header-text:hover {
  background-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}

/* Override the inline white text color on hover */
.whb-header_949938 .whb-top-bar .wd-header-text:hover,
.whb-header_949938 .whb-top-bar .wd-header-text:hover p,
.whb-header_949938 .whb-top-bar .wd-header-text:hover strong,
.whb-header_949938 .whb-top-bar .wd-header-text:hover span {
  color: #ffffff !important;
}

} 

/* Signature Supplies - WoodMart desktop header
   Add in: WoodMart > Theme Settings > Custom CSS > Global CSS */


:root {
  --ss-blue: #0b5ed7;
  --ss-blue-dark: #003684;
  --ss-blue-light: #eef5ff;
  --ss-white: #fff;
  --ss-ink: #101828;
  --ss-border: #d9e5f5;
}

/* FINAL RESPONSIVE LAYER */
.whb-header_949938 .whb-row,.whb-header_949938 .whb-flex-row,.whb-header_949938 .whb-column{min-width:0}

@media (min-width:1025px) and (max-width:1279px){
 .whb-header_949938 .whb-general-header>.container,.whb-header_949938 .whb-header-bottom>.container,.whb-header_949938 .whb-top-bar>.container{width:calc(100% - 24px);padding-inline:12px}
 .whb-header_949938 .whb-general-header-inner{gap:16px}
 .whb-header_949938 .whb-general-header .whb-col-left{flex-basis:150px}
 .whb-header_949938 .whb-general-header .site-logo img{max-width:145px!important}
 .whb-header_949938 .whb-general-header .whb-col-center{flex-basis:390px}
 .whb-header_949938 .whb-general-header .whb-col-right{gap:10px}
 .whb-header_949938 .whb-general-header .btn-style-link,.whb-header_949938 .whb-general-header .wd-tools-text{font-size:12px}
 .whb-header_949938 .whb-header-bottom .wd-nav>li>a{padding-inline:9px;font-size:13px}
}

@media (min-width:1440px){
 .whb-header_949938 .whb-general-header>.container,.whb-header_949938 .whb-header-bottom>.container,.whb-header_949938 .whb-top-bar>.container{max-width:1680px}
 .whb-header_949938 .whb-general-header .whb-col-center{max-width:760px}
}

@media (max-width:1024px){
 .whb-header_949938{--wd-top-bar-sm-h:42px;--wd-header-general-sm-h:76px;--wd-header-bottom-sm-h:62px}
 .whb-header_949938 .container{width:100%;max-width:none;padding-inline:clamp(16px,4vw,28px)}
 .whb-header_949938 .whb-top-bar{height:42px;min-height:42px;background:var(--ss-blue)}
 .whb-header_949938 .whb-top-bar .whb-col-mobile{width:100%;justify-content:center}
 .whb-header_949938 .whb-top-bar .wd-header-text,.whb-header_949938 .whb-top-bar p{margin:0;color:#fff!important;font-size:13px;line-height:1.2;text-align:center}
 .whb-header_949938 .whb-top-bar .whb-space-element{display:none}
 .whb-header_949938 .whb-general-header{height:76px;min-height:76px;background:#fff}
 .whb-header_949938 .whb-general-header-inner{gap:14px}
 .whb-header_949938 .whb-mobile-left{flex:1 1 auto}
 .whb-header_949938 .whb-mobile-center{display:none}
 .whb-header_949938 .whb-mobile-right{flex:0 0 auto;gap:14px}
 .whb-header_949938 .whb-general-header .site-logo img{width:auto;max-width:clamp(124px,28vw,168px)!important;max-height:52px}
 .whb-header_949938 .whb-general-header .btn-size-extra-small{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--ss-blue);box-shadow:none;color:#fff;font-size:12px;font-weight:700}
 .whb-header_949938 .whb-general-header .btn-size-extra-small:hover{background:var(--ss-blue-dark);color:#fff}
 .whb-header_949938 .wd-header-search-mobile{width:38px;height:42px}
 .whb-header_949938 .wd-header-search-mobile .wd-tools-icon{color:var(--ss-ink)}
 .whb-header_949938 .whb-header-bottom{height:62px;min-height:62px;background:#fff;border-block:1px solid var(--ss-border)}
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{display:flex;width:100%;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,28px)}
 .whb-header_949938 .whb-header-bottom .wd-tools-element,.whb-header_949938 .whb-header-bottom .wd-button-wrapper{flex:0 0 auto}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-text,.whb-header_949938 .nav-iteam-mobile-account{color:var(--ss-ink)!important;font-size:14px;font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-icon,.whb-header_949938 .whb-header-bottom .wd-tools-icon{color:var(--ss-ink)}
 .whb-header_949938 .whb-header-bottom .wd-tools-count{background:var(--ss-blue);color:#fff}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{color:var(--ss-ink);font-size:14px;font-weight:700;white-space:nowrap}
}

@media (max-width:767px){
 .whb-header_949938 .container{padding-inline:16px}
 .whb-header_949938 .whb-general-header-inner{gap:10px}
 .whb-header_949938 .whb-mobile-right{gap:8px}
 .whb-header_949938 .whb-general-header .site-logo img{max-width:clamp(118px,31vw,150px)!important}
 .whb-header_949938 .whb-general-header .btn-size-extra-small{min-height:36px;padding-inline:13px;font-size:11px}
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{gap:12px}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-text,.whb-header_949938 .nav-iteam-mobile-account,.whb-header_949938 .whb-header-bottom .wd-cart-subtotal{font-size:12px}
}

@media (max-width:479px){
 .whb-header_949938{--wd-top-bar-sm-h:38px;--wd-header-general-sm-h:68px;--wd-header-bottom-sm-h:58px}
 .whb-header_949938 .container{padding-inline:12px}
 .whb-header_949938 .whb-top-bar{height:38px;min-height:38px}
 .whb-header_949938 .whb-top-bar .wd-header-text,.whb-header_949938 .whb-top-bar p{font-size:11px}
 .whb-header_949938 .whb-general-header{height:68px;min-height:68px}
 .whb-header_949938 .whb-general-header .site-logo img{max-width:116px!important}
 .whb-header_949938 .whb-general-header .btn-size-extra-small{min-height:34px;padding-inline:10px;font-size:10px}
 .whb-header_949938 .wd-header-search-mobile{width:32px}
 .whb-header_949938 .whb-header-bottom{height:58px;min-height:58px}
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{gap:10px}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-text,.whb-header_949938 .whb-header-bottom .wd-cart-subtotal{font-size:11px}
 .whb-header_949938 .nav-iteam-mobile-account{max-width:78px;overflow:hidden;text-overflow:ellipsis;font-size:10px}
}

@media (max-width:374px){
 .whb-header_949938 .whb-general-header .site-logo img{max-width:104px!important}
 .whb-header_949938 .whb-general-header .btn-size-extra-small{padding-inline:8px;font-size:9px}
 .whb-header_949938 .whb-header-bottom .wd-button-wrapper{display:none}
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{justify-content:space-around}
}

/* Mobile utility-row repair: WoodMart flex widths were clipping Account. */
@media (max-width:1024px){
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content max-content;
  align-items:center;
  justify-content:normal;
  column-gap:clamp(14px,4vw,34px);
  width:100%;
 }
 .whb-header_949938 .whb-header-bottom .wd-header-mobile-nav{grid-column:1}
 .whb-header_949938 .whb-header-bottom .wd-button-wrapper{display:block!important;grid-column:2;min-width:0;width:auto;text-align:left}
 .whb-header_949938 .whb-header-bottom .wd-header-wishlist{grid-column:3}
 .whb-header_949938 .whb-header-bottom .wd-header-cart{grid-column:4}
 .whb-header_949938 .nav-iteam-mobile-account{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
  white-space:nowrap!important;
 }
 .whb-header_949938 .whb-header-bottom .wd-tools-element{min-width:0}
 .whb-header_949938 .whb-header-bottom .wd-tools-icon{margin:0}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{margin-inline-start:7px}
}

@media (max-width:600px){
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{column-gap:clamp(10px,3vw,18px)}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-text{font-size:12px}
 .whb-header_949938 .nav-iteam-mobile-account{font-size:11px!important}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{font-size:11px;margin-inline-start:5px}
}

@media (max-width:420px){
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{grid-template-columns:max-content minmax(0,1fr) max-content max-content;column-gap:9px}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-text{display:none}
 .whb-header_949938 .nav-iteam-mobile-account{font-size:10px!important}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{display:none}
}

@media (max-width:340px){
 .whb-header_949938 .whb-header-bottom .wd-button-wrapper{display:none!important}
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{grid-template-columns:repeat(3,max-content);justify-content:space-between}
 .whb-header_949938 .whb-header-bottom .wd-header-wishlist{grid-column:2}
 .whb-header_949938 .whb-header-bottom .wd-header-cart{grid-column:3}
}

/* Reference order: main utility row, navigation row, reassurance row. */
@media (min-width: 1025px) {
  .whb-header_949938 .whb-main-header {
    display: flex;
    flex-direction: column;
    background: var(--ss-white);
  }

  .whb-header_949938 .whb-general-header { order: 1; }
  .whb-header_949938 .whb-header-bottom  { order: 2; }
  .whb-header_949938 .whb-top-bar       { order: 3; }

  /* MAIN ROW - logo / search / account / wishlist / cart */
  .whb-header_949938 .whb-general-header {
    height: 104px;
    background: var(--ss-white);
    border-bottom: 1px solid var(--ss-border);
  }

  .whb-header_949938 .whb-general-header > .container,
  .whb-header_949938 .whb-header-bottom > .container,
  .whb-header_949938 .whb-top-bar > .container {
    width: min(100% - 48px, 1600px);
    max-width: 1600px;
  }

  .whb-header_949938 .whb-general-header-inner {
    gap: clamp(24px, 3vw, 52px);
  }

  .whb-header_949938 .whb-general-header .whb-col-left {
    flex: 0 0 190px;
  }

  .whb-header_949938 .whb-general-header .whb-col-center {
    flex: 1 1 560px;
    max-width: 680px;
  }

  .whb-header_949938 .whb-general-header .whb-col-right {
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: clamp(12px, 1.4vw, 26px);
  }

  .whb-header_949938 .whb-general-header .site-logo img {
    width: auto;
    max-width: 180px !important;
    max-height: 64px;
  }

  /* Large rounded search, matching the reference composition. */
  .whb-header_949938 .wd-header-search-form,
  .whb-header_949938 .wd-header-search-form form {
    width: 100%;
  }

  .whb-header_949938 .wd-header-search-form form {
    height: 56px;
    overflow: hidden;
    border: 2px solid var(--ss-blue);
    border-radius: 14px;
    background: var(--ss-white);
  }

  .whb-header_949938 .wd-header-search-form input.s {
    height: 52px;
    padding: 0 20px;
    border: 0;
    color: var(--ss-ink);
    font-size: 16px;
  }

  .whb-header_949938 .wd-header-search-form .searchsubmit {
    width: 62px;
    min-width: 62px;
    height: 54px;
    border: 0;
    background: var(--ss-blue);
    color: var(--ss-white);
  }

  .whb-header_949938 .wd-header-search-form .searchsubmit:hover {
    background: var(--ss-blue-dark);
  }

  /* Utility links: keep mixed-case and compact like the supplied reference. */
  .whb-header_949938 .whb-general-header .btn-style-link,
  .whb-header_949938 .whb-general-header .wd-tools-text {
    color: var(--ss-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
  }

  .whb-header_949938 .whb-general-header .btn-style-link:hover,
  .whb-header_949938 .whb-general-header a:hover .wd-tools-text {
    color: var(--ss-blue);
  }

  .whb-header_949938 .whb-general-header .wd-tools-icon {
    color: var(--ss-blue);
  }

  /* NAVIGATION ROW */
  .whb-header_949938 .whb-header-bottom {
    height: 60px;
    background: var(--ss-blue-light);
    border-bottom: 1px solid var(--ss-border);
  }

  .whb-header_949938 .whb-header-bottom-inner {
    justify-content: center;
  }

  .whb-header_949938 .whb-header-bottom .whb-col-center {
    flex: 1 1 auto;
    justify-content: center;
  }

  .whb-header_949938 .whb-header-bottom .wd-nav > li > a {
    min-height: 60px;
    padding-inline: clamp(10px, 1.1vw, 19px);
    color: var(--ss-ink);
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
  }

  .whb-header_949938 .whb-header-bottom .wd-nav > li:hover > a,
  .whb-header_949938 .whb-header-bottom .wd-nav > li.current-menu-item > a {
    color: var(--ss-blue);
  }

  /* Hide these two side items for a full-width, reference-style category menu.
     Remove this block if you want to retain “All Categories” and “Get in Touch”. */
  .whb-header_949938 .whb-header-bottom .whb-col-left,
  .whb-header_949938 .whb-header-bottom .whb-col-right {
    display: none;
  }

  /* REASSURANCE ROW - blue/white replacement for the orange reference strip. */
  .whb-header_949938 .whb-top-bar {
    height: 64px;
    background: var(--ss-blue);
    color: var(--ss-white);
		display:flex;
		align-items: center;
  }

  .whb-header_949938 .whb-top-bar-inner {
    justify-content: space-between;
    gap: 24px;
  }

  .whb-header_949938 .whb-top-bar .whb-column {
    flex: 1 1 0;
    justify-content: center;
  }

  .whb-header_949938 .whb-top-bar,
  .whb-header_949938 .whb-top-bar a,
  .whb-header_949938 .whb-top-bar p,
  .whb-header_949938 .whb-top-bar .btn {
    color: var(--ss-white) !important;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
  }

  .whb-header_949938 .whb-top-bar .site-logo img {
    max-width: 125px !important;
    filter: brightness(0) invert(1);
  }

  .whb-header_949938 .whb-top-bar .wd-header-divider {
    display: none;
  }
}

/* Mobile stays compact and keeps WoodMart's native menu interaction. */
@media (max-width: 1024px) {
  .whb-header_949938 .whb-top-bar {
    background: var(--ss-blue);
    color: var(--ss-white);
  }

  .whb-header_949938 .whb-general-header {
    background: var(--ss-white);
    border-bottom: 1px solid var(--ss-border);
  }

  .whb-header_949938 .whb-header-bottom {
    background: var(--ss-blue-light);
  }

  .whb-header_949938 .whb-general-header .site-logo img {
    max-width: 118px !important;
  }

  .whb-header_949938 .wd-header-mobile-nav,
  .whb-header_949938 .whb-header-bottom .wd-tools-element {
    color: var(--ss-blue-dark);
  }
}

/* Cascade corrections kept last so WoodMart and the base rules cannot win. */
@media (min-width:1025px) and (max-width:1279px){
 .whb-header_949938 .whb-general-header>.container,.whb-header_949938 .whb-header-bottom>.container,.whb-header_949938 .whb-top-bar>.container{width:calc(100% - 24px);padding-inline:12px}
 .whb-header_949938 .whb-general-header-inner{gap:16px}
 .whb-header_949938 .whb-general-header .whb-col-left{flex-basis:150px}
 .whb-header_949938 .whb-general-header .site-logo img{max-width:145px!important}
 .whb-header_949938 .whb-general-header .whb-col-center{flex-basis:390px}
 .whb-header_949938 .whb-general-header .whb-col-right{gap:10px}
 .whb-header_949938 .whb-general-header .btn-style-link,.whb-header_949938 .whb-general-header .wd-tools-text{font-size:12px}
 .whb-header_949938 .whb-header-bottom .wd-nav>li>a{padding-inline:9px;font-size:13px}
}
@media (max-width:1024px){
 .whb-header_949938 .whb-header-bottom{height:62px;min-height:62px;background:#fff;border-block:1px solid var(--ss-border)}
 .whb-header_949938 .whb-general-header .site-logo img{width:auto;max-width:clamp(124px,28vw,168px)!important;max-height:52px}
}
@media (max-width:767px){
 .whb-header_949938 .whb-general-header .site-logo img{max-width:clamp(118px,31vw,150px)!important}
}
@media (max-width:479px){
 .whb-header_949938 .whb-header-bottom{height:58px;min-height:58px}
 .whb-header_949938 .whb-general-header .site-logo img{max-width:116px!important}
}
@media (max-width:374px){
 .whb-header_949938 .whb-general-header .site-logo img{max-width:104px!important}
}

/* Final mobile row placement - keep this section last. */
@media (max-width:1024px){
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content max-content;align-items:center;justify-content:normal;column-gap:clamp(14px,4vw,34px);width:100%}
 .whb-header_949938 .whb-header-bottom .wd-header-mobile-nav{grid-column:1}
 .whb-header_949938 .whb-header-bottom .wd-button-wrapper{display:block!important;grid-column:2;min-width:0;width:auto;text-align:left}
 .whb-header_949938 .whb-header-bottom .wd-header-wishlist{grid-column:3}
 .whb-header_949938 .whb-header-bottom .wd-header-cart{grid-column:4}
 .whb-header_949938 .nav-iteam-mobile-account{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important;overflow:visible!important;text-overflow:clip!important;font-size:12px!important;white-space:nowrap!important}
 .whb-header_949938 .whb-header-bottom .wd-tools-element{min-width:0}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{margin-inline-start:7px}
}
@media (max-width:600px){
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{column-gap:clamp(10px,3vw,18px)}
 .whb-header_949938 .nav-iteam-mobile-account{font-size:11px!important}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{font-size:11px;margin-inline-start:5px}
}
@media (max-width:420px){
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{column-gap:9px}
 .whb-header_949938 .wd-header-mobile-nav .wd-tools-text{display:none}
 .whb-header_949938 .nav-iteam-mobile-account{font-size:10px!important}
 .whb-header_949938 .whb-header-bottom .wd-cart-subtotal{display:none}
}
@media (max-width:340px){
 .whb-header_949938 .whb-header-bottom .wd-button-wrapper{display:none!important}
 .whb-header_949938 .whb-header-bottom .whb-col-mobile{grid-template-columns:repeat(3,max-content);justify-content:space-between}
 .whb-header_949938 .whb-header-bottom .wd-header-wishlist{grid-column:2}
 .whb-header_949938 .whb-header-bottom .wd-header-cart{grid-column:3}
}


/* home banner css */


/* Signature Supplies Workwear Hero
   All selectors are isolated under .ssw-hero. */
.ssw-hero,
.ssw-hero * {
  box-sizing: border-box;
}

.ssw-hero {
  --ssw-blue: #0b5ed7;
  --ssw-blue-light: #2674e5;
  --ssw-blue-dark: #0849a8;
  --ssw-ink: #090d11;
  --ssw-white: #fff;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 58% 42%;
  width: 100%;
  min-height: clamp(360px, 27vw, 440px);
  margin: 0;
  overflow: hidden;
  background: var(--ssw-ink);
  color: var(--ssw-white);
  font-family: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
}

.ssw-hero__media {
  position: absolute;
  z-index: -2;
  inset: 0 0 0 42%;
  overflow: hidden;
  background: #dcd0c8;
}

.ssw-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 52% center;
}

/* The angled edge is generated in CSS, so no extra graphic is required. */
.ssw-hero__content {
  position: relative;
  z-index: 1;
  grid-column: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: clamp(26px, 2.4vw, 40px) clamp(34px, 5vw, 84px);
}

.ssw-hero__content::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 -14vw 0 0;
  background:
    radial-gradient(circle at 22% 40%, rgba(35, 41, 47, .45), transparent 45%),
    linear-gradient(115deg, #0c1116 0%, #090d11 67%, rgba(9, 13, 17, .96) 67.2%, rgba(9, 13, 17, .92) 75%, transparent 75.2%);
  pointer-events: none;
}

.ssw-hero__eyebrow,
.ssw-hero__title,
.ssw-hero__copy {
  margin: 0;
}

.ssw-hero__eyebrow {
  margin-bottom: clamp(10px, 1vw, 18px);
  color: var(--ssw-blue);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(12px, 1.05vw, 18px);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.ssw-hero__title {
  max-width: 920px;
  font-size: clamp(38px, 3.35vw, 62px);
  font-stretch: condensed;
  font-weight: 900;
  line-height: .94;
  letter-spacing: -.025em;
  text-transform: uppercase;
  text-wrap: balance;
}

.ssw-hero__title span,
.ssw-hero__title strong {
  display: block;
}

.ssw-hero__title span {
  color: var(--ssw-white);
}

.ssw-hero__title strong {
  margin-top: .12em;
  color: var(--ssw-blue);
  font-weight: 900;
}

.ssw-hero__copy {
  margin-top: clamp(12px, 1.2vw, 20px);
  color: rgba(255, 255, 255, .9);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 400;
  line-height: 1.4;
}

.ssw-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
  min-width: clamp(240px, 22vw, 345px);
  margin-top: clamp(16px, 1.5vw, 24px);
  padding: clamp(13px, .95vw, 17px) clamp(21px, 1.8vw, 32px);
  border: 1px solid rgba(255, 255, 255, .2);
  background: linear-gradient(135deg, var(--ssw-blue-light), var(--ssw-blue));
  box-shadow: 0 13px 32px rgba(0, 0, 0, .18);
  color: #fff !important;
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: .035em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.ssw-hero__cta svg {
  width: 32px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ssw-hero__cta:hover,
.ssw-hero__cta:focus-visible {
  background: linear-gradient(135deg, var(--ssw-blue), var(--ssw-blue-dark));
  box-shadow: 0 17px 38px rgba(0, 0, 0, .28);
  transform: translateY(-3px);
}

.ssw-hero__cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

/* Laptop: preserve the split composition but reduce the text footprint. */
@media (max-width: 1279px) {
  .ssw-hero {
    grid-template-columns: 60% 40%;
    min-height: clamp(350px, 35vw, 420px);
  }

  .ssw-hero__media {
    left: 40%;
  }

  .ssw-hero__content {
    padding-inline: clamp(34px, 5vw, 64px);
  }

  .ssw-hero__title {
    font-size: clamp(37px, 4.2vw, 52px);
  }
}

/* Tablet: move the photo above the message for reliable portrait layouts. */
@media (max-width: 900px) {
  .ssw-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .ssw-hero__media {
    position: relative;
    inset: auto;
    z-index: 0;
    width: 100%;
    height: clamp(240px, 43vw, 340px);
    order: 1;
  }

  .ssw-hero__media img {
    object-position: center 34%;
  }

  .ssw-hero__content {
    z-index: 1;
    width: 100%;
    order: 2;
    padding: clamp(28px, 4vw, 42px) clamp(28px, 7vw, 64px) clamp(34px, 5vw, 48px);
  }

  .ssw-hero__content::before {
    inset: -72px 0 0;
    background:
      linear-gradient(168deg, transparent 0 70px, rgba(9, 13, 17, .94) 71px 93px, var(--ssw-ink) 94px),
      var(--ssw-ink);
  }

  .ssw-hero__title {
    font-size: clamp(40px, 7vw, 58px);
  }

  .ssw-hero__eyebrow {
    margin-bottom: 16px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .ssw-hero__media {
    height: clamp(220px, 62vw, 300px);
  }

  .ssw-hero__media img {
    object-position: center center;
  }

  .ssw-hero__content {
    padding: 25px 22px 34px;
  }

  .ssw-hero__content::before {
    top: -48px;
    background:
      linear-gradient(168deg, transparent 0 46px, rgba(9, 13, 17, .94) 47px 64px, var(--ssw-ink) 65px),
      var(--ssw-ink);
  }

  .ssw-hero__eyebrow {
    margin-bottom: 14px;
    font-size: clamp(12px, 3.5vw, 16px);
    letter-spacing: .06em;
  }

  .ssw-hero__title {
    font-size: clamp(40px, 13vw, 63px);
    line-height: .98;
  }

  .ssw-hero__copy {
    margin-top: 16px;
    font-size: clamp(15px, 4.2vw, 19px);
  }

  .ssw-hero__copy br {
    display: none;
  }

  .ssw-hero__cta {
    width: 100%;
    min-width: 0;
    margin-top: 20px;
    padding: 15px 21px;
  }
}

@media (max-width: 360px) {
  .ssw-hero__content {
    padding-inline: 17px;
  }

  .ssw-hero__title {
    font-size: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ssw-hero__cta {
    transition: none;
  }
}