@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Teko:wght@400;700&family=Lato:wght@400;700&display=swap');

body {
  padding: 0 !important;
  font-family: "Be Vietnam Pro", sans-serif;
}

.scp-body{
	padding-bottom:240px;
}
/*topbar*/
.sc_freeshipping {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    padding: 12px 0;
}	
.sct-top-bar {
    background: #231F20;
    color: var(--main-color);
    font-size: 12px;
    font-weight: 500;
}
.sct-top-bar .container a {
    color: #fff;
    padding:17px 12px;
}
.sc_headerbg {
  background-color:#f2f2f2;
}

.sc_customlogo {
    padding-top: 13px;
}

.sc-storelogo img {
    max-height: 90px;
    width: auto;
    margin-top: 10px;
}


.scw-search.scws-style-1 .form-group.has-feedback {
    margin: 0px !important;
    border: 0 !important;
    margin-top: 35px !important;
}

.scw-search.scws-style-1 .scp-search-text {
    background: #ffffff !important;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: var(--font-size-sm);
    height: 48px;
    border: 1px solid #EAECF0;
    color: var(--main-color)
}

.scw-search.scws-style-1 .form-control-feedback {
    height: 48px;
    width: 60px;
    border-top-right-radius: 8px;
    background-color: #FFE14F !important;
    border-bottom-right-radius: 8px;
    color: #101828;
}
.scw-search-dropdown .result-right {
     width: calc(100% - 90px);
}
.scw-search-dropdown {
    top: 65px;
}

/**logo**/

.mini-storelogo img {
    display: none;
}

.scp-header .scw-storelogo img {
    max-height: 76px !important;
    position: relative;
    width: 260px !important;
}

/*cart*/
.sc-store-cart {
    position: relative;
    margin-top: 20px !important;
}

.sc-store-cart .sci-shopping-cart {
    position: relative;
    top: 4px;
    font-size: 0;
}
.sc-store-cart .sci-shopping-cart::before {
    content: url("https://cdn.sellerscommerce.com/images/5541/shopping-cart.png");
    display: inline-block;
    margin-right: 10px;
}

.scw-shoppingcart.scws-style-1 #scpc-cart-item-count {
    background: #FFE14F !important;
    color: #333 !important;
    border-radius: 4px !important;
    top: 0;
}

.sc-store-cart.scws-style-1 .scw-cart-btn:after {
    color: #101828 !important;
    content: "My Cart";
    top: 0;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 400;
}

.scw-shoppingcart.scws-style-1 {
    height: auto !important;
    line-height: normal;
    margin-top: 45px !important;
}

.scw-shoppingcart.scws-style-1>a>.sca-cart-finalamount {
    padding-top: 8px !important;
    color: #101828;
}

/**MENU BAR**/
.scp-menu .navbar .navbar-nav>li>a{
    padding: 12px 25px; 
}
.scp-menu .navbar .navbar-nav>li>a b {
    font-weight: 600;
    color: #ffe14f;
    font-size: 14px;
}
.scp-menu {
    background-color: #000000;
    color: #ffe14f;
    border-bottom: 1px solid #f2f2f2;
   /* padding:20px 25px;*/
}
.scp-menu .navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li:hover>a, 
.scp-menu .navbar .navbar-nav>li:hover>a {
   background: #ffe14f !important;
   box-shadow: none !important;
   color: #ffffff !important;
}
.scp-menu .navbar .navbar-nav>li>a:hover b,
.scp-menu .navbar .navbar-nav>li:hover>a b,
.scp-menu .navbar .navbar-nav>li.open>a b,
.scp-menu .navbar .navbar-nav>li.open>a:hover b,
.scp-menu .navbar .navbar-nav>li.active>a b,
.scp-menu .navbar .navbar-nav>li:focus>a b {
   color: #231f20 !important;
}
.scw-navigation .scw-navigation-nav>.dropdown>.dropdown-menu {
    top: 100%;
    transition: unset;
    background: #f9f9f9;
}
/*.scw-navigation li:nth-child(4) .dropdown-menu{
    width: 250px !important;   
    left: 0px;
}
.scw-navigation li:nth-child(4){
      position:relative  !important;
 }
.scw-navigation li:nth-child(4) .dropdown-menu .SCN_List_Header{
    display:none;
}*/
.scp-menu .navbar .navbar-nav>li .SCNW_List li:hover a {
    color: #ffef24 !important;
}
.scp-menu .navbar .navbar-nav>li .SCNW_List li:hover:after{
    color: #ffef14 !important;
}

.scp-menu .navbar .navbar-nav>li .SCNW_List li:after{
    color:#333 !Important;
}

/**shop by brands**/

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands {
    background: #f2f2f2;
    padding: 40px 0px;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands .owl-buttons {
    display: none;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands .owl-pagination {
   background: transparent;
   color:transparent;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands .owl-theme .owl-controls .owl-page span  {
    border:0 !important;
    height:0 !important;
    width:0 !important;
}

/*shop by industry*/
.sc-shopbyindustry{
background-image: url('https://cdn.sellerscommerce.com/images/5541/section-1144906.png');
    background-size: cover;
    padding: 130px 0px;
    text-align: center;
    background-position: center;
}
.sc-shopbyindustry h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 500;
    line-height: 72px;
    margin: 0;
    font-family: 'Teko', sans-serif;
}

.sc-shopbyindustry p {
    font-weight: 400;
    font-size: 16px;
    font-family: "Be Vietnam Pro", sans-serif;
    line-height: 30px;
    width: 430px;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 8px;
}

.sc_shopallproducts{
    background-color:#FFE14F;
    color:#1F1930;
    padding: 12px 20px;
    border-radius:12px;
    font-size: 20px;
    font-weight:700;
    line-height: 30px;
    display: inline-block;
    margin-top: 24px;
}
.sc-shopbyindustrysection2 {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}
.sc-chemicalcontent{
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 40px;
 }
.sc-explorebtn {
    display: inline-flex;
    align-items: center;
    color: #FFE14F;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    gap: 12px;
}
.sc-explorebtn:hover{
	color:#FFE14F;
}
.sc_p-16 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.sc-shopbyindustrysection4 {
    background-image:url('https://az777500.vo.msecnd.net/images/5541/frame1686564539.jpg');
    background-size:cover;
    margin-top: 16px;
}

.sc-transportationcontent {
    color: #fff;
    padding-bottom: 52px;
    padding-left: 50px;
    padding-top: 133px;
}

.sc-transportationcontent h2, .sc-chemicalcontent h2,.sc-energycontent h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    font-family: 'teko';
    margin: 0;
}

.sc-industrycontent {
    margin-top: -130px;
    margin-left: 50px;
    color: #fff;
}

.sc-industrycontent h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    font-family: 'teko';
}


/**choose us**/

.sc-chooseus {
    padding: 20px 20px;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-choose-us {
    background: #f2f2f2;
    padding: 64px 0;
}

.sc-choosefeatures {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 54px;
    /* padding-bottom:60px; */
} 

.sc-chooseus h2 {
    color: #1F1930;
    font-weight: 400;
    font-size: 48px;
    line-height: 48px;
    font-family: 'teko';
    margin-bottom:40px;
    margin-top: 0;
}

.chooseus-img {
    background: #ffef14;
    border-radius: 12px;
    padding: 10px;
    display: inline-block;
    line-height: normal;
}
.chooseus-img svg{
	vertical-align:middle;
}
.sc-chooseuscontent h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #1F1930;
    margin-top: 24px;
    margin-bottom: 12px;
}

.sc-chooseuscontent span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
}

.sc-vision, .sc-ourstory, .safetyculture,.ourfuture {
    flex: 1;
}

/* span.scp-p-title {
    font-weight: bold;
} */

span.scp-p-price-new {
    font-weight: 700;
}
.sc_newbestsellers .scp-p-image {
    height: 380px;
}

.scpage-index .scw-product-slider .scw-suggestions .scp-product {
    height: 323px;
}



/**footer**/

.sct-footer-below {
    background-color: #231F20;
    border-top: 1px solid #fff;
}

.sct-footer {
    background-color: #231F20;
    color: #fff;
}


/*Common*/

.sc-page, .scp-footer{
  font-family:'Be Vietnam Pro', sans-serif !important;
  font-size:14px !important;
  color:#333 !important;
}
.scw-image {
    font-size: 0;
}

/**product display template**/

/*** CHANGE HOME BUTTON TOP LEFT OF LEFT NAV ***/
.scpd-template-4 .breadcrumb>li>a {
    color: #999 !important;
    text-decoration: none;
    font-size: 20px!important;
}

.scpd-template-4 .scpd-price .scp-p-price-new {
    font-size: 28px;
}
.scpd-printpage:hover, .scpd-printpage:focus {
    color: #000;
}
.scpd-template-4 .btn-add-to-cart {
    background-color: #ffef14 !important;
    color: #333;
    font-weight: 700;
}
.scpd-template-4 .scpd-quick-buy .btn {
    background-color: #231F20 !important;
    border: 1px solid #231F20 !important;
    color: #fff !important;
    font-weight: 400 !important;
}
.scpd-template-4 .scpd-tabs .nav-tabs>li.active>a, .scpd-template-4 .scpd-tabs .nav-tabs>li.active>a:hover, .scpd-template-4 .scpd-tabs .nav-tabs>li.active>a:focus {
    border-top: 3px solid #ffef14;
    color: #231F20;
}
.scpd-template-4 .scpd-tabs .nav-tabs>li>a {
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 500;
}
.scpd-template-4 .scpd-product-description.scpd-descriptions p {
    line-height: 22px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.scpd-template-4 .scpd-product-description.scpd-descriptions {
    padding-left: 15px;
    padding-right: 20px;
    color: #565656;
    font-size: 13px;
}
.scpd-template-4 .breadcrumb {
    margin-bottom: 10px;
    margin-top: 0;
}
.scpd-template-4 .scai-product-heading:after {
    background: #dde1e4;
}
.scpd-template-4 .scai-product-heading h4 {
    color: #000;
    font-weight: 500;
    font-size: 15px;
}
.scpd-template-4 .owl-theme .owl-controls .owl-buttons div {
    background: #fff;
}
.scpd-template-4 .scai-products-widgets .owl-buttons {
    top: -48px !important;
}
.scpd-template-4 .scai-products-widgets, .scpd-product-visited {
    padding-left: 0px;
}

.scpd-template-4 #scpd_stock_message {
    display: none !important;
}
.scpd-template-4 .cart-box .scpd-title h1 {
    font-size: 22px;
}
.scpd-page .scp-layout:last-child .scp-container {
    border-bottom: 0;
}
.scpd-page .scp-container.scpd-top-container {
    border-top: 0;
}
.scpd-template-4 .scw-recently-viewed .owl-buttons {
    top: -37px !important;
}
.scpd-template-4 .scai-products-widgets .owl-buttons{
    background:#fff;
}

/**product display**/

.scp-product{
    background-color: #fff;
}

.scp-p-title {
    padding: 2px 8px 0 8px !important;
    background: #fff;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2;
    line-height: 1.3;
    max-height: 2.6em;
    color: #333;
    font-family: "Be Vietnam Pro";
    font-weight: 500;
    font-size: 16px;
}

.scp-p-brandname {
    color: #333;
    font-family:"Be Vietnam Pro";
    font-weight:500;
    font-size:14px;
    background: #fff;
    padding-left: 8px;
    padding-top: 5px;
}

.scp-product a:hover .scp-p-brandname,
.scp-product a:hover .scp-p-title {
    text-decoration: underline;
}

.scp-p-code,
.scp-p-code * {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    cursor: text !important;
}

.scp-product a,
.scp-product a * {
    -webkit-user-select: text !important;
    user-select: text !important;
}

.scp-p-code, .scp-p-price, .scp-p-hide-price-msg {
    background: #fff;
    padding-left:8px;
    padding-top: 3px;
}


.scp-p-price-new {
    color: #231f20;
    font-weight: 500;
    font-size: 20px;
}
.scp-p-quick span {
    background: #581e7f;
    font-size: 13px;
    font-weight:500;
    height: 30px;
    line-height: 30px;
    color: #fff;
}
.scp-p-quick:before {
    background: #ff1d7d;
    height: 30px;
    line-height: 30px;
}
.scp-product:hover {
    border-color: #999;
}
.scp-p-price {
    line-height: 20px;
    margin-top: 10px;
}
.scp-p-price-old {
    font-size:15px;
    color:#4b4b4b;
}
.scp-product:hover .scp-p-image img {
    transform: rotate(0deg) scale(1.1);
    -webkit-transform: rotate(0deg) scale(1.1);
    -moz-transform: rotate(0deg) scale(1.1);
}
.scp-products-holder {
    width: 100%;
    margin-top: 0;
    padding-top: 2px;
}
.scp-product {
    width: 263px;
    margin: 0 2% 2% 0;
}
.scp-p-code {
    font-size: 10px;
    color: #888;
}

.scp-filters>div {
    border-bottom: 0;
}
.noUi-connect {
    background: #ffef14;
}
.scp-priceslider-parent {
    background: #f5f5f5!important;
    border: 1px #e4e4e4 solid!important;
    padding-left: 15px!important;
    padding-right: 18px !important;
}
.scp-filters {
    box-shadow: none;
}
.scp-filters h4 {
    border-top: 0 !important;
    background: #fff;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-bottom: 1px #e4e4e4 solid;
    border-left: 1px #e4e4e4 solid;
    border-right: 1px #e4e4e4 solid;
}
.scp-priceslider-filters {
    font-size: 13px;
    font-weight: 500;
}
.scw-category-description h1 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

.scw-category-description {
  font-size: 0;          /* hides the loose text */
}
.scw-category-description .scw-category-name {
  font-size: 14px;       /* restore size for the H1 — match your original */
}

/** CHANGE TINY BRAND COLOR ***/
.scp-breadcrumb .breadcrumb .active {
    color: #231f20;
	font-size: 20px;
}
.scp-breadcrumb .breadcrumb {
    font-size: 13px;
    color: #ffef14;
}
.scw-subcategories.scws-style-2 .scp-viewall {
    right: 10px;
}
.scw-subcategories h3{
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    color: #231f20;
    border-bottom:0;
    font-weight: 400;
    margin-bottom: 0;
}
.scws-style-2 .scw-subcategory-item span {
    background: rgba(25, 29, 39,.8);
    color: #fff;
    font-weight: 500;
}
.scp-viewall a {
    color: #231f20;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.slider-snap-value-lower, .slider-snap-value-upper {
    font-size: 12px;
    color: #444;
    font-weight: 500;
}
.sct-payment li i {
    color: #333;
}
.scp-breadcrumb .breadcrumb a{
	font-size: 20px !important;
    color:#231f20;
}

.scp-breadcrumb .breadcrumb a:hover{
	font-size: 20px !important;
    color:#231f20;
}

/**quickview css**/

.scpd-tabs .nav-tabs>li.active>a, .scpd-tabs .nav-tabs>li.active>a:hover, .scpd-tabs .nav-tabs>li.active>a:focus {
    border-top: 3px solid #231f20;
    color: #231f20;
}
.scp-quick-view-modal .btn-add-to-cart {
    background-color: #ffef14;
    letter-spacing:0;
}
.scpd-tabs .nav-tabs>li>a {
    font-size: 15px;
}
h3.modal-title a {
    color: #333;
    font-size: 15px;
}
.scp-quick-view-modal{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
.scp-quick-view-modal .scpd-title h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
   color: #333;
}
.scp-quick-view-modal .scp-p-price-new {
    font-weight: 500;
}

/**footer**/

.sct-footer{
  background-color: #f1f1f1;
  color:#333;
}
.scp-footer h4{
  font-size: 13px!important;
  font-weight: 500;
  letter-spacing: normal;
  font-family:"Be Vietnam Pro",sans-serif;
  color: #fff;
}
.scw-storeaddress > p {
    margin: 0px auto 20px;
}
.scw-storeaddress>p>i{
  color: #333;
    font-size: 16px;
}
.scw-storeaddress>p>em {
    color: #fff;
}
.scp-footer .scw-storeaddress>p>a{
  color: #fff!important;
}
.scw-storeaddress>p>i{
  margin-right: 12px;
}
.scw-storeaddress .scw-storeaddress-location>span,.scp-footer .scw-storeaddress>p>a {
    font-size: 13px;
    line-height: 21px;
}
.scw-storeaddress .scw-storeaddress-location>i+span{
 vertical-align: middle;
}
.scw-pagelinks>ul>li>a{
  padding: 5px 0;
  font-size: 13px;
}
.sct-footer-below {
    background-color: #231f20;
    height: 38px;
    padding: 10px 0;
}
.connectWithUs h4 {
    font-size: 13px!important;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    border-bottom:0;
    line-height:0;
}
.connectWithUs > ul > li {
    margin: 0 3px 0 0;
    padding: 7px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
}
.connectWithUs > ul > li > a> img {
    max-width: 20px;
    opacity:0.7;
}
.connectWithUs > ul > li > a> img:hover {
    opacity:1;
}

.scp-footer {
  background: #231F20;
  color: #fff !important;
}

.scp-footer h4 {
   color: #fff;
}

.sc-socialicons h3 {
    font-size: 13px;
}
.sc-socialmedia svg {
    margin-right: 6px;
}

.scw-storeaddress {
    color: #fff;
}

.scpd-template-4 .scpd-wishlist i, .scpd-template-4 .scpd-wishlist em {
    color: #ffef14 !important;
}


/**Responsive view**/

@media(max-width: 768px){
  .sc-shopbyindustry p{
	  width:auto;
  }
 .scw-gallery-slide {
    text-align: center;
}
  
.sc-shopbyindustrysection2 {
    display: block;
}
.sc-choosefeatures {
    display: block;
    margin-bottom: 20px;
}
.sc-ourstory, .safetyculture ,.ourfuture {
    margin-top: 15px;
}
.sc-industryenergy {
    margin-top: 16px;
    width: auto;
}
  .sc-industrychemical {
    width: auto;
  }
.sc-industrycontent {
    padding:0;
}
    
.sc-shopbyindustrysection1 p {
    padding-bottom: 24px;
}
.sc-shopbyindustrysection1 h1 {
        font-size: 25px;
}

.sc-transportationcontent {
    padding-left:35px;   
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-choose-us {
  padding:0;
  padding-bottom:20px;
}
  .safetycontent {
    padding: 20px 0;
}
  .scp-layout.sce-l-s.scp-layout_grpheader.sc-safety {
    padding:0 ;
  }
  
  .scp-body {
    padding-bottom:200px !important;
}
  .sc-chooseus {
    margin: 20px 10px;
    display: inline-block;
}
  
 .scw-shoppingcart {
        position: absolute;
        top: -140px;
        right: -10px;
        margin-top: 0 !important;
    }
	
	.scw-storelogo {
        text-align: left;
    }
	
	.scw-search.scws-style-1 .form-group.has-feedback {
       margin-top: 30px !important;
	}
  
    .scw-search {
       padding-bottom: 15px;
    }
  
    .sc-shopbyindustry {
       padding: 60px 0;
    }
  
  .owl-theme .owl-controls {
    /* margin-top: 10px; */
    /* text-align: center !important; */
    /* position: absolute; */
    /* bottom: 0px !important; */
    position: static !important;
    }

.scw-product-slider h4 {
     font-size:29px !important;
  }
  
  
   .owl-buttons:after {
    content:'>';
    position: relative;
    right: 50px;
    font-size: 22px;
    top: 4px !important;
}

.owl-buttons:before {
    content:'<';
    position: relative;
    left: 50px;
    font-size: 22px;
    top: 4px !important;
}
  
 .sc-explorebtn {
   font-size:16px !important;
   }
   
.sc-transportationcontent h2, .sc-chemicalcontent h2, .sc-energycontent h2{
      font-size:30px !important;
	 }
	  
.sc-industrycontent {
    margin-top: -77px !important;
    margin-left: 25px !important;
    color: #fff;
}
  
     .navbar-default .navbar-toggle .icon-bar {
        background-color: #333 !important;
    }
  
.sc-industrycontent h2 {
    font-size: 30px;
    margin: 0 !important;
}
  
.scp-layout.sce-l-s.scp-layout_grpheader {
    padding: 0;
}
 
 .sc_industryblock img {
    margin-top: 10px;
}

.scw-navigation .scw-navigation-nav>.dropdown>.dropdown-menu {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none !important;
}
  
.col-xs-offset-18 {
    margin-left: 59% !important;
}
	
}

/*@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }
}*/

/**best sellers**/
.scw-bestsellers {
    margin: 60px 0;
}
.scw-product-slider h4 {
    margin-bottom: 18px;
    text-align: left;
    font-weight: 400;
    border:0 !important;
    color: #101828;
    font-size: 48px;
    font-family: 'Teko';
    line-height: 53px;
    margin-top: 0;
}

/* .scp-p-title {
    font-family:"Be Vietnam Pro";
    font-weight:500;
    font-size:16px;
    background: #fff;
} */

.scp-p-code, .scp-p-price, .scp-p-hide-price-msg{
    color: #625E6E;
    font-size: 12px;
    /* line-height:18px; */
    font-weight:400;
    /* margin-bottom:10px; */
    background: #fff;
}

/* .scp-product {
    background: #fff !important;
    height: 360px;
} */

.scp-product {
    background: #fff !important;
    height: auto;
    min-height: 360px;
}

/**indicators**/

.scw-bestsellers .owl-theme .owl-controls .owl-buttons div {
    color: transparent;
    background: #fff !important;
    border: 1px solid #E9E9E9;
    padding: 10px 18px!important;
    opacity: inherit;
}
	.scw-bestsellers .owl-theme .owl-controls {
    margin-top: 10px;
    position: absolute;
    top: -85px;
    right: 0;
}
.scw-bestsellers .owl-buttons:after {
    content:'>';
    position: relative;
    right: 40px;
    font-size: 22px;
    top: 3px;
    cursor: pointer;
}
.scw-bestsellers .owl-buttons:before {
    content:'<';
    position: relative;
    left: 40px;
    font-size: 22px;
    top: 3px;
    cursor: pointer;
}
/**cart popup **/

.scp-cart-p-actions a.removecartitem {
    color: #101828;
	}
#shopping_cart_popup .scp-cart-p-info h4 {
    color: #101828;
	}
.btn-default {
    color: #fff;
    background-color: #101828 !important;
    border-color: #101828 !important;
}

.btn-primary {
    background-color: #ffef14 !important;
    border-color: #ffef14 !Important;
    color: #333 !important;
    font-weight: 600;
}

.scp-cart-continue-shopping {
   color: #101828 !important;
   }
   
.scp-cart-total>h3 span {
    color: #101828 !important;
	}
.scp-cart-modal .scp-modal .modal-header {
    background: #101828 !important;
    color: #fff;
}

.mini-storelogo {
    display: none;
}

/*employee buying for self without quota*/

.sc-selfwithoutquota {
    display: flex;
    overflow: hidden;
    width: 100%;
    background: #fff;
    /*border-bottom: 1px solid #CED4F6;*/
    /*margin-bottom: 10px;*/
}
.sc_horziontalborder{border-bottom: 1px solid #6fcb9d;}
.scp-layout.sce-l-s.sc_overviewwidget.sc-overview-border {
    border: 1px solid #6fcb9d;
    /*margin-bottom:15px !important;*/
}
.sc-selfwithoutquota-container {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s ease;
}

.card {
width:250px;
    /*flex: 0 0 25%;*/
    padding: 20px;
    box-sizing: border-box;
}

.button-controls .prev,.button-controls .next {
    background-color: transparent;
    color: #333;
    border: none;
    cursor: pointer;
    padding: 2px;
    z-index: 1;
}

.button-controls .prev {
    margin-right: 10px;
}

.button-controls .next {
    left: 50px;
}

.sc-timeimg {
    display: flex;
    margin-top: 8px;
    align-items: center;
}

.sc-timeimg p {
    margin: 0;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-selfquota {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-card1 h2 {
    margin: 0;
    color: #243DC6;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    /* cursor:pointer; */
}

span.sc-prodnum {
    font-weight: 500;
    font-size: 14px;
    color: #583fff;
    line-height: 20px;
    font-family: "Be Vietnam Pro", sans-serif;
}

span.sc-proddes {
    font-weight: 500;
    color: #475467;
    line-height: 20px;
    font-size: 14px;
    font-family: "Be Vietnam Pro", sans-serif;
}

span.sc-prodleft {
    font-weight: 500;
    color: #475467;
    line-height: 20px;
    font-size: 14px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-timeimg p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #475467;
    margin-left: 8px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-leftover {
    background: #f2f4f7;
    border-radius: 16px;
    padding: 2px 10px 2px 10px;
}

.button-controls {
    display: flex;
    align-items: center;
    background: #ffffff;
    z-index: 2;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    word-break: auto-phrase;
}

.button-container-text {
    display: flex;
    margin-right: 30px;
flex-direction: column;
}
.button-container-text p {
    display: flex;
margin-bottom:0;
}

.blue-text {
    font-size: 24px;
    color: #111c5b;
    font-weight: 600;
    line-height: 32px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.orange-text {
    font-size: 24px;
    margin-left: 10px;
    color: #e58300;
    font-weight: 600;
    line-height: 32px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-selfwithoutquota-container .card {
    position: relative;
    /*flex: 0 0 18%;*/
    padding: 10px 20px;
    box-sizing: border-box;
}
.scp-layout.sce-l-s.header-bottom {
    padding-top: 0;
}
.border-div {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #eaecf0;
}

.card:last-child .border-div {
    display: none;
}

.button-controls .prev:disabled, .button-controls .next:disabled {
    opacity: 0.5;
    /* cursor: not-allowed; */
}

.no-quota-p {
    margin: 10px 10px !important;
}
/*overviewwidget*/

.sc_overviewwidget {
    background: #c1efd87d;
    /* border-bottom: 1px solid #A8B2EF;*/
    padding: 8px 0 !important;
}

.sc-informationheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.sc-informationheader ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sc-informationheader p {
    color: #344054;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.sc-infosection-1 p {
    color: #101828;
}

.sc-informationheader span {
    color: #667085;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.sc-informationheader .vertical-line {
    border-left: 1px solid #A8B2EF;
    height: 16px;
    margin-left: 16px;
}

.sc-infoimg .sc-btn {
    background: #E2E5FA;
    margin-left: 16px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #162578;
}

.sc-infoimg .sc-btn svg {
    margin-left: 8px;
}

.sc-infoleft, .sc-inforight {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}

.sc-infosection-4 {
    margin-left: 16px;
}

.sc-infosection-4 .sc-price1 {
    color: #583FFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.sc-infosection-4 .sc-pricedes {
    color: #667085;
    font-size: 14px;
    line-height: 20px;
}

.sc-infosection-4 .sc-price2 {
    color: #475467;
    font-size: 14px;
    font-weight: 600;
}

.sc-infosection-4 .sc-date span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #667085;
}

.sc-infosection-2, .sc-info {
    margin-left: 16px;
}
/*overview widgets*/
.sc_quotamain {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}

.sc_yourquota {
    grid-row-start: 1;
    grid-row-end: 3;
}

.sc_paymentmethods, .sc_activeorders, .sc_pendingapprovals, .orderupload, .sc_yourquota {
    border: 1px solid #CED4F6;
    border-radius: 4px;
}

.sc_sc_paymentmethodcontent {
    height: 91px;
}

 .no-active-orders-text,.no-payment-text {
    text-align: center;
    display: block;
    padding-top: 19px;
}

p.no-quota-text-vertical{
  font-weight:600 !important;
  font-size:14px !important;
}
.no-quota-div-vertical {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
/*background: url('https://az777500.vo.msecnd.net/images/2576/sb-1.png?v=0');*/
    margin-right: 16px;
    background-size: cover;
    border-radius: 3px;
}

.sc_paymentmethodtitle {
    border-bottom: 1px solid #CED4F6;
    padding: 16px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 30px;
}

.sc_sc_paymentmethodcontent {
    padding: 13px 16px;
}

.sc_sc_paymentmethodcontent p {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #101828;
}

.sc_sc_paymentmethodcontent>span {
    font-weight: 600;
    font-size: 14px;
    color: #101828;
}

.sc_sc_paymentmethodcontent .sc-price1 {
    font-weight: 600;
    color: #583FFF;
    font-size: 16px;
}
/*.sc_pendingapprovals .sc_sc_paymentmethodcontent p:nth-child(3) span:last-child {
    font-weight: 600;
    color: red;
    font-size: 16px;
}
.sc_sc_paymentmethodcontent .order-count {
    color: red;
    font-weight: bold;
}*/
.sc_emp_info {
    font-weight: 600;
}
.sc_carouselbuttons {
    float: right;
    display: flex;
}

.sc_sc_paymentmethodcontent .sc-date {
    float: right;
}
.sc_sc_paymentmethodcontent .sc_status {
    float: right;
    background: #FFF4ED;
    font-size: 12px;
    font-weight: 500;
    color: #B93815;
    line-height: 18px;
    padding: 2px 7px;
    border-radius: 16px;
font-size: 16px;
    line-height: normal;
}

.sc_sc_paymentmethodcontent span.bage {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #EF6820;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}

.sc_orderprice {
    font-weight: 600;
    font-size: 14px;
color: #F79009;
}
.sc-order-number {
    color: #583FFF;
    font-weight: 600;
    font-size: 16px;
  
}
.sc-order-date {
    float: right;
}
.sc_sc_paymentmethodcontent p:first-child {
    margin-top: 0;
}
.quotasetgroupname {
     display: block;
     font-weight:600;
     color: #243DC6 !important; 
}
.sc_pendingapprovals .sc_user_pending_order_info_2 .order-count {
    font-weight: 600;
}
.sc_pendingapprovals .sc_user_pending_order_info_2 .sc_products_text {
    font-weight: 600;
}
.sc_pendingapprovals .sc_user_pending_order_info_2 p:first-child span:last-child {
    color:#583FFF;
}
.sc_pendingapprovals{
    height: 333px;
}

.carousel {
    position: relative;
    overflow: hidden;
}

.carousel-inner {
    display: flex;
    transition: transform 0.5s ease;
	overflow:initial !important;
}

.carousel-item {
    min-width: 100%;
    box-sizing: border-box;
}

.carousel-prev, .carousel-next {
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.carousel-prev {
    left: 10px;
}

.carousel-next {
    right: 10px;
}

.sc_yourquota .table-container thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    font-weight: 500;
    color: #111;
}

.sc_yourquota .table-container {
    max-height: 277px;
    overflow-y: auto;
    position: relative;
    padding-left: 16px;
    height: 300px;
}
.sc_yourquota .table-container::-webkit-scrollbar {
    display: none;
}

.sc_yourquota table {
    width: 100%;
    padding: 0 16px;
}

.sc_yourquota td, .sc_yourquota th {
    text-align: left;
    padding: 8px 0;
}

.sc_yourquota tr td:first-child {
    color: #243DC6;
    font-weight: 500;
    font-size: 14px;
    /* cursor:pointer; */
}

.table-container th {
    width: 20%;
    padding-bottom: 0 !important;
}

.table-container th:first-child {
    width: 40%;
}

.scw-store-quota-horizontal .quotasetgroupname {
    white-space: nowrap;
    width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc_yourquota .quotasetgroupname {
    white-space: nowrap;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
}
.sc_yourquota > p{
    display:flex;
}

.sc_yourquota>p {
    color: #344054;
    font-weight: 600;
    font-size: 20px;
    margin-right: 10px;
    margin: 0;
    line-height: 30px;
    padding: 16px 16px 0 16px;
}

.sc_yourquota p span {
    color: #F79009;
    margin-right: 6px;
    margin-left: 6px;
}

.sc_yourquota p {
    font-size: 22px;
    display: flex;
    padding: 16px 16px 0 16px;
    font-weight: 500;
    line-height: normal;
}

.sc_yourquota a {
    color: #111c5b;
}

/* .sc_yourquota {
    padding: 16px;
} */

.sc_redeemnow {
    text-align: center;
    border-top: 1px solid #CED4F6;
    padding: 5px 0;
    background: #F9FAFB;
display:none;
}

.sc_redeemnow p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.sc_redeemnow a {
    text-decoration: none;
    color: #243DC6;
    padding-top: 8px;
    font-weight: 600;
    display: block;
  padding-top:0;
}

.sc_redeemnow a svg {
    vertical-align: middle;
    margin-left: 8px;
}
.sc_pendingapprovals span.sc-pricedes {
    font-weight: normal !important;
}
.no-approval-manager {
    background: url('https://az777500.vo.msecnd.net/images/2576/sb-1.png?v=0');
    border-radius: 4px;
    height: 333px;
    background-size: cover;
}
/*min max price font-size*/
.scp-p-price-min-max span {
    font-size: 10px;
}
.scp-p-price-min-max b span {font-size: 18px !important;}

.scp-filters>div+h4 {
    margin-top: 6px;
	font-size: 200px;
}
.sc-group-6871 .sc_freeshipping span {
    display: none;
}


.sc-group-6888 span.scp-uom {
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
   /* margin: 0px 0px 0px 15px;*/
}

/* .sc-group-6888  .scp-product {
    height: 355px;
} */

.sc-group-6888 .scp-product {
    height: auto;
    min-height: 355px;
}


/*.scpd-template-4 .cart-box .scpd-title {
      padding: 0px 223px 0 0 !important;
}
.scpd-available-stock-eclipse {
   margin-top: -75px;
   margin-right: -12px;
}*/

.scpd-available-stock-eclipse {
    position: absolute;
    right: 25px;
    float: none !important;
}
.scpd-eclipse-note span {
    margin-top: -42px !important;
    margin-right: 70px !important;
}

.scpd-eclipse-note {
  margin-top: -42px;
}
.scpd-template-4 .scpd-option-section.price-box:after{
   margin: 0 !important;
}
.scpd-brand {
    display: none !important;
}
.scp-uom{
	padding-left:10px;
}

.scpd-uom-section {
  text-transform: uppercase;
}

/**shopper**/

.scw-store-employee-overview {
    padding: 15px 0;
}

.scp-p-price span{
   font-size:16px;
}

/*** MENU EFFECTS ***/
.brandsMenu > div {
  gap: 8px !important;
}

.brandsMenu {
  min-width: 550px;
}

.brandsMenu .customDropdown {
  min-width: 0;
  overflow: hidden;
}

.brandsMenu .customDropdown:first-child {
  flex: 0 0 30% !important;
}

.brandsMenu .customDropdown:last-child {
  flex: 0 0 70% !important;
}

.brandsMenu .customDropdown a {
  white-space: nowrap;
}

.customMenu h3 {
  border-bottom: 1px solid #231f20;
  padding-bottom: 6px;
  margin-top: 0;
}

.customMenu h3 a {
  color: #231f20;
  text-decoration: none;
}

.customMenu h3 a:hover {
  color: #231f20 !important;
  text-decoration: underline !important;
  text-decoration-color: #ffe14f !important;
}

/*
.customDropdown li a {
  color: #1F1930;
  font-size: 14px;
}
*/
/*** HOVER OVER CHANGES ***/
.brandsDropdown {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 25px;
}
.brandsDropdown li {
  white-space: nowrap;
}

.customMenu .customDropdown {
  flex: 0 0 50%;          /* use 33.333% for 3-column */
  min-width: 0;
  overflow: hidden;
}

.customMenu .customDropdown li {
  margin-bottom: 8px;
}
.customMenu .customDropdown a {
  font-size: 16px;        /* Change size here */
  color: #555;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-block;
  white-space: nowrap;
}
.customMenu .customDropdown a:hover {
  color: #231f20;
  transform: translateX(6px);
  font-weight: bold;
  text-decoration: underline;
  transition: all 0.2s ease;
}

.sc-imggrid{
  display: flex;  
  flex-wrap: wrap;
  list-style: none;
}
.sc-imggrid li{
  width: 33.33%
}
.scpd-template-4 .scpd-option-section.scai-options ul li {
      text-transform: none !important;
}

/* Price Box Cursor Change */
.scpd-option-section.price-box {
    cursor: default !important;
}

.scp-p-price,
.scp-p-price * {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    cursor: text !important;
}

/* Put product code and price on the same line */
.scp-p-code {
    float: left;
    font-size: 15px;
    padding-top: 5px;
    padding-left: 8px !important;
    line-height: 24px;
}

.scp-p-price {
    float: right;
    margin-top: 0 !important;
    padding-top: 5px;
    padding-right: 8px;
    line-height: 24px;
}

.scp-p-price-new {
    line-height: 24px;
}

.scp-p-price::after {
    content: "";
    display: table;
    clear: both;
}

/* ====================================================*/
/* CUSTOM OVERRIDES — added 2026-05-20                 */
/* Do not edit above this line for new changes         */
/* ====================================================*/

/*** CENTER STORE LOGO ***/
/* .sc-group-0 .ret-storelogo {
    text-align: center;
} */

/* .sc-group-0 .ret-storelogo img {
    display: inline-block;
} */

/*** STORE LOGO POSITIONING (desktop only) ***/
/*
@media (min-width: 769px) {
    .sc-group-0 .ret-storelogo {
        text-align: center;     
    }
    .sc-group-0 .ret-storelogo img {
        display: inline-block;
        position: relative;
        top: -8px;               
        left: 0;                  
        max-height: 90px;         
        margin-top: 10px;        
    }
}*/

/* --- Full-width container (site-wide default) --- */
/* Sets all .container elements to 95% width on screens ≥1200px,    */
/* overriding b2b_core.min.css `.container { width:1164px }`.       */
/* Approach: opt-out — site-wide default. Containers tagged with    */
/* `notful` via the CMS "Add CSS Class" feature are excluded.        */
/* Additional non-`.container` exclusions live in a separate block. */
/* Screens <1200px are unaffected (platform handles those).         */
@media (min-width: 1200px) {
    .sc-group-0 .container:not(.notful) {
        width: 95% !important;
        max-width: 95% !important;
        padding-left: 50px !important;
        padding-right: 32px !important;
    }

    /* Specific-parent overrides: containers inside these parents   */
    /* keep the original ~1170px capped layout.                     */
    .sc-group-0 .scp-menu-publish .container,
    .sc-group-0 .scpd-page.scpd-template-4 .container {
        width: auto !important;
        max-width: 1170px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* --- Full-width exclusions (non-.container elements) --- */
@media (min-width: 1200px) {
    .sc-group-0 .scba-spinner-container,
    .sc-group-0 .dropdown-menu {
        width: auto !important;
        max-width: none !important;
    }
}

/*** MAX WIDTH ON Left Nav Product List Page ***/
.sc-group-0 .col-sm-6 {
    max-width: 500px;    /* adjust value as needed */
}

/*** REDUCE GAP BETWEEN SIDEPANEL AND PRODUCT GRID ***/
.sc-group-0 .scp-filters.scp-sidepanel-collapse {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.sc-group-0 .scp-category-products,
.sc-group-0 .list-inline.scp-category-products {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/*** FIX SIDEPANEL / PRODUCT GRID LAYOUT ***/
.sc-group-0 .container .col-sm-6 {
    width: 16.66% !important;          /* sidebar: ~4 of 24 columns */
    padding-right: 5px !important;
}

.sc-group-0 .container .col-sm-18 {
    width: 83.33% !important;          /* products: ~20 of 24 columns */
    padding-left: 20px !important;
}

/*** SUB CATEGORIES — HEADING ABOVE + DYNAMICALLY CENTERED ICONS ***/
.sc-group-0 .scw-subcategories.scws-style-2 {
    display: flex;
    flex-direction: column;
    align-items: center;        /* centers the inner wrapper horizontally */
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
}

.sc-group-0 .scw-subcategories.scws-style-2 h3 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 0;
    width: auto;                /* don't span full width */
}

/* The icon group — wraps just tight enough around the icons */
.sc-group-0 .scw-subcategories.scws-style-2 .scw-subcategory-list,
.sc-group-0 .scw-subcategories.scws-style-2 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.sc-group-0 .scw-subcategories.scws-style-2 .scw-subcategory-item,
.sc-group-0 .scw-subcategories.scws-style-2 > ul > li {
    display: inline-block;
    float: none;
    vertical-align: top;
}

/* --- Widen mega-menu dropdowns --- */
/* Dropdown columns (.col-sm-6) are too narrow because the parent   */
/* .dropdown-menu has no explicit width. Set a wider min-width so   */
/* the 4-column row has room. TUNE the value below.                 */
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu {
    min-width: 900px !important;
}

/* --- Mega-menu dropdown: align to full menu strip + distribute content --- */
/* Issues:                                                                  */
/* 1. Each .dropdown-menu was positioning relative to its own <li>, so       */
/*    right-side menus didn't align to "Shop All" on the left. Make the     */
/*    menu strip the positioning context so all dropdowns align to its left.*/
/* 2. The dropdown columns (.col-sm-6) didn't fill the wider menu, leaving  */
/*    empty space on the right. Switch the .row to flex so columns spread   */
/*    evenly across the full width.                                          */
.sc-group-0 .scp-menu .scw-navigation .scw-navigation-nav {
    position: relative !important;
}
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
}
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu > .row > [class*="col-sm-"] {
    flex: 1 1 0 !important;
}

/* --- Multi-column category lists --- */
/* Any .customDropdown with .customDropdown-multi flows into multiple */
/* columns when items exceed 5. Uses column-fill: auto + a height cap */
/* so the first column fills to 5 items before spilling to the next.  */
.sc-group-0 .customDropdown.customDropdown-multi {
    column-count: 2;
    column-gap: 24px;
    column-fill: auto;
    max-height: calc(5 * 2.4em);
}
.sc-group-0 .customDropdown.customDropdown-multi li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* --- Multi-column brand list (Brands dropdown) --- */
/* 22 brands flow into multiple columns of 5. Adjust column-count   */
/* and max-height multiplier (2.4em matches Outerwear's setup).     */
.sc-group-0 .customDropdown.customDropdown-brands {
    column-count: 5;
    column-gap: 24px;
    column-fill: auto;
    max-height: calc(5 * 2.4em);
}
.sc-group-0 .customDropdown.customDropdown-brands li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* --- Brands menu: non-clickable cursor --- */
/* The Brands top-level menu item has no destination (just opens   */
/* the dropdown on hover), so remove the pointer cursor that makes */
/* it look clickable.                                              */
.sc-group-0 .scp-menu .scw-navigation li.dropdown > a[href="javascript:void(0);"] {
    cursor: default !important;
}

/*** SHORTER TOP BAR (HOME / LOGIN / REGISTER) ***/
.sc-group-0 .sct-top-bar .container a {
    padding: 4px 12px !important;      /* was 17px 12px */
}

/*** REMOVE BLACK BACKGROUND FROM MENU BAR ***/
/* .sc-group-0 .scp-menu,
.sc-group-0 .scp-menu-publish,
.sc-group-0 .scp-menu .navbar,
.sc-group-0 .scp-menu .navbar-default {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
} */

/*** MENU BAR — GRAY BACKGROUND ***/
.sc-group-0 .scp-menu {
    background-color: #555555 !important;   /* the gray bar */
    border: none !important;
}
.sc-group-0 .scp-menu-publish,
.sc-group-0 .scp-menu .navbar,
.sc-group-0 .scp-menu .navbar-default {
    background-color: transparent !important;  /* stay clear so the gray shows through */
    background: transparent !important;
    border: none !important;
}

/*** Change menu bar no state color to black ***/
.sc-group-0 .scp-menu .navbar .navbar-nav>li>a b {
    color: #ffffff !important;
}

/*** MENU HOVER — DARK BACKGROUND + WHITE FONT ***/
.sc-group-0 .scp-menu .navbar-default .navbar-nav>li>a:hover,
.sc-group-0 .navbar-default .navbar-nav>li>a:focus,
.sc-group-0 .navbar-default .navbar-nav>li:hover>a,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a {
    background: #ffffff !important;
}

.sc-group-0 .scp-menu .navbar .navbar-nav>li>a:hover b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a:hover b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.active>a b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:focus>a b {
    color: #231f20 !important;
    font-weight: 700 !important;
}

/*** DROPDOWN ARROW — MATCH TEXT STATES ***/
/* No-state: white */
.sc-group-0 .scp-menu .navbar .navbar-nav>li>a .sci-keyboard-arrow-down {
    color: #ffffff !important;
}
/* Hover / open / active / focus: dark */
.sc-group-0 .scp-menu .navbar .navbar-nav>li>a:hover .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a:hover .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.active>a .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:focus>a .sci-keyboard-arrow-down {
    color: #231f20 !important;
    -webkit-text-stroke: 0.6px currentColor;   /* thickens the arrow on hover */
}

/*** FORCE LOGO LEFT ***/
/* .sc-group-0 .ret-storelogo {
    text-align: left
} */

/* .sc-group-0 .ret-storelogo img {
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    float: none !important;
} */

/*** HIDE SUBCATEGORY LABEL + BACKGROUND (sc-group-0 only) ***/
/* .sc-group-0 .scws-style-2 .scw-subcategory-item span {
    display: none !important;
} */

/*** HIDE MAIN CATEGORY LABEL OVERLAY (sc-group-0 only) ***/
/* .sc-group-0 .scw-category-image span,
.sc-group-0 .scw-category-image .scw-category-name,
.sc-group-0 .scw-category-image > *:not(img) {
    display: none !important;
    background: transparent !important;
} */

/*** HIDE CATEGORY DESCRIPTION TEXT ONLY (sc-group-0) ***/
/* Keeps the H1 "PANTS & JEANS" visible, hides everything else */
/* .sc-group-0 .scw-category-description > *:not(.scw-category-name):not(h1) {
    display: none !important;
} */

/*** LOGO — ZOOM + BORDER ON HOVER ***/
.sc-group-0 .ret-storelogo img {
    transition: transform 0.3s ease, border 0.3s ease;
    border: 2px solid transparent;       /* reserves space so layout doesn't shift on hover */
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
}

.sc-group-0 .ret-storelogo img:hover {
    transform: scale(1.1);
    /* border: 2px solid #333; */
}

/*** SHRINK PRODUCT CODE (p-code) FONT SIZE ***/
.sc-group-0 .scp-p-code {
    font-size: 12px;   /* was 15px; lower this further if codes still wrap */
}

/*** CENTER MAIN CATEGORY IMAGE + HIDE ITS NAME (sc-group-0 only) ***/

/* Hide the name/description text block beside the image */
.sc-group-0 .scw-category-description {
    display: none !important;
}

/* Center the image now that the text beside it is gone */
.sc-group-0 .scw-category-image {
    float: none !important;        /* removes the side-by-side float */
    margin-left: auto !important;  /* auto margins center a block element */
    margin-right: auto !important;
}

/*** HERO BANNER (PREMIUM WORKWEAR) — FULL IMAGE, NO CROP, TEXT OVERLAID ***/
.sc-group-0 .sc-herobanner {
    position: relative;            /* anchor for the text + gradient on top */
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;                   /* inset from edges; lower = more margin */
    overflow: hidden;
}

/* The photo — shows in full and sets the banner's height (nothing cropped) */
.sc-group-0 .sc-herobanner-img {
    display: block;
    width: 100%;
    height: 570px;            /* sets the banner height — lower = shorter */
    object-fit: cover;        /* trims a bit of top/bottom to fit the height */
    object-position: center;  /* keeps the people centered */
}

/* Dark gradient over the left so the white text stays readable */
.sc-group-0 .sc-herobanner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%);
}

/* Text layer — sits on top, left side, vertically centered */
.sc-group-0 .sc-herobanner-content {
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);   /* vertical centering */
    max-width: 420px;
    z-index: 1;                    /* above the gradient */
    color: #ffffff;
}

.sc-group-0 .sc-herobanner h1 {
    color: #ffffff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}

/* "Premium Workwear" line — its own size */
.sc-group-0 .sc-herobanner h1 .sc-hero-top {
    font-size: 36px;
    font-weight: 500;
}

.sc-group-0 .sc-herobanner p {
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin: 20px 0 0;
}

.sc-group-0 .sc-herobanner-buttons {
    display: flex;                 /* buttons side by side */
    gap: 16px;
    margin-top: 32px;
}

.sc-group-0 .sc-herobtn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

/* Both hero buttons — orange, see-through; less see-through on hover */
.sc-group-0 .sc-herobtn-primary,
.sc-group-0 .sc-herobtn-outline {
    background-color: rgba(245, 130, 31, 0.6);
    color: #ffffff;
    border: 2px solid #F5821F;
}
.sc-group-0 .sc-herobtn-primary:hover,
.sc-group-0 .sc-herobtn-outline:hover {
    background-color: rgba(245, 130, 31, 0.85);
    color: #ffffff;
}

/* Phones / small screens — banner is now the image's height, so scale text down */
@media (max-width: 768px) {
    .sc-group-0 .sc-herobanner-content {
        left: 24px;
        max-width: 70%;
    }
    .sc-group-0 .sc-herobanner h1 { font-size: 32px; }
    .sc-group-0 .sc-herobanner h1 .sc-hero-top { font-size: 24px; }
    .sc-group-0 .sc-herobanner p { font-size: 14px; line-height: 20px; margin-top: 12px; }
    .sc-group-0 .sc-herobanner-buttons { flex-wrap: wrap; margin-top: 16px; }
}

/*** FEATURED BRANDS + SHOP BY CATEGORY — HEADING + BODY ***/
.sc-group-0 .sc-featuredbrands,
.sc-group-0 .sc-shopbycategory {
    text-align: center;        /* centers both lines */
    /* padding: 40px 0;            */
    /* space above and below the block */
}

.sc-group-0 .sc-featuredbrands h1,
.sc-group-0 .sc-shopbycategory h1 {
    color: #231f20;            /* near-black heading */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.sc-group-0 .sc-featuredbrands p,
.sc-group-0 .sc-shopbycategory p {
    color: #667085;            /* muted gray body text */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 16px;
    margin: 8px 0 0;
    padding: 10px;
}

/*** FEATURED/TOP BRANDS CONTAINER — WHITE BACKGROUND ***/
.sc-group-0 .scp-layout.sce-l-s.scp-layout_grpheader.sc-brands {
    background-color: #ffffff;
}

/*** SHOP BY CATEGORY — CLICKABLE IMAGE CARD GRID ***/
.sc-group-0 .sc-categorygrid {
    display: grid;                          /* grid = rows & columns layout */
    grid-template-columns: repeat(5, 1fr);  /* 4 equal cards per row */
    gap: 16px;                              /* space between cards */
    padding: 0 0 40px;                      /* space below the grid */
}

.sc-group-0 .sc-categorycard {
    position: relative;
    display: block;
    aspect-ratio: 1/1 ;                  /* card shape */
    border-radius: 8px;
    overflow: hidden;                       /* clips the zoom so it stays inside the card */
    text-decoration: none;
    /* background-color: #1a1a1a;    */
    /* gap fill behind Option 1 */
}

/* Image layer — this is what zooms */
.sc-group-0 .sc-categorycard-img {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;        /* smooth zoom on hover */

    /* ===== OPTION 1 — whole photo, zoomed out (side gaps) ===== */
    /* background-size: contain;
    background-position: center; */

    /* ===== OPTION 2 — filled, shows body (no gaps) ===== */
    background-size: cover;
    background-position: center top;
    
}
.sc-group-0 .sc-categorycard:hover .sc-categorycard-img {
    transform: scale(1.08);                 /* zoom amount on hover */
}

/* Dark gradient — sits above the image, below the label */
.sc-group-0 .sc-categorycard::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 55%);
}

.sc-group-0 .sc-categorycard-label {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    z-index: 3;                             /* top layer */
    color: #ffffff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

/* The ">" arrow on the right side of the label */
.sc-group-0 .sc-categorycard-label::after {
    content: "\203A";                       /* the › character */
    position: absolute;
    right: 0;
    font-size: 22px;
    transition: transform 0.2s ease;
}

/* Nudge the arrow right on hover */
.sc-group-0 .sc-categorycard:hover .sc-categorycard-label::after {
    transform: translateX(4px);
}

/*** TEST CAROUSEL — temporary, delete after confirming it rotates ***/

/* Frame that holds the boxes and hides the ones not showing */
.sc-group-0 .sc-testcarousel {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

/* Stack the boxes; invisible until their turn */
.sc-group-0 .sc-testslide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    animation: scTestFade 9s infinite;   /* 3 boxes x 3s each */
}

/* Different colors so the switch is obvious */
.sc-group-0 .sc-testslide-1 { background: #C0392B; animation-delay: 0s; }
.sc-group-0 .sc-testslide-2 { background: #2980B9; animation-delay: 3s; }
.sc-group-0 .sc-testslide-3 { background: #27AE60; animation-delay: 6s; }

/* Timed fade: in, hold, out, stay hidden */
@keyframes scTestFade {
    0%   { opacity: 0; }
    6%   { opacity: 1; }
    28%  { opacity: 1; }
    34%  { opacity: 0; }
    100% { opacity: 0; }
}

/*** FEATURES BAR (DARK STRIP) ***/
.sc-group-0 .sc-features {
    display: grid;                          /* rows & columns layout */
    grid-template-columns: repeat(6, 1fr);  /* 6 equal columns */
    gap: 24px;
    background-color: #111d33;              /* dark navy */
    padding: 40px 30px;
}

.sc-group-0 .sc-feature {
    text-align: center;                     /* centers icon + text */
}

.sc-group-0 .sc-feature-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;                    /* keeps the icon's proportions */
    margin-bottom: 14px;
}

.sc-group-0 .sc-feature-title {
    color: #c89b5b;                         /* gold heading */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 8px;
}

.sc-group-0 .sc-feature-text {
    color: #c2cad6;                         /* light gray body */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}

/* Tablets — 3 across */
@media (max-width: 900px) {
    .sc-group-0 .sc-features {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 32px;
    }
}
/* Phones — 2 across */
@media (max-width: 560px) {
    .sc-group-0 .sc-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*** TRUSTED BY INDUSTRY LEADERS ***/
.sc-group-0 .sc-trusted {
    display: flex;                  /* intro on the left, icons on the right */
    align-items: center;
    gap: 40px;
    background-color: #ffffff;      /* light gray */
    padding: 40px 50px;
}

/* Left text column */
.sc-group-0 .sc-trusted-intro {
    flex: 0 0 320px;                /* fixed-ish width, doesn't shrink */
    max-width: 320px;
}
.sc-group-0 .sc-trusted-title {
    color: #1f2733;                 /* dark heading */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.sc-group-0 .sc-trusted-text {
    color: #555c66;                 /* muted body */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 14px;
}
.sc-group-0 .sc-trusted-link {
    color: #c8932f;                 /* amber link */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
.sc-group-0 .sc-trusted-link:hover {
    text-decoration: underline;
}

/* Right icons row */
.sc-group-0 .sc-trusted-icons {
    flex: 1;                        /* takes the remaining width */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.sc-group-0 .sc-trusted-item {
    text-align: center;
}
.sc-group-0 .sc-trusted-icon {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin-bottom: 10px;
}
.sc-group-0 .sc-trusted-label {
    display: block;
    color: #333a44;                 /* dark label */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -45px;
}

/* Tablets/phones — stack intro on top, icons wrap to 3 across */
@media (max-width: 900px) {
    .sc-group-0 .sc-trusted {
        flex-direction: column;
        align-items: flex-start;
    }
    .sc-group-0 .sc-trusted-intro {
        flex-basis: auto;
        max-width: 100%;
    }
    .sc-group-0 .sc-trusted-icons {
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 28px;
    }
}

.sc-group-0 .sc-trusted-link::after {
    content: " \2192";      /* → arrow, added via CSS so the page encoding can't break it */
}

/*** ABOUT US PAGE ***/
.sc-group-0 .sc-about {
    max-width: 860px;               /* keeps line length comfortable to read */
    margin: 0 auto;                 /* centers the column */
    padding: 50px 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    color: #3a4250;                 /* body text color */
}

.sc-group-0 .sc-about-title {
    color: #1f2733;                 /* dark heading */
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 24px;
}

.sc-group-0 .sc-about-heading {
    color: #1f2733;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin: 40px 0 14px;            /* space above each section */
    padding-bottom: 8px;
    border-bottom: 2px solid #FFE14F;  /* orange accent line under headings */
}

.sc-group-0 .sc-about p {
    font-size: 17px;
    line-height: 1.7;               /* roomy line spacing for readability */
    margin: 0 0 18px;
}

.sc-group-0 .sc-about-list {
    margin: 0 0 18px;
    padding-left: 22px;
}
.sc-group-0 .sc-about-list li {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 8px;
}
.sc-group-0 .sc-about-list li::marker {
    color: #050505;                 /*bullets*/
}

/* Phones */
@media (max-width: 600px) {
    .sc-group-0 .sc-about-title { font-size: 30px; }
    .sc-group-0 .sc-about-heading { font-size: 22px; }
    .sc-group-0 .sc-about p,
    .sc-group-0 .sc-about-list li { font-size: 16px; }
}

/*** ENLARGE STORE LOGO (retail) ***/
.sc-group-0 .ret-storelogo img,
.sc-group-0 .scw-storelogo img {
    max-height: 130px !important;   /* bigger logo — raise/lower to taste */
    width: auto !important;         /* keeps the logo's proportions */
    height: auto;
}

/*** MAKE STORE LOGO NOT CLICKABLE ***/
.sc-group-0 .scw-storelogo a {
    pointer-events: none;
    cursor: default;
}

/*** MENU BAR — GRAY BACKGROUND ***/
.sc-group-0 .scp-menu {
    background-color: #555555;
}



/************************/
/****Rebrand Changes*****/
/************************/

/*****Home Page Changes*****/

/* Header background → Safety Blue, gray top/bottom borders (retail only) */
.sc-group-0 .scp-layout.sce-l-s.scp-layout_grpheader:has(.ret-storelogo),
.sc-group-0 .scp-layout.sce-l-s.sce-l-nc.sct-top-bar,
.sc-group-0 .scp-menu-publish {
    background-color: #2F6FA3 !important;
}

/* Silver accents on bottom border of top header */
.sc-group-0 .scp-layout.sce-l-s.sce-l-nc.sct-top-bar{
    border-bottom: 3px solid #C1C8CC !important;
}

/* Orange accents on bottom meny bar */
.sc-group-0 .scp-menu-publish{
    border-bottom: 3px solid #F26423 !important;
}

/* Silver accents on header */
.sc-group-0 .scp-layout.sce-l-s.scp-layout_grpheader:has(.ret-storelogo){
    /* border-top: 3px solid #C1C8CC !important; */
    border-bottom: 1px solid #C1C8CC !important;
}

/* Recoloring search bar button background / cart shop count */
.sc-group-0 .scw-search.scws-style-1 .form-control-feedback.scp-searchsubmit,
.sc-group-0 .scw-shoppingcart.scws-style-1 #scpc-cart-item-count{
    background-color: #C1C8CC !important;
}

/* Recoloring "My Cart" */
.sc-group-0 .sc-store-cart.scws-style-1 .scw-cart-btn:after {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Recolor menu yellow line on hover to orange*/
.sc-group-0 .customMenu h3 a:hover {
    text-decoration-color: #F26423 !important;
}

/*** MENU HOVER — SILVER BACKGROUND + WHITE FONT, ROUNDED ***/
.sc-group-0 .scp-menu .navbar-default .navbar-nav>li>a:hover,
.sc-group-0 .navbar-default .navbar-nav>li>a:focus,
.sc-group-0 .navbar-default .navbar-nav>li:hover>a,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a {
    background: #C1C8CC !important;
    border-radius: 8px !important;
}

/* Recoloring footer to deep navy */
.sc-group-0 .scp-footer.sct-footer {
    background-color: #123B67 !important;
}

/* Recoloring trusted link to black */
.sc-group-0 .sc-trusted-link{
    color: #1f2733 !important;
}

/********PLP Changes********/
/* Recoloring price range slider to orange */
.sc-group-0 .noUi-connect {
    background: #F26423;
}


/********PDP Changes********/

/* Recoloring backgrounds of add to cart and quick buy */
.sc-group-0 #btn_add_to_cart,
.sc-group-0 .btn.btn-primary.btn-quick-buy.selling-online{
    background-color: #2F6FA3 !important;
}

/* Removing border on quick buy button */
.sc-group-0 .btn.btn-primary.btn-quick-buy.selling-online{
    border: none !important;
}

/* Favorite/wishlist icon → orange (retail only) */
.sc-group-0 .scpd-template-4 .scpd-wishlist i,
.sc-group-0 .scpd-template-4 .scpd-wishlist em {
    color: #F26423 !important;
}

/* Recoloring text of Add to Cart */
.sc-group-0 #btn_add_to_cart{
    color: #fff !important;
}

/* Recoloring add to cart box background to silver */
.sc-group-0 .add-cart-box{
    background-color: #C1C8CC !important;
}

/* Recolor "OR" text to black (retail only) */
.sc-group-0 .scpd-template-4 .or-opt span::before {
    color: #1f2733 !important;
    background-color: #C1C8CC !important;
    font-weight: 700 !important
}

/* Underlining brand name */
.sc-group-0 .scpd-brandname{
    text-decoration: underline !important;
}

/* Making option label not clickable (retail only) */
.sc-group-0 .scpd-option-section label {
    cursor: default !important;
}

/* Swatch section: stop the inherited hand on the whole block (retail only) */
.sc-group-0 .scpd-option-section.scpd-option-swatches {
    cursor: default !important;
}

/* Give the hand back to the actual swatch only */
.sc-group-0 .scpd-option-section.scpd-option-swatches li.scpd-swatch-box,
.sc-group-0 .scpd-option-section.scpd-option-swatches li.scpd-swatch-box img {
    cursor: pointer !important;
}

/* scai-options: real options keep the hand (retail only) */
.sc-group-0 .scpd-option-section.scai-options ul li,
.sc-group-0 .scpd-option-section.scai-options ul li a {
    cursor: pointer !important;
}

/***PDP Option Changes***/
/*** OPTION UI — PORTED FROM rRTI (retail rebrand colors) ***/

/* Option row: neat wrapping layout */
.sc-group-0 .scpd-size-options ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Option boxes: white, rounded, padded */
.sc-group-0 .scpd-size-options li {
    background-color: #fff;
    border-radius: 4px;
    padding: 3px 8px;
    margin-top: 16px;
}

/* Option font size */
.sc-group-0 .scpd-size-options li a {
    font-size: 14px;
}

/* Hover: navy border + underlined, slightly bolded text */
.sc-group-0 .scpd-size-options li:hover {
    border: 1px solid #2F6FA3 !important;   /* was purple #8190E8 → navy */
}
.sc-group-0 .scpd-size-options li a:hover {
    text-decoration: underline !important;
    text-shadow: 0.4px 0 0 currentColor;    /* faux-bold without shifting layout */
}

/* Selected: bold, underlined, navy text on a silver box */
.sc-group-0 .scpd-size-options li.scp-active a {
    font-weight: 700;
    text-decoration: underline !important;
    color: #2F6FA3 !important;              /* was near-black → navy */
}
.sc-group-0 .cart-box .scpd-size-options li.scp-active {
    background-color: #C1C8CC !important;   /* silver, matches rebrand */
}

/* Labels: near-black, semibold, 14px */
.sc-group-0 .scpd-option-section [data-option] {
    color: #101828;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}
.sc-group-0 .scpd-option-section .scpd-selected-option-value {
    font-size: 14px;
}

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;700&family=Teko:wght@400;700&family=Lato:wght@400;700&display=swap');

body {
  padding: 0 !important;
  font-family: "Be Vietnam Pro", sans-serif;
}

.scp-body{
	padding-bottom:240px;
}
/*topbar*/
.sc_freeshipping {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    padding: 12px 0;
}	
.sct-top-bar {
    background: #231F20;
    color: var(--main-color);
    font-size: 12px;
    font-weight: 500;
}
.sct-top-bar .container a {
    color: #fff;
    padding:17px 12px;
}
.sc_headerbg {
  background-color:#f2f2f2;
}

.sc_customlogo {
    padding-top: 13px;
}

.sc-storelogo img {
    max-height: 90px;
    width: auto;
    margin-top: 10px;
}


.scw-search.scws-style-1 .form-group.has-feedback {
    margin: 0px !important;
    border: 0 !important;
    margin-top: 35px !important;
}

.scw-search.scws-style-1 .scp-search-text {
    background: #ffffff !important;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: var(--font-size-sm);
    height: 48px;
    border: 1px solid #EAECF0;
    color: var(--main-color)
}

.scw-search.scws-style-1 .form-control-feedback {
    height: 48px;
    width: 60px;
    border-top-right-radius: 8px;
    background-color: #FFE14F !important;
    border-bottom-right-radius: 8px;
    color: #101828;
}
.scw-search-dropdown .result-right {
     width: calc(100% - 90px);
}
.scw-search-dropdown {
    top: 65px;
}

/**logo**/

.mini-storelogo img {
    display: none;
}

.scp-header .scw-storelogo img {
    max-height: 76px !important;
    position: relative;
    width: 260px !important;
}

/*cart*/
.sc-store-cart {
    position: relative;
    margin-top: 20px !important;
}

.sc-store-cart .sci-shopping-cart {
    position: relative;
    top: 4px;
    font-size: 0;
}
.sc-store-cart .sci-shopping-cart::before {
    content: url("https://cdn.sellerscommerce.com/images/5541/shopping-cart.png");
    display: inline-block;
    margin-right: 10px;
}

.scw-shoppingcart.scws-style-1 #scpc-cart-item-count {
    background: #FFE14F !important;
    color: #333 !important;
    border-radius: 4px !important;
    top: 0;
}

.sc-store-cart.scws-style-1 .scw-cart-btn:after {
    color: #101828 !important;
    content: "My Cart";
    top: 0;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 400;
}

.scw-shoppingcart.scws-style-1 {
    height: auto !important;
    line-height: normal;
    margin-top: 45px !important;
}

.scw-shoppingcart.scws-style-1>a>.sca-cart-finalamount {
    padding-top: 8px !important;
    color: #101828;
}

/**MENU BAR**/
.scp-menu .navbar .navbar-nav>li>a{
    padding: 12px 25px; 
}
.scp-menu .navbar .navbar-nav>li>a b {
    font-weight: 600;
    color: #ffe14f;
    font-size: 14px;
}
.scp-menu {
    background-color: #000000;
    color: #ffe14f;
    border-bottom: 1px solid #f2f2f2;
   /* padding:20px 25px;*/
}
.scp-menu .navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li:hover>a, 
.scp-menu .navbar .navbar-nav>li:hover>a {
   background: #ffe14f !important;
   box-shadow: none !important;
   color: #ffffff !important;
}
.scp-menu .navbar .navbar-nav>li>a:hover b,
.scp-menu .navbar .navbar-nav>li:hover>a b,
.scp-menu .navbar .navbar-nav>li.open>a b,
.scp-menu .navbar .navbar-nav>li.open>a:hover b,
.scp-menu .navbar .navbar-nav>li.active>a b,
.scp-menu .navbar .navbar-nav>li:focus>a b {
   color: #231f20 !important;
}
.scw-navigation .scw-navigation-nav>.dropdown>.dropdown-menu {
    top: 100%;
    transition: unset;
    background: #f9f9f9;
}
/*.scw-navigation li:nth-child(4) .dropdown-menu{
    width: 250px !important;   
    left: 0px;
}
.scw-navigation li:nth-child(4){
      position:relative  !important;
 }
.scw-navigation li:nth-child(4) .dropdown-menu .SCN_List_Header{
    display:none;
}*/
.scp-menu .navbar .navbar-nav>li .SCNW_List li:hover a {
    color: #ffef24 !important;
}
.scp-menu .navbar .navbar-nav>li .SCNW_List li:hover:after{
    color: #ffef14 !important;
}

.scp-menu .navbar .navbar-nav>li .SCNW_List li:after{
    color:#333 !Important;
}

/**shop by brands**/

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands {
    background: #f2f2f2;
    padding: 40px 0px;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands .owl-buttons {
    display: none;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands .owl-pagination {
   background: transparent;
   color:transparent;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-brands .owl-theme .owl-controls .owl-page span  {
    border:0 !important;
    height:0 !important;
    width:0 !important;
}

/*shop by industry*/
.sc-shopbyindustry{
background-image: url('https://cdn.sellerscommerce.com/images/5541/section-1144906.png');
    background-size: cover;
    padding: 130px 0px;
    text-align: center;
    background-position: center;
}
.sc-shopbyindustry h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 500;
    line-height: 72px;
    margin: 0;
    font-family: 'Teko', sans-serif;
}

.sc-shopbyindustry p {
    font-weight: 400;
    font-size: 16px;
    font-family: "Be Vietnam Pro", sans-serif;
    line-height: 30px;
    width: 430px;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 8px;
}

.sc_shopallproducts{
    background-color:#FFE14F;
    color:#1F1930;
    padding: 12px 20px;
    border-radius:12px;
    font-size: 20px;
    font-weight:700;
    line-height: 30px;
    display: inline-block;
    margin-top: 24px;
}
.sc-shopbyindustrysection2 {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}
.sc-chemicalcontent{
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 40px;
 }
.sc-explorebtn {
    display: inline-flex;
    align-items: center;
    color: #FFE14F;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    gap: 12px;
}
.sc-explorebtn:hover{
	color:#FFE14F;
}
.sc_p-16 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.sc-shopbyindustrysection4 {
    background-image:url('https://az777500.vo.msecnd.net/images/5541/frame1686564539.jpg');
    background-size:cover;
    margin-top: 16px;
}

.sc-transportationcontent {
    color: #fff;
    padding-bottom: 52px;
    padding-left: 50px;
    padding-top: 133px;
}

.sc-transportationcontent h2, .sc-chemicalcontent h2,.sc-energycontent h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    font-family: 'teko';
    margin: 0;
}

.sc-industrycontent {
    margin-top: -130px;
    margin-left: 50px;
    color: #fff;
}

.sc-industrycontent h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    font-family: 'teko';
}


/**choose us**/

.sc-chooseus {
    padding: 20px 20px;
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-choose-us {
    background: #f2f2f2;
    padding: 64px 0;
}

.sc-choosefeatures {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 54px;
    /* padding-bottom:60px; */
} 

.sc-chooseus h2 {
    color: #1F1930;
    font-weight: 400;
    font-size: 48px;
    line-height: 48px;
    font-family: 'teko';
    margin-bottom:40px;
    margin-top: 0;
}

.chooseus-img {
    background: #ffef14;
    border-radius: 12px;
    padding: 10px;
    display: inline-block;
    line-height: normal;
}
.chooseus-img svg{
	vertical-align:middle;
}
.sc-chooseuscontent h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #1F1930;
    margin-top: 24px;
    margin-bottom: 12px;
}

.sc-chooseuscontent span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
}

.sc-vision, .sc-ourstory, .safetyculture,.ourfuture {
    flex: 1;
}

/* span.scp-p-title {
    font-weight: bold;
} */

span.scp-p-price-new {
    font-weight: 700;
}
.sc_newbestsellers .scp-p-image {
    height: 380px;
}

.scpage-index .scw-product-slider .scw-suggestions .scp-product {
    height: 323px;
}



/**footer**/

.sct-footer-below {
    background-color: #231F20;
    border-top: 1px solid #fff;
}

.sct-footer {
    background-color: #231F20;
    color: #fff;
}


/*Common*/

.sc-page, .scp-footer{
  font-family:'Be Vietnam Pro', sans-serif !important;
  font-size:14px !important;
  color:#333 !important;
}
.scw-image {
    font-size: 0;
}

/**product display template**/

/*** CHANGE HOME BUTTON TOP LEFT OF LEFT NAV ***/
.scpd-template-4 .breadcrumb>li>a {
    color: #999 !important;
    text-decoration: none;
    font-size: 20px!important;
}

.scpd-template-4 .scpd-price .scp-p-price-new {
    font-size: 28px;
}
.scpd-printpage:hover, .scpd-printpage:focus {
    color: #000;
}
.scpd-template-4 .btn-add-to-cart {
    background-color: #ffef14 !important;
    color: #333;
    font-weight: 700;
}
.scpd-template-4 .scpd-quick-buy .btn {
    background-color: #231F20 !important;
    border: 1px solid #231F20 !important;
    color: #fff !important;
    font-weight: 400 !important;
}
.scpd-template-4 .scpd-tabs .nav-tabs>li.active>a, .scpd-template-4 .scpd-tabs .nav-tabs>li.active>a:hover, .scpd-template-4 .scpd-tabs .nav-tabs>li.active>a:focus {
    border-top: 3px solid #ffef14;
    color: #231F20;
}
.scpd-template-4 .scpd-tabs .nav-tabs>li>a {
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 500;
}
.scpd-template-4 .scpd-product-description.scpd-descriptions p {
    line-height: 22px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.scpd-template-4 .scpd-product-description.scpd-descriptions {
    padding-left: 15px;
    padding-right: 20px;
    color: #565656;
    font-size: 13px;
}
.scpd-template-4 .breadcrumb {
    margin-bottom: 10px;
    margin-top: 0;
}
.scpd-template-4 .scai-product-heading:after {
    background: #dde1e4;
}
.scpd-template-4 .scai-product-heading h4 {
    color: #000;
    font-weight: 500;
    font-size: 15px;
}
.scpd-template-4 .owl-theme .owl-controls .owl-buttons div {
    background: #fff;
}
.scpd-template-4 .scai-products-widgets .owl-buttons {
    top: -48px !important;
}
.scpd-template-4 .scai-products-widgets, .scpd-product-visited {
    padding-left: 0px;
}

.scpd-template-4 #scpd_stock_message {
    display: none !important;
}
.scpd-template-4 .cart-box .scpd-title h1 {
    font-size: 22px;
}
.scpd-page .scp-layout:last-child .scp-container {
    border-bottom: 0;
}
.scpd-page .scp-container.scpd-top-container {
    border-top: 0;
}
.scpd-template-4 .scw-recently-viewed .owl-buttons {
    top: -37px !important;
}
.scpd-template-4 .scai-products-widgets .owl-buttons{
    background:#fff;
}

/**product display**/

.scp-product{
    background-color: #fff;
}

.scp-p-title {
    padding: 2px 8px 0 8px !important;
    background: #fff;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    line-clamp: 2;
    line-height: 1.3;
    max-height: 2.6em;
    color: #333;
    font-family: "Be Vietnam Pro";
    font-weight: 500;
    font-size: 16px;
}

.scp-p-brandname {
    color: #333;
    font-family:"Be Vietnam Pro";
    font-weight:500;
    font-size:14px;
    background: #fff;
    padding-left: 8px;
    padding-top: 5px;
}

.scp-product a:hover .scp-p-brandname,
.scp-product a:hover .scp-p-title {
    text-decoration: underline;
}

.scp-p-code,
.scp-p-code * {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    cursor: text !important;
}

.scp-product a,
.scp-product a * {
    -webkit-user-select: text !important;
    user-select: text !important;
}

.scp-p-code, .scp-p-price, .scp-p-hide-price-msg {
    background: #fff;
    padding-left:8px;
    padding-top: 3px;
}


.scp-p-price-new {
    color: #231f20;
    font-weight: 500;
    font-size: 20px;
}
.scp-p-quick span {
    background: #581e7f;
    font-size: 13px;
    font-weight:500;
    height: 30px;
    line-height: 30px;
    color: #fff;
}
.scp-p-quick:before {
    background: #ff1d7d;
    height: 30px;
    line-height: 30px;
}
.scp-product:hover {
    border-color: #999;
}
.scp-p-price {
    line-height: 20px;
    margin-top: 10px;
}
.scp-p-price-old {
    font-size:15px;
    color:#4b4b4b;
}
.scp-product:hover .scp-p-image img {
    transform: rotate(0deg) scale(1.1);
    -webkit-transform: rotate(0deg) scale(1.1);
    -moz-transform: rotate(0deg) scale(1.1);
}
.scp-products-holder {
    width: 100%;
    margin-top: 0;
    padding-top: 2px;
}
.scp-product {
    width: 263px;
    margin: 0 2% 2% 0;
}
.scp-p-code {
    font-size: 10px;
    color: #888;
}

.scp-filters>div {
    border-bottom: 0;
}
.noUi-connect {
    background: #ffef14;
}
.scp-priceslider-parent {
    background: #f5f5f5!important;
    border: 1px #e4e4e4 solid!important;
    padding-left: 15px!important;
    padding-right: 18px !important;
}
.scp-filters {
    box-shadow: none;
}
.scp-filters h4 {
    border-top: 0 !important;
    background: #fff;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-bottom: 1px #e4e4e4 solid;
    border-left: 1px #e4e4e4 solid;
    border-right: 1px #e4e4e4 solid;
}
.scp-priceslider-filters {
    font-size: 13px;
    font-weight: 500;
}
.scw-category-description h1 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

.scw-category-description {
  font-size: 0;          /* hides the loose text */
}
.scw-category-description .scw-category-name {
  font-size: 14px;       /* restore size for the H1 — match your original */
}

/** CHANGE TINY BRAND COLOR ***/
.scp-breadcrumb .breadcrumb .active {
    color: #231f20;
	font-size: 20px;
}
.scp-breadcrumb .breadcrumb {
    font-size: 13px;
    color: #ffef14;
}
.scw-subcategories.scws-style-2 .scp-viewall {
    right: 10px;
}
.scw-subcategories h3{
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    color: #231f20;
    border-bottom:0;
    font-weight: 400;
    margin-bottom: 0;
}
.scws-style-2 .scw-subcategory-item span {
    background: rgba(25, 29, 39,.8);
    color: #fff;
    font-weight: 500;
}
.scp-viewall a {
    color: #231f20;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.slider-snap-value-lower, .slider-snap-value-upper {
    font-size: 12px;
    color: #444;
    font-weight: 500;
}
.sct-payment li i {
    color: #333;
}
.scp-breadcrumb .breadcrumb a{
	font-size: 20px !important;
    color:#231f20;
}

.scp-breadcrumb .breadcrumb a:hover{
	font-size: 20px !important;
    color:#231f20;
}

/**quickview css**/

.scpd-tabs .nav-tabs>li.active>a, .scpd-tabs .nav-tabs>li.active>a:hover, .scpd-tabs .nav-tabs>li.active>a:focus {
    border-top: 3px solid #231f20;
    color: #231f20;
}
.scp-quick-view-modal .btn-add-to-cart {
    background-color: #ffef14;
    letter-spacing:0;
}
.scpd-tabs .nav-tabs>li>a {
    font-size: 15px;
}
h3.modal-title a {
    color: #333;
    font-size: 15px;
}
.scp-quick-view-modal{
    font-family: 'Be Vietnam Pro', sans-serif !important;
}
.scp-quick-view-modal .scpd-title h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
   color: #333;
}
.scp-quick-view-modal .scp-p-price-new {
    font-weight: 500;
}

/**footer**/

.sct-footer{
  background-color: #f1f1f1;
  color:#333;
}
.scp-footer h4{
  font-size: 13px!important;
  font-weight: 500;
  letter-spacing: normal;
  font-family:"Be Vietnam Pro",sans-serif;
  color: #fff;
}
.scw-storeaddress > p {
    margin: 0px auto 20px;
}
.scw-storeaddress>p>i{
  color: #333;
    font-size: 16px;
}
.scw-storeaddress>p>em {
    color: #fff;
}
.scp-footer .scw-storeaddress>p>a{
  color: #fff!important;
}
.scw-storeaddress>p>i{
  margin-right: 12px;
}
.scw-storeaddress .scw-storeaddress-location>span,.scp-footer .scw-storeaddress>p>a {
    font-size: 13px;
    line-height: 21px;
}
.scw-storeaddress .scw-storeaddress-location>i+span{
 vertical-align: middle;
}
.scw-pagelinks>ul>li>a{
  padding: 5px 0;
  font-size: 13px;
}
.sct-footer-below {
    background-color: #231f20;
    height: 38px;
    padding: 10px 0;
}
.connectWithUs h4 {
    font-size: 13px!important;
    text-align: left;
    text-transform: uppercase;
    color: #000;
    border-bottom:0;
    line-height:0;
}
.connectWithUs > ul > li {
    margin: 0 3px 0 0;
    padding: 7px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e4e4e4;
}
.connectWithUs > ul > li > a> img {
    max-width: 20px;
    opacity:0.7;
}
.connectWithUs > ul > li > a> img:hover {
    opacity:1;
}

.scp-footer {
  background: #231F20;
  color: #fff !important;
}

.scp-footer h4 {
   color: #fff;
}

.sc-socialicons h3 {
    font-size: 13px;
}
.sc-socialmedia svg {
    margin-right: 6px;
}

.scw-storeaddress {
    color: #fff;
}

.scpd-template-4 .scpd-wishlist i, .scpd-template-4 .scpd-wishlist em {
    color: #ffef14 !important;
}


/**Responsive view**/

@media(max-width: 768px){
  .sc-shopbyindustry p{
	  width:auto;
  }
 .scw-gallery-slide {
    text-align: center;
}
  
.sc-shopbyindustrysection2 {
    display: block;
}
.sc-choosefeatures {
    display: block;
    margin-bottom: 20px;
}
.sc-ourstory, .safetyculture ,.ourfuture {
    margin-top: 15px;
}
.sc-industryenergy {
    margin-top: 16px;
    width: auto;
}
  .sc-industrychemical {
    width: auto;
  }
.sc-industrycontent {
    padding:0;
}
    
.sc-shopbyindustrysection1 p {
    padding-bottom: 24px;
}
.sc-shopbyindustrysection1 h1 {
        font-size: 25px;
}

.sc-transportationcontent {
    padding-left:35px;   
}

.scp-layout.sce-l-s.scp-layout_grpheader.sc-choose-us {
  padding:0;
  padding-bottom:20px;
}
  .safetycontent {
    padding: 20px 0;
}
  .scp-layout.sce-l-s.scp-layout_grpheader.sc-safety {
    padding:0 ;
  }
  
  .scp-body {
    padding-bottom:200px !important;
}
  .sc-chooseus {
    margin: 20px 10px;
    display: inline-block;
}
  
 .scw-shoppingcart {
        position: absolute;
        top: -140px;
        right: -10px;
        margin-top: 0 !important;
    }
	
	.scw-storelogo {
        text-align: left;
    }
	
	.scw-search.scws-style-1 .form-group.has-feedback {
       margin-top: 30px !important;
	}
  
    .scw-search {
       padding-bottom: 15px;
    }
  
    .sc-shopbyindustry {
       padding: 60px 0;
    }
  
  .owl-theme .owl-controls {
    /* margin-top: 10px; */
    /* text-align: center !important; */
    /* position: absolute; */
    /* bottom: 0px !important; */
    position: static !important;
    }

.scw-product-slider h4 {
     font-size:29px !important;
  }
  
  
   .owl-buttons:after {
    content:'>';
    position: relative;
    right: 50px;
    font-size: 22px;
    top: 4px !important;
}

.owl-buttons:before {
    content:'<';
    position: relative;
    left: 50px;
    font-size: 22px;
    top: 4px !important;
}
  
 .sc-explorebtn {
   font-size:16px !important;
   }
   
.sc-transportationcontent h2, .sc-chemicalcontent h2, .sc-energycontent h2{
      font-size:30px !important;
	 }
	  
.sc-industrycontent {
    margin-top: -77px !important;
    margin-left: 25px !important;
    color: #fff;
}
  
     .navbar-default .navbar-toggle .icon-bar {
        background-color: #333 !important;
    }
  
.sc-industrycontent h2 {
    font-size: 30px;
    margin: 0 !important;
}
  
.scp-layout.sce-l-s.scp-layout_grpheader {
    padding: 0;
}
 
 .sc_industryblock img {
    margin-top: 10px;
}

.scw-navigation .scw-navigation-nav>.dropdown>.dropdown-menu {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none !important;
}
  
.col-xs-offset-18 {
    margin-left: 59% !important;
}
	
}

/*@media (min-width: 768px) {
    .col-sm-12 {
        width: 100%;
    }
}*/

/**best sellers**/
.scw-bestsellers {
    margin: 60px 0;
}
.scw-product-slider h4 {
    margin-bottom: 18px;
    text-align: left;
    font-weight: 400;
    border:0 !important;
    color: #101828;
    font-size: 48px;
    font-family: 'Teko';
    line-height: 53px;
    margin-top: 0;
}

/* .scp-p-title {
    font-family:"Be Vietnam Pro";
    font-weight:500;
    font-size:16px;
    background: #fff;
} */

.scp-p-code, .scp-p-price, .scp-p-hide-price-msg{
    color: #625E6E;
    font-size: 12px;
    /* line-height:18px; */
    font-weight:400;
    /* margin-bottom:10px; */
    background: #fff;
}

/* .scp-product {
    background: #fff !important;
    height: 360px;
} */

.scp-product {
    background: #fff !important;
    height: auto;
    min-height: 360px;
}

/**indicators**/

.scw-bestsellers .owl-theme .owl-controls .owl-buttons div {
    color: transparent;
    background: #fff !important;
    border: 1px solid #E9E9E9;
    padding: 10px 18px!important;
    opacity: inherit;
}
	.scw-bestsellers .owl-theme .owl-controls {
    margin-top: 10px;
    position: absolute;
    top: -85px;
    right: 0;
}
.scw-bestsellers .owl-buttons:after {
    content:'>';
    position: relative;
    right: 40px;
    font-size: 22px;
    top: 3px;
    cursor: pointer;
}
.scw-bestsellers .owl-buttons:before {
    content:'<';
    position: relative;
    left: 40px;
    font-size: 22px;
    top: 3px;
    cursor: pointer;
}
/**cart popup **/

.scp-cart-p-actions a.removecartitem {
    color: #101828;
	}
#shopping_cart_popup .scp-cart-p-info h4 {
    color: #101828;
	}
.btn-default {
    color: #fff;
    background-color: #101828 !important;
    border-color: #101828 !important;
}

.btn-primary {
    background-color: #ffef14 !important;
    border-color: #ffef14 !Important;
    color: #333 !important;
    font-weight: 600;
}

.scp-cart-continue-shopping {
   color: #101828 !important;
   }
   
.scp-cart-total>h3 span {
    color: #101828 !important;
	}
.scp-cart-modal .scp-modal .modal-header {
    background: #101828 !important;
    color: #fff;
}

.mini-storelogo {
    display: none;
}

/*employee buying for self without quota*/

.sc-selfwithoutquota {
    display: flex;
    overflow: hidden;
    width: 100%;
    background: #fff;
    /*border-bottom: 1px solid #CED4F6;*/
    /*margin-bottom: 10px;*/
}
.sc_horziontalborder{border-bottom: 1px solid #6fcb9d;}
.scp-layout.sce-l-s.sc_overviewwidget.sc-overview-border {
    border: 1px solid #6fcb9d;
    /*margin-bottom:15px !important;*/
}
.sc-selfwithoutquota-container {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s ease;
}

.card {
width:250px;
    /*flex: 0 0 25%;*/
    padding: 20px;
    box-sizing: border-box;
}

.button-controls .prev,.button-controls .next {
    background-color: transparent;
    color: #333;
    border: none;
    cursor: pointer;
    padding: 2px;
    z-index: 1;
}

.button-controls .prev {
    margin-right: 10px;
}

.button-controls .next {
    left: 50px;
}

.sc-timeimg {
    display: flex;
    margin-top: 8px;
    align-items: center;
}

.sc-timeimg p {
    margin: 0;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-selfquota {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-card1 h2 {
    margin: 0;
    color: #243DC6;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    /* cursor:pointer; */
}

span.sc-prodnum {
    font-weight: 500;
    font-size: 14px;
    color: #583fff;
    line-height: 20px;
    font-family: "Be Vietnam Pro", sans-serif;
}

span.sc-proddes {
    font-weight: 500;
    color: #475467;
    line-height: 20px;
    font-size: 14px;
    font-family: "Be Vietnam Pro", sans-serif;
}

span.sc-prodleft {
    font-weight: 500;
    color: #475467;
    line-height: 20px;
    font-size: 14px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-timeimg p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #475467;
    margin-left: 8px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-leftover {
    background: #f2f4f7;
    border-radius: 16px;
    padding: 2px 10px 2px 10px;
}

.button-controls {
    display: flex;
    align-items: center;
    background: #ffffff;
    z-index: 2;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    word-break: auto-phrase;
}

.button-container-text {
    display: flex;
    margin-right: 30px;
flex-direction: column;
}
.button-container-text p {
    display: flex;
margin-bottom:0;
}

.blue-text {
    font-size: 24px;
    color: #111c5b;
    font-weight: 600;
    line-height: 32px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.orange-text {
    font-size: 24px;
    margin-left: 10px;
    color: #e58300;
    font-weight: 600;
    line-height: 32px;
    font-family: "Be Vietnam Pro", sans-serif;
}

.sc-selfwithoutquota-container .card {
    position: relative;
    /*flex: 0 0 18%;*/
    padding: 10px 20px;
    box-sizing: border-box;
}
.scp-layout.sce-l-s.header-bottom {
    padding-top: 0;
}
.border-div {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 40%;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #eaecf0;
}

.card:last-child .border-div {
    display: none;
}

.button-controls .prev:disabled, .button-controls .next:disabled {
    opacity: 0.5;
    /* cursor: not-allowed; */
}

.no-quota-p {
    margin: 10px 10px !important;
}
/*overviewwidget*/

.sc_overviewwidget {
    background: #c1efd87d;
    /* border-bottom: 1px solid #A8B2EF;*/
    padding: 8px 0 !important;
}

.sc-informationheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.sc-informationheader ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sc-informationheader p {
    color: #344054;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.sc-infosection-1 p {
    color: #101828;
}

.sc-informationheader span {
    color: #667085;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.sc-informationheader .vertical-line {
    border-left: 1px solid #A8B2EF;
    height: 16px;
    margin-left: 16px;
}

.sc-infoimg .sc-btn {
    background: #E2E5FA;
    margin-left: 16px;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #162578;
}

.sc-infoimg .sc-btn svg {
    margin-left: 8px;
}

.sc-infoleft, .sc-inforight {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}

.sc-infosection-4 {
    margin-left: 16px;
}

.sc-infosection-4 .sc-price1 {
    color: #583FFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.sc-infosection-4 .sc-pricedes {
    color: #667085;
    font-size: 14px;
    line-height: 20px;
}

.sc-infosection-4 .sc-price2 {
    color: #475467;
    font-size: 14px;
    font-weight: 600;
}

.sc-infosection-4 .sc-date span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #667085;
}

.sc-infosection-2, .sc-info {
    margin-left: 16px;
}
/*overview widgets*/
.sc_quotamain {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}

.sc_yourquota {
    grid-row-start: 1;
    grid-row-end: 3;
}

.sc_paymentmethods, .sc_activeorders, .sc_pendingapprovals, .orderupload, .sc_yourquota {
    border: 1px solid #CED4F6;
    border-radius: 4px;
}

.sc_sc_paymentmethodcontent {
    height: 91px;
}

 .no-active-orders-text,.no-payment-text {
    text-align: center;
    display: block;
    padding-top: 19px;
}

p.no-quota-text-vertical{
  font-weight:600 !important;
  font-size:14px !important;
}
.no-quota-div-vertical {
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
/*background: url('https://az777500.vo.msecnd.net/images/2576/sb-1.png?v=0');*/
    margin-right: 16px;
    background-size: cover;
    border-radius: 3px;
}

.sc_paymentmethodtitle {
    border-bottom: 1px solid #CED4F6;
    padding: 16px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 30px;
}

.sc_sc_paymentmethodcontent {
    padding: 13px 16px;
}

.sc_sc_paymentmethodcontent p {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #101828;
}

.sc_sc_paymentmethodcontent>span {
    font-weight: 600;
    font-size: 14px;
    color: #101828;
}

.sc_sc_paymentmethodcontent .sc-price1 {
    font-weight: 600;
    color: #583FFF;
    font-size: 16px;
}
/*.sc_pendingapprovals .sc_sc_paymentmethodcontent p:nth-child(3) span:last-child {
    font-weight: 600;
    color: red;
    font-size: 16px;
}
.sc_sc_paymentmethodcontent .order-count {
    color: red;
    font-weight: bold;
}*/
.sc_emp_info {
    font-weight: 600;
}
.sc_carouselbuttons {
    float: right;
    display: flex;
}

.sc_sc_paymentmethodcontent .sc-date {
    float: right;
}
.sc_sc_paymentmethodcontent .sc_status {
    float: right;
    background: #FFF4ED;
    font-size: 12px;
    font-weight: 500;
    color: #B93815;
    line-height: 18px;
    padding: 2px 7px;
    border-radius: 16px;
font-size: 16px;
    line-height: normal;
}

.sc_sc_paymentmethodcontent span.bage {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #EF6820;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}

.sc_orderprice {
    font-weight: 600;
    font-size: 14px;
color: #F79009;
}
.sc-order-number {
    color: #583FFF;
    font-weight: 600;
    font-size: 16px;
  
}
.sc-order-date {
    float: right;
}
.sc_sc_paymentmethodcontent p:first-child {
    margin-top: 0;
}
.quotasetgroupname {
     display: block;
     font-weight:600;
     color: #243DC6 !important; 
}
.sc_pendingapprovals .sc_user_pending_order_info_2 .order-count {
    font-weight: 600;
}
.sc_pendingapprovals .sc_user_pending_order_info_2 .sc_products_text {
    font-weight: 600;
}
.sc_pendingapprovals .sc_user_pending_order_info_2 p:first-child span:last-child {
    color:#583FFF;
}
.sc_pendingapprovals{
    height: 333px;
}

.carousel {
    position: relative;
    overflow: hidden;
}

.carousel-inner {
    display: flex;
    transition: transform 0.5s ease;
	overflow:initial !important;
}

.carousel-item {
    min-width: 100%;
    box-sizing: border-box;
}

.carousel-prev, .carousel-next {
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
    z-index: 1;
}

.carousel-prev {
    left: 10px;
}

.carousel-next {
    right: 10px;
}

.sc_yourquota .table-container thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    font-weight: 500;
    color: #111;
}

.sc_yourquota .table-container {
    max-height: 277px;
    overflow-y: auto;
    position: relative;
    padding-left: 16px;
    height: 300px;
}
.sc_yourquota .table-container::-webkit-scrollbar {
    display: none;
}

.sc_yourquota table {
    width: 100%;
    padding: 0 16px;
}

.sc_yourquota td, .sc_yourquota th {
    text-align: left;
    padding: 8px 0;
}

.sc_yourquota tr td:first-child {
    color: #243DC6;
    font-weight: 500;
    font-size: 14px;
    /* cursor:pointer; */
}

.table-container th {
    width: 20%;
    padding-bottom: 0 !important;
}

.table-container th:first-child {
    width: 40%;
}

.scw-store-quota-horizontal .quotasetgroupname {
    white-space: nowrap;
    width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sc_yourquota .quotasetgroupname {
    white-space: nowrap;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
}
.sc_yourquota > p{
    display:flex;
}

.sc_yourquota>p {
    color: #344054;
    font-weight: 600;
    font-size: 20px;
    margin-right: 10px;
    margin: 0;
    line-height: 30px;
    padding: 16px 16px 0 16px;
}

.sc_yourquota p span {
    color: #F79009;
    margin-right: 6px;
    margin-left: 6px;
}

.sc_yourquota p {
    font-size: 22px;
    display: flex;
    padding: 16px 16px 0 16px;
    font-weight: 500;
    line-height: normal;
}

.sc_yourquota a {
    color: #111c5b;
}

/* .sc_yourquota {
    padding: 16px;
} */

.sc_redeemnow {
    text-align: center;
    border-top: 1px solid #CED4F6;
    padding: 5px 0;
    background: #F9FAFB;
display:none;
}

.sc_redeemnow p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.sc_redeemnow a {
    text-decoration: none;
    color: #243DC6;
    padding-top: 8px;
    font-weight: 600;
    display: block;
  padding-top:0;
}

.sc_redeemnow a svg {
    vertical-align: middle;
    margin-left: 8px;
}
.sc_pendingapprovals span.sc-pricedes {
    font-weight: normal !important;
}
.no-approval-manager {
    background: url('https://az777500.vo.msecnd.net/images/2576/sb-1.png?v=0');
    border-radius: 4px;
    height: 333px;
    background-size: cover;
}
/*min max price font-size*/
.scp-p-price-min-max span {
    font-size: 10px;
}
.scp-p-price-min-max b span {font-size: 18px !important;}

.scp-filters>div+h4 {
    margin-top: 6px;
	font-size: 200px;
}
.sc-group-6871 .sc_freeshipping span {
    display: none;
}


.sc-group-6888 span.scp-uom {
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
   /* margin: 0px 0px 0px 15px;*/
}

/* .sc-group-6888  .scp-product {
    height: 355px;
} */

.sc-group-6888 .scp-product {
    height: auto;
    min-height: 355px;
}


/*.scpd-template-4 .cart-box .scpd-title {
      padding: 0px 223px 0 0 !important;
}
.scpd-available-stock-eclipse {
   margin-top: -75px;
   margin-right: -12px;
}*/

.scpd-available-stock-eclipse {
    position: absolute;
    right: 25px;
    float: none !important;
}
.scpd-eclipse-note span {
    margin-top: -42px !important;
    margin-right: 70px !important;
}

.scpd-eclipse-note {
  margin-top: -42px;
}
.scpd-template-4 .scpd-option-section.price-box:after{
   margin: 0 !important;
}
.scpd-brand {
    display: none !important;
}
.scp-uom{
	padding-left:10px;
}

.scpd-uom-section {
  text-transform: uppercase;
}

/**shopper**/

.scw-store-employee-overview {
    padding: 15px 0;
}

.scp-p-price span{
   font-size:16px;
}

/*** MENU EFFECTS ***/
.brandsMenu > div {
  gap: 8px !important;
}

.brandsMenu {
  min-width: 550px;
}

.brandsMenu .customDropdown {
  min-width: 0;
  overflow: hidden;
}

.brandsMenu .customDropdown:first-child {
  flex: 0 0 30% !important;
}

.brandsMenu .customDropdown:last-child {
  flex: 0 0 70% !important;
}

.brandsMenu .customDropdown a {
  white-space: nowrap;
}

.customMenu h3 {
  border-bottom: 1px solid #231f20;
  padding-bottom: 6px;
  margin-top: 0;
}

.customMenu h3 a {
  color: #231f20;
  text-decoration: none;
}

.customMenu h3 a:hover {
  color: #231f20 !important;
  text-decoration: underline !important;
  text-decoration-color: #ffe14f !important;
}

/*
.customDropdown li a {
  color: #1F1930;
  font-size: 14px;
}
*/
/*** HOVER OVER CHANGES ***/
.brandsDropdown {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 25px;
}
.brandsDropdown li {
  white-space: nowrap;
}

.customMenu .customDropdown {
  flex: 0 0 50%;          /* use 33.333% for 3-column */
  min-width: 0;
  overflow: hidden;
}

.customMenu .customDropdown li {
  margin-bottom: 8px;
}
.customMenu .customDropdown a {
  font-size: 16px;        /* Change size here */
  color: #555;
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-block;
  white-space: nowrap;
}
.customMenu .customDropdown a:hover {
  color: #231f20;
  transform: translateX(6px);
  font-weight: bold;
  text-decoration: underline;
  transition: all 0.2s ease;
}

.sc-imggrid{
  display: flex;  
  flex-wrap: wrap;
  list-style: none;
}
.sc-imggrid li{
  width: 33.33%
}
.scpd-template-4 .scpd-option-section.scai-options ul li {
      text-transform: none !important;
}

/* Price Box Cursor Change */
.scpd-option-section.price-box {
    cursor: default !important;
}

.scp-p-price,
.scp-p-price * {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    cursor: text !important;
}

/* Put product code and price on the same line */
.scp-p-code {
    float: left;
    font-size: 15px;
    padding-top: 5px;
    padding-left: 8px !important;
    line-height: 24px;
}

.scp-p-price {
    float: right;
    margin-top: 0 !important;
    padding-top: 5px;
    padding-right: 8px;
    line-height: 24px;
}

.scp-p-price-new {
    line-height: 24px;
}

.scp-p-price::after {
    content: "";
    display: table;
    clear: both;
}

/* ====================================================*/
/* CUSTOM OVERRIDES — added 2026-05-20                 */
/* Do not edit above this line for new changes         */
/* ====================================================*/

/*** CENTER STORE LOGO ***/
/* .sc-group-0 .ret-storelogo {
    text-align: center;
} */

/* .sc-group-0 .ret-storelogo img {
    display: inline-block;
} */

/*** STORE LOGO POSITIONING (desktop only) ***/
/*
@media (min-width: 769px) {
    .sc-group-0 .ret-storelogo {
        text-align: center;     
    }
    .sc-group-0 .ret-storelogo img {
        display: inline-block;
        position: relative;
        top: -8px;               
        left: 0;                  
        max-height: 90px;         
        margin-top: 10px;        
    }
}*/

/* --- Full-width container (site-wide default) --- */
/* Sets all .container elements to 95% width on screens ≥1200px,    */
/* overriding b2b_core.min.css `.container { width:1164px }`.       */
/* Approach: opt-out — site-wide default. Containers tagged with    */
/* `notful` via the CMS "Add CSS Class" feature are excluded.        */
/* Additional non-`.container` exclusions live in a separate block. */
/* Screens <1200px are unaffected (platform handles those).         */
@media (min-width: 1200px) {
    .sc-group-0 .container:not(.notful) {
        width: 95% !important;
        max-width: 95% !important;
        padding-left: 50px !important;
        padding-right: 32px !important;
    }

    /* Specific-parent overrides: containers inside these parents   */
    /* keep the original ~1170px capped layout.                     */
    .sc-group-0 .scp-menu-publish .container,
    .sc-group-0 .scpd-page.scpd-template-4 .container {
        width: auto !important;
        max-width: 1170px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* --- Full-width exclusions (non-.container elements) --- */
@media (min-width: 1200px) {
    .sc-group-0 .scba-spinner-container,
    .sc-group-0 .dropdown-menu {
        width: auto !important;
        max-width: none !important;
    }
}

/*** MAX WIDTH ON Left Nav Product List Page ***/
.sc-group-0 .col-sm-6 {
    max-width: 500px;    /* adjust value as needed */
}

/*** REDUCE GAP BETWEEN SIDEPANEL AND PRODUCT GRID ***/
.sc-group-0 .scp-filters.scp-sidepanel-collapse {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.sc-group-0 .scp-category-products,
.sc-group-0 .list-inline.scp-category-products {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/*** FIX SIDEPANEL / PRODUCT GRID LAYOUT ***/
.sc-group-0 .container .col-sm-6 {
    width: 16.66% !important;          /* sidebar: ~4 of 24 columns */
    padding-right: 5px !important;
}

.sc-group-0 .container .col-sm-18 {
    width: 83.33% !important;          /* products: ~20 of 24 columns */
    padding-left: 20px !important;
}

/*** SUB CATEGORIES — HEADING ABOVE + DYNAMICALLY CENTERED ICONS ***/
.sc-group-0 .scw-subcategories.scws-style-2 {
    display: flex;
    flex-direction: column;
    align-items: center;        /* centers the inner wrapper horizontally */
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
}

.sc-group-0 .scw-subcategories.scws-style-2 h3 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 0;
    width: auto;                /* don't span full width */
}

/* The icon group — wraps just tight enough around the icons */
.sc-group-0 .scw-subcategories.scws-style-2 .scw-subcategory-list,
.sc-group-0 .scw-subcategories.scws-style-2 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.sc-group-0 .scw-subcategories.scws-style-2 .scw-subcategory-item,
.sc-group-0 .scw-subcategories.scws-style-2 > ul > li {
    display: inline-block;
    float: none;
    vertical-align: top;
}

/* --- Widen mega-menu dropdowns --- */
/* Dropdown columns (.col-sm-6) are too narrow because the parent   */
/* .dropdown-menu has no explicit width. Set a wider min-width so   */
/* the 4-column row has room. TUNE the value below.                 */
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu {
    min-width: 900px !important;
}

/* --- Mega-menu dropdown: align to full menu strip + distribute content --- */
/* Issues:                                                                  */
/* 1. Each .dropdown-menu was positioning relative to its own <li>, so       */
/*    right-side menus didn't align to "Shop All" on the left. Make the     */
/*    menu strip the positioning context so all dropdowns align to its left.*/
/* 2. The dropdown columns (.col-sm-6) didn't fill the wider menu, leaving  */
/*    empty space on the right. Switch the .row to flex so columns spread   */
/*    evenly across the full width.                                          */
.sc-group-0 .scp-menu .scw-navigation .scw-navigation-nav {
    position: relative !important;
}
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
}
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}
.sc-group-0 .scp-menu .scw-navigation .dropdown-menu > .row > [class*="col-sm-"] {
    flex: 1 1 0 !important;
}

/* --- Multi-column category lists --- */
/* Any .customDropdown with .customDropdown-multi flows into multiple */
/* columns when items exceed 5. Uses column-fill: auto + a height cap */
/* so the first column fills to 5 items before spilling to the next.  */
.sc-group-0 .customDropdown.customDropdown-multi {
    column-count: 2;
    column-gap: 24px;
    column-fill: auto;
    max-height: calc(5 * 2.4em);
}
.sc-group-0 .customDropdown.customDropdown-multi li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* --- Multi-column brand list (Brands dropdown) --- */
/* 22 brands flow into multiple columns of 5. Adjust column-count   */
/* and max-height multiplier (2.4em matches Outerwear's setup).     */
.sc-group-0 .customDropdown.customDropdown-brands {
    column-count: 5;
    column-gap: 24px;
    column-fill: auto;
    max-height: calc(5 * 2.4em);
}
.sc-group-0 .customDropdown.customDropdown-brands li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

/* --- Brands menu: non-clickable cursor --- */
/* The Brands top-level menu item has no destination (just opens   */
/* the dropdown on hover), so remove the pointer cursor that makes */
/* it look clickable.                                              */
.sc-group-0 .scp-menu .scw-navigation li.dropdown > a[href="javascript:void(0);"] {
    cursor: default !important;
}

/*** SHORTER TOP BAR (HOME / LOGIN / REGISTER) ***/
.sc-group-0 .sct-top-bar .container a {
    padding: 4px 12px !important;      /* was 17px 12px */
}

/*** REMOVE BLACK BACKGROUND FROM MENU BAR ***/
/* .sc-group-0 .scp-menu,
.sc-group-0 .scp-menu-publish,
.sc-group-0 .scp-menu .navbar,
.sc-group-0 .scp-menu .navbar-default {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
} */

/*** MENU BAR — GRAY BACKGROUND ***/
.sc-group-0 .scp-menu {
    background-color: #555555 !important;   /* the gray bar */
    border: none !important;
}
.sc-group-0 .scp-menu-publish,
.sc-group-0 .scp-menu .navbar,
.sc-group-0 .scp-menu .navbar-default {
    background-color: transparent !important;  /* stay clear so the gray shows through */
    background: transparent !important;
    border: none !important;
}

/*** Change menu bar no state color to black ***/
.sc-group-0 .scp-menu .navbar .navbar-nav>li>a b {
    color: #ffffff !important;
}

/*** MENU HOVER — DARK BACKGROUND + WHITE FONT ***/
.sc-group-0 .scp-menu .navbar-default .navbar-nav>li>a:hover,
.sc-group-0 .navbar-default .navbar-nav>li>a:focus,
.sc-group-0 .navbar-default .navbar-nav>li:hover>a,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a {
    background: #ffffff !important;
}

.sc-group-0 .scp-menu .navbar .navbar-nav>li>a:hover b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a:hover b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.active>a b,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:focus>a b {
    color: #231f20 !important;
    font-weight: 700 !important;
}

/*** DROPDOWN ARROW — MATCH TEXT STATES ***/
/* No-state: white */
.sc-group-0 .scp-menu .navbar .navbar-nav>li>a .sci-keyboard-arrow-down {
    color: #ffffff !important;
}
/* Hover / open / active / focus: dark */
.sc-group-0 .scp-menu .navbar .navbar-nav>li>a:hover .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.open>a:hover .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li.active>a .sci-keyboard-arrow-down,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:focus>a .sci-keyboard-arrow-down {
    color: #231f20 !important;
    -webkit-text-stroke: 0.6px currentColor;   /* thickens the arrow on hover */
}

/*** FORCE LOGO LEFT ***/
/* .sc-group-0 .ret-storelogo {
    text-align: left
} */

/* .sc-group-0 .ret-storelogo img {
    display: block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    float: none !important;
} */

/*** HIDE SUBCATEGORY LABEL + BACKGROUND (sc-group-0 only) ***/
/* .sc-group-0 .scws-style-2 .scw-subcategory-item span {
    display: none !important;
} */

/*** HIDE MAIN CATEGORY LABEL OVERLAY (sc-group-0 only) ***/
/* .sc-group-0 .scw-category-image span,
.sc-group-0 .scw-category-image .scw-category-name,
.sc-group-0 .scw-category-image > *:not(img) {
    display: none !important;
    background: transparent !important;
} */

/*** HIDE CATEGORY DESCRIPTION TEXT ONLY (sc-group-0) ***/
/* Keeps the H1 "PANTS & JEANS" visible, hides everything else */
/* .sc-group-0 .scw-category-description > *:not(.scw-category-name):not(h1) {
    display: none !important;
} */

/*** LOGO — ZOOM + BORDER ON HOVER ***/
.sc-group-0 .ret-storelogo img {
    transition: transform 0.3s ease, border 0.3s ease;
    border: 2px solid transparent;       /* reserves space so layout doesn't shift on hover */
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
}

.sc-group-0 .ret-storelogo img:hover {
    transform: scale(1.1);
    /* border: 2px solid #333; */
}

/*** SHRINK PRODUCT CODE (p-code) FONT SIZE ***/
.sc-group-0 .scp-p-code {
    font-size: 12px;   /* was 15px; lower this further if codes still wrap */
}

/*** CENTER MAIN CATEGORY IMAGE + HIDE ITS NAME (sc-group-0 only) ***/

/* Hide the name/description text block beside the image */
.sc-group-0 .scw-category-description {
    display: none !important;
}

/* Center the image now that the text beside it is gone */
.sc-group-0 .scw-category-image {
    float: none !important;        /* removes the side-by-side float */
    margin-left: auto !important;  /* auto margins center a block element */
    margin-right: auto !important;
}

/*** HERO BANNER (PREMIUM WORKWEAR) — FULL IMAGE, NO CROP, TEXT OVERLAID ***/
.sc-group-0 .sc-herobanner {
    position: relative;            /* anchor for the text + gradient on top */
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;                   /* inset from edges; lower = more margin */
    overflow: hidden;
}

/* The photo — shows in full and sets the banner's height (nothing cropped) */
.sc-group-0 .sc-herobanner-img {
    display: block;
    width: 100%;
    height: 570px;            /* sets the banner height — lower = shorter */
    object-fit: cover;        /* trims a bit of top/bottom to fit the height */
    object-position: center;  /* keeps the people centered */
}

/* Dark gradient over the left so the white text stays readable */
.sc-group-0 .sc-herobanner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0) 70%);
}

/* Text layer — sits on top, left side, vertically centered */
.sc-group-0 .sc-herobanner-content {
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);   /* vertical centering */
    max-width: 420px;
    z-index: 1;                    /* above the gradient */
    color: #ffffff;
}

.sc-group-0 .sc-herobanner h1 {
    color: #ffffff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}

/* "Premium Workwear" line — its own size */
.sc-group-0 .sc-herobanner h1 .sc-hero-top {
    font-size: 36px;
    font-weight: 500;
}

.sc-group-0 .sc-herobanner p {
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin: 20px 0 0;
}

.sc-group-0 .sc-herobanner-buttons {
    display: flex;                 /* buttons side by side */
    gap: 16px;
    margin-top: 32px;
}

.sc-group-0 .sc-herobtn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

/* Both hero buttons — orange, see-through; less see-through on hover */
.sc-group-0 .sc-herobtn-primary,
.sc-group-0 .sc-herobtn-outline {
    background-color: rgba(245, 130, 31, 0.6);
    color: #ffffff;
    border: 2px solid #F5821F;
}
.sc-group-0 .sc-herobtn-primary:hover,
.sc-group-0 .sc-herobtn-outline:hover {
    background-color: rgba(245, 130, 31, 0.85);
    color: #ffffff;
}

/* Phones / small screens — banner is now the image's height, so scale text down */
@media (max-width: 768px) {
    .sc-group-0 .sc-herobanner-content {
        left: 24px;
        max-width: 70%;
    }
    .sc-group-0 .sc-herobanner h1 { font-size: 32px; }
    .sc-group-0 .sc-herobanner h1 .sc-hero-top { font-size: 24px; }
    .sc-group-0 .sc-herobanner p { font-size: 14px; line-height: 20px; margin-top: 12px; }
    .sc-group-0 .sc-herobanner-buttons { flex-wrap: wrap; margin-top: 16px; }
}

/*** FEATURED BRANDS + SHOP BY CATEGORY — HEADING + BODY ***/
.sc-group-0 .sc-featuredbrands,
.sc-group-0 .sc-shopbycategory {
    text-align: center;        /* centers both lines */
    /* padding: 40px 0;            */
    /* space above and below the block */
}

.sc-group-0 .sc-featuredbrands h1,
.sc-group-0 .sc-shopbycategory h1 {
    color: #231f20;            /* near-black heading */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.sc-group-0 .sc-featuredbrands p,
.sc-group-0 .sc-shopbycategory p {
    color: #667085;            /* muted gray body text */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 16px;
    margin: 8px 0 0;
    padding: 10px;
}

/*** FEATURED/TOP BRANDS CONTAINER — WHITE BACKGROUND ***/
.sc-group-0 .scp-layout.sce-l-s.scp-layout_grpheader.sc-brands {
    background-color: #ffffff;
}

/*** SHOP BY CATEGORY — CLICKABLE IMAGE CARD GRID ***/
.sc-group-0 .sc-categorygrid {
    display: grid;                          /* grid = rows & columns layout */
    grid-template-columns: repeat(5, 1fr);  /* 4 equal cards per row */
    gap: 16px;                              /* space between cards */
    padding: 0 0 40px;                      /* space below the grid */
}

.sc-group-0 .sc-categorycard {
    position: relative;
    display: block;
    aspect-ratio: 1/1 ;                  /* card shape */
    border-radius: 8px;
    overflow: hidden;                       /* clips the zoom so it stays inside the card */
    text-decoration: none;
    /* background-color: #1a1a1a;    */
    /* gap fill behind Option 1 */
}

/* Image layer — this is what zooms */
.sc-group-0 .sc-categorycard-img {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;        /* smooth zoom on hover */

    /* ===== OPTION 1 — whole photo, zoomed out (side gaps) ===== */
    /* background-size: contain;
    background-position: center; */

    /* ===== OPTION 2 — filled, shows body (no gaps) ===== */
    background-size: cover;
    background-position: center top;
    
}
.sc-group-0 .sc-categorycard:hover .sc-categorycard-img {
    transform: scale(1.08);                 /* zoom amount on hover */
}

/* Dark gradient — sits above the image, below the label */
.sc-group-0 .sc-categorycard::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 55%);
}

.sc-group-0 .sc-categorycard-label {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 14px;
    z-index: 3;                             /* top layer */
    color: #ffffff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

/* The ">" arrow on the right side of the label */
.sc-group-0 .sc-categorycard-label::after {
    content: "\203A";                       /* the › character */
    position: absolute;
    right: 0;
    font-size: 22px;
    transition: transform 0.2s ease;
}

/* Nudge the arrow right on hover */
.sc-group-0 .sc-categorycard:hover .sc-categorycard-label::after {
    transform: translateX(4px);
}

/*** TEST CAROUSEL — temporary, delete after confirming it rotates ***/

/* Frame that holds the boxes and hides the ones not showing */
.sc-group-0 .sc-testcarousel {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

/* Stack the boxes; invisible until their turn */
.sc-group-0 .sc-testslide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    animation: scTestFade 9s infinite;   /* 3 boxes x 3s each */
}

/* Different colors so the switch is obvious */
.sc-group-0 .sc-testslide-1 { background: #C0392B; animation-delay: 0s; }
.sc-group-0 .sc-testslide-2 { background: #2980B9; animation-delay: 3s; }
.sc-group-0 .sc-testslide-3 { background: #27AE60; animation-delay: 6s; }

/* Timed fade: in, hold, out, stay hidden */
@keyframes scTestFade {
    0%   { opacity: 0; }
    6%   { opacity: 1; }
    28%  { opacity: 1; }
    34%  { opacity: 0; }
    100% { opacity: 0; }
}

/*** FEATURES BAR (DARK STRIP) ***/
.sc-group-0 .sc-features {
    display: grid;                          /* rows & columns layout */
    grid-template-columns: repeat(6, 1fr);  /* 6 equal columns */
    gap: 24px;
    background-color: #111d33;              /* dark navy */
    padding: 40px 30px;
}

.sc-group-0 .sc-feature {
    text-align: center;                     /* centers icon + text */
}

.sc-group-0 .sc-feature-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;                    /* keeps the icon's proportions */
    margin-bottom: 14px;
}

.sc-group-0 .sc-feature-title {
    color: #c89b5b;                         /* gold heading */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 8px;
}

.sc-group-0 .sc-feature-text {
    color: #c2cad6;                         /* light gray body */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}

/* Tablets — 3 across */
@media (max-width: 900px) {
    .sc-group-0 .sc-features {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 32px;
    }
}
/* Phones — 2 across */
@media (max-width: 560px) {
    .sc-group-0 .sc-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*** TRUSTED BY INDUSTRY LEADERS ***/
.sc-group-0 .sc-trusted {
    display: flex;                  /* intro on the left, icons on the right */
    align-items: center;
    gap: 40px;
    background-color: #ffffff;      /* light gray */
    padding: 40px 50px;
}

/* Left text column */
.sc-group-0 .sc-trusted-intro {
    flex: 0 0 320px;                /* fixed-ish width, doesn't shrink */
    max-width: 320px;
}
.sc-group-0 .sc-trusted-title {
    color: #1f2733;                 /* dark heading */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.sc-group-0 .sc-trusted-text {
    color: #555c66;                 /* muted body */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 14px;
}
.sc-group-0 .sc-trusted-link {
    color: #c8932f;                 /* amber link */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
.sc-group-0 .sc-trusted-link:hover {
    text-decoration: underline;
}

/* Right icons row */
.sc-group-0 .sc-trusted-icons {
    flex: 1;                        /* takes the remaining width */
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.sc-group-0 .sc-trusted-item {
    text-align: center;
}
.sc-group-0 .sc-trusted-icon {
    width: 200px;
    height: 200px;
    object-fit: contain;
    margin-bottom: 10px;
}
.sc-group-0 .sc-trusted-label {
    display: block;
    color: #333a44;                 /* dark label */
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -45px;
}

/* Tablets/phones — stack intro on top, icons wrap to 3 across */
@media (max-width: 900px) {
    .sc-group-0 .sc-trusted {
        flex-direction: column;
        align-items: flex-start;
    }
    .sc-group-0 .sc-trusted-intro {
        flex-basis: auto;
        max-width: 100%;
    }
    .sc-group-0 .sc-trusted-icons {
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 28px;
    }
}

.sc-group-0 .sc-trusted-link::after {
    content: " \2192";      /* → arrow, added via CSS so the page encoding can't break it */
}

/*** ABOUT US PAGE ***/
.sc-group-0 .sc-about {
    max-width: 860px;               /* keeps line length comfortable to read */
    margin: 0 auto;                 /* centers the column */
    padding: 50px 24px;
    font-family: "Be Vietnam Pro", sans-serif;
    color: #3a4250;                 /* body text color */
}

.sc-group-0 .sc-about-title {
    color: #1f2733;                 /* dark heading */
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 24px;
}

.sc-group-0 .sc-about-heading {
    color: #1f2733;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin: 40px 0 14px;            /* space above each section */
    padding-bottom: 8px;
    border-bottom: 2px solid #FFE14F;  /* orange accent line under headings */
}

.sc-group-0 .sc-about p {
    font-size: 17px;
    line-height: 1.7;               /* roomy line spacing for readability */
    margin: 0 0 18px;
}

.sc-group-0 .sc-about-list {
    margin: 0 0 18px;
    padding-left: 22px;
}
.sc-group-0 .sc-about-list li {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 8px;
}
.sc-group-0 .sc-about-list li::marker {
    color: #050505;                 /*bullets*/
}

/* Phones */
@media (max-width: 600px) {
    .sc-group-0 .sc-about-title { font-size: 30px; }
    .sc-group-0 .sc-about-heading { font-size: 22px; }
    .sc-group-0 .sc-about p,
    .sc-group-0 .sc-about-list li { font-size: 16px; }
}

/*** ENLARGE STORE LOGO (retail) ***/
.sc-group-0 .ret-storelogo img,
.sc-group-0 .scw-storelogo img {
    max-height: 130px !important;   /* bigger logo — raise/lower to taste */
    width: auto !important;         /* keeps the logo's proportions */
    height: auto;
}

/*** MAKE STORE LOGO NOT CLICKABLE ***/
.sc-group-0 .scw-storelogo a {
    pointer-events: none;
    cursor: default;
}

/*** MENU BAR — GRAY BACKGROUND ***/
.sc-group-0 .scp-menu {
    background-color: #555555;
}



/************************/
/****Rebrand Changes*****/
/************************/

/*****Home Page Changes*****/

/* Header background → Safety Blue, gray top/bottom borders (retail only) */
.sc-group-0 .scp-layout.sce-l-s.scp-layout_grpheader:has(.ret-storelogo),
.sc-group-0 .scp-layout.sce-l-s.sce-l-nc.sct-top-bar,
.sc-group-0 .scp-menu-publish {
    background-color: #2F6FA3 !important;
}

/* Silver accents on bottom border of top header */
.sc-group-0 .scp-layout.sce-l-s.sce-l-nc.sct-top-bar{
    /* border-bottom: 1px solid #C1C8CC !important; */
    border-bottom: none !important;
}

/* Orange accents on bottom meny bar */
.sc-group-0 .scp-menu-publish{
    border-bottom: 3px solid #F26423 !important;
}

/* Silver accents on header */
.sc-group-0 .scp-layout.sce-l-s.scp-layout_grpheader:has(.ret-storelogo){
    /* border-top: 3px solid #C1C8CC !important; */
    /* border-bottom: 1px solid #C1C8CC !important; */
    border-bottom: none !important;
}

/* Recoloring search bar button background / cart shop count */
.sc-group-0 .scw-search.scws-style-1 .form-control-feedback.scp-searchsubmit,
.sc-group-0 .scw-shoppingcart.scws-style-1 #scpc-cart-item-count{
    background-color: #C1C8CC !important;
}

/* Recoloring "My Cart" */
.sc-group-0 .sc-store-cart.scws-style-1 .scw-cart-btn:after,
.sc-group-0 .scw-shoppingcart.scws-style-1>a>.sca-cart-finalamount,
.sc-group-0 .sc-store-cart.scws-style-1>a>i{
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Recolor menu yellow line on hover to orange*/
.sc-group-0 .customMenu h3 a:hover {
    text-decoration-color: #F26423 !important;
}

/*** MENU HOVER — SILVER BACKGROUND + WHITE FONT, ROUNDED ***/
.sc-group-0 .scp-menu .navbar-default .navbar-nav>li>a:hover,
.sc-group-0 .navbar-default .navbar-nav>li>a:focus,
.sc-group-0 .navbar-default .navbar-nav>li:hover>a,
.sc-group-0 .scp-menu .navbar .navbar-nav>li:hover>a {
    background: #C1C8CC !important;
    border-radius: 8px !important;
}

/* Recoloring footer to deep navy */
.sc-group-0 .scp-footer.sct-footer {
    background-color: #123B67 !important;
}

/* Recoloring trusted link to black */
.sc-group-0 .sc-trusted-link{
    color: #1f2733 !important;
}

/* Features band background → navy (retail only) */
.sc-group-0 .sc-features {
    background-color: #2F6FA3 !important;
}

/* Feature titles → orange (retail only) */
.sc-group-0 .sc-feature-title {
    color: #C1C8CC !important;
}




/********PLP Changes********/
/* Recoloring price range slider to orange */
.sc-group-0 .noUi-connect {
    background: #F26423;
}

/* About headings: yellow underline → orange (retail only) */
.sc-group-0 .sc-about-title,
.sc-group-0 .sc-about-heading {
    border-bottom-color: #F26423 !important;      /* if the line is a bottom border */
    text-decoration-color: #F26423 !important;    /* if the line is an underline */
}


/********PDP Changes********/

/* Recoloring backgrounds of add to cart and quick buy */
.sc-group-0 #btn_add_to_cart,
.sc-group-0 .btn.btn-primary.btn-quick-buy.selling-online{
    background-color: #2F6FA3 !important;
}

/* Removing border on quick buy button */
.sc-group-0 .btn.btn-primary.btn-quick-buy.selling-online{
    border: none !important;
}

/* Favorite/wishlist icon → orange (retail only) */
.sc-group-0 .scpd-template-4 .scpd-wishlist i,
.sc-group-0 .scpd-template-4 .scpd-wishlist em {
    color: #F26423 !important;
}

/* Recoloring text of Add to Cart */
.sc-group-0 #btn_add_to_cart{
    color: #fff !important;
}

/* Recoloring add to cart box background to silver */
.sc-group-0 .add-cart-box{
    background-color: #C1C8CC !important;
}

/* Recolor "OR" text to black (retail only) */
.sc-group-0 .scpd-template-4 .or-opt span::before {
    color: #1f2733 !important;
    background-color: #C1C8CC !important;
    font-weight: 700 !important
}

/* Underlining brand name */
.sc-group-0 .scpd-brandname{
    text-decoration: underline !important;
}

/* Making option label not clickable (retail only) */
.sc-group-0 .scpd-option-section label {
    cursor: default !important;
}

/* Swatch section: stop the inherited hand on the whole block (retail only) */
.sc-group-0 .scpd-option-section.scpd-option-swatches {
    cursor: default !important;
}

/* Give the hand back to the actual swatch only */
.sc-group-0 .scpd-option-section.scpd-option-swatches li.scpd-swatch-box,
.sc-group-0 .scpd-option-section.scpd-option-swatches li.scpd-swatch-box img {
    cursor: pointer !important;
}

/* scai-options: real options keep the hand (retail only) */
.sc-group-0 .scpd-option-section.scai-options ul li,
.sc-group-0 .scpd-option-section.scai-options ul li a {
    cursor: pointer !important;
}

/***PDP Option Changes***/
/*** OPTION BUTTONS — scai-options (retail rebrand colors) ***/

/* Option row: neat wrapping layout */
.sc-group-0 .scpd-option-section.scai-options ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Option boxes: white, rounded, padded */
.sc-group-0 .scpd-option-section.scai-options ul li {
    background-color: #fff;
    border-radius: 4px;
    padding: 3px 8px;
    margin-top: 16px;
    font-size: 14px;                         /* covers text sitting directly in the li */
}
.sc-group-0 .scpd-option-section.scai-options ul li a {
    font-size: 14px;                         /* covers text wrapped in a link */
}

/* Hover: navy border + underlined text */
.sc-group-0 .scpd-option-section.scai-options ul li:hover {
    border: 1px solid #2F6FA3 !important;
}
.sc-group-0 .scpd-option-section.scai-options ul li:hover,
.sc-group-0 .scpd-option-section.scai-options ul li a:hover {
    text-decoration: underline !important;
}

/* Selected: silver box, bold navy underlined text */
/* covers both possible active class names */
.sc-group-0 .scpd-option-section.scai-options ul li.scp-active,
.sc-group-0 .scpd-option-section.scai-options ul li.scai-op-active {
    background-color: #F26423 !important;
    border: 1px solid #d24403 !important;
    color: #fff !important;
    text-decoration: underline !important;
}
.sc-group-0 .scpd-option-section.scai-options ul li.scp-active a,
.sc-group-0 .scpd-option-section.scai-options ul li.scai-op-active a {
    font-weight: 700;
    text-decoration: underline !important;
    color: #2F6FA3 !important;
}

/* Disable focus ring on ALL option buttons/swatches (retail only) */
.sc-group-0 .scpd-option-section li:focus,
.sc-group-0 .scpd-option-section li a:focus {
    outline: none !important;
}