/*
** Bootstrap over-rides
*/

body {
	display: flex;
	height: 100%;
	flex-direction: column;
	min-height: 100vh;
}
.page-content {
	flex: 1 0 auto;
}
footer {
	flex-shrink: 0;
}
.product-items.productList .product-item .img img{
	position:inherit;
}
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
}
@media (max-width: 991px){
.product-items.productList .product-item .img {
    padding-right: 0;
    width: 32%;
}
}
body {
    /*font-family: 'Open Sans','Open Sans Fallback', sans-serif;*/
	font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    color: #464646;
	line-height: 1.5;
}
img {
    max-width: 100%;
}
.primary-bg {
    background: #00afe7;
    color: #fff;
}
.secondary-bg {
    background: rgba(199, 194, 190, 0.6);
    color: inherit;
}
h1 {
	font-size: 30px;
}

.titles {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
}

.subcategories {
    border-bottom: 1px solid #ececec;
    padding: 0 0 30px;
}
.subcategories > ul > li > a {
    color: #000;
    text-decoration: none;
    display: block;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.subcategories > ul > li > a:hover {
    opacity: 0.8;
}
.subcategories > ul > li span.name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.category-products {
    padding: 35px 0 30px;
}
.category-actions {
    padding: 0 0 35px;
    margin: 0 0 35px;
    border-bottom: 1px solid #ececec;
}


@media (min-width: 768px) {
  .container {
    width: 100%;
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1230px;
  }
}

.form-control {
    color: #000;
    font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    font-size: 13px;
    height: 38px;
    padding: 7px 12px;
}
.form-control.search-text {
     border-color: #cecece;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    font-size: 16px;
    padding: 8px 12px;
    font-weight: 700;
    text-transform: none;
}
.btn-default {
    border-color: #ff6e56;
    background-color: #ff6e56;
    color: #0d0d0d;
}
.btn-default:hover,
.btn-default:focus, 
.btn-default.focus {
    color: #fff;
    background-color: #1b2b33;
    border-color: #1b2b33;
}
.btn-default.btn-inverse,
.btn-primary {
    color: #1b2b33;
    background-color: #fff;
    border-color: #1b2b33;
}
.btn-default.btn-inverse:hover,
.btn-primary:hover {
	color: #1b2b33;
    background-color: #ff6e56;
    border-color: #1b2b33;
    opacity: 0.8;
}
.navbar-wrapper {
    background: none;
}
.navbar.navbar-inverse {
    margin: 25px 0 0 0;
    padding:0px;
    border: none;
    background-color: transparent;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-inverse .navbar-nav > li > a {
    color: #1b2b33;
	font-weight: 400;
	letter-spacing: 0.025em;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    min-height: 40px;
    padding: 10px 12px;
}
.navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #1b2b33;
}
.navbar-nav > li > .dropdown-menu {
    background: #1b2b33;
}
.dropdown-menu > li > a {
    font-size: 12px;
    padding: 6px 20px;
    text-transform: uppercase;
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #ff6e56;
    color: #fff;
}
.navbar-nav > li.dropdown > a:after {
    content: "\f107";
    font-family: "fontello";
    font-size: 18px;
    line-height: 1;
    margin-left: 5px;
}
@media (max-width: 1023px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
  }
  .navbar-nav>li {
      float: none;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
}

/*
** Template code
*/
.logo {
    height: 100px;
    position: relative;
    overflow: hidden;
}
.logo img {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.logo a:hover img {
    opacity: 0.6;
}
.top-nav {
    background: #1b2b33;
    color: #fff;
}
.top-nav ul {
    padding: 11px 0;
    margin: 0;
    list-style: none;
    font-size: 12px;
    line-height: 1;
    font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    text-transform: none;
    font-weight: 400;
}
.top-nav ul li {
    float: left;
    border-right: 1px solid #fff;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}
.top-nav .useraccount ul {
    float: right;
}
    .top-nav .useraccount ul li {
        border: none;
    }

.top-nav ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
.top-nav ul li a {
    color: #fff;
    padding:2px 6px;
}
.top-nav span {
    color: #ff6e56;
}
.top-nav ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

.utils {
    margin: 0px 0 0px 15px;
    padding: 0;
    list-style: none;
    text-align: right;
    float: right;
}
    .utils li {
        display: inline-block;
        text-align:right;
        line-height: 40px;
        padding: 0 7px;
    }

    .utils a {
        padding:0;
        color: #8f9090;
    }

    .utils a:hover {
        text-decoration: none;
    }

.site-header {
    padding: 30px 0 10px 0;
    background: #fff;
}
@media(max-width: 1023px) {
    .site-header {
        padding: 10px 0px;
    }
}
@media(max-width: 767px) {
    .site-header {
    }
}


.site-header .searchBox {
    padding:0;
    margin: 25px 0 0 0;
}

.searchBox {
    padding: 10px 0;
}
.search-form {
    position: relative;
    border: 1px solid #1b2b33;
}

.search-form .search-text {
    padding: 9px 62px 9px 12px;
    height: 40px;
    color: #1b2b33;
    border: none;
}
.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    border: none;
}


.minicart {
    min-width: 165px;
    height: 60px;
    float: right;
    padding: 15px 0 15px 10px;
    border-left: 1px solid #ececec;
}
.minicart-inner {
    display: block;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
}
.minicart-inner:hover {
    color: #000;
    opacity: 0.8;
}
.minicart .cart-icon {
    display: block;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    float: left;
    margin-right: 5px;
}
.minicart .cart-details {
    display: block;
    float: left;
}

span.cart-title {
    font-size: 12px;
    line-height: 15px;
    display: block;
	font-weight: bold;
}
span.cart-count {
    color: #676767;
    font-size: 10px;
    display: block;
    line-height: 15px;
	font-weight: 500;
}
.site-footer {
    background-color: #1b2b33;
    padding: 50px 0 0;
    color: #fff;
    font-family: 'Open Sans','Open Sans Fallback', sans-serif;
}
@media(max-width: 767px) {
    .site-footer {
        text-align: center;
    }
}
@media(max-width: 991px) {
    ul.extrapages {
        margin-bottom: 20px;
    }
}
ul.extrapages li {
    line-height: 1.5em;
    margin: 0 0 15px;
}
ul.extrapages li a {
    color: #fff;
    font-size: 16px;
    text-transform: none;
}
    ul.extrapages li a i{
        font-size: 8px;
        vertical-align: middle;
    }
.footer-social {
    padding-top: 15px;
    padding-bottom: 15px;
}
.copyright {
    margin-top:20px;
    border-top:1px solid #ff6e56;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height:36px;
}
@media(min-width: 1200px) {
    .copyright {
        text-align: left;
    }
}
.mailist-box {
    width: 100%;
    float: right;
    margin-bottom: 25px;
}
.mailist-box h3 {
    margin: 0 0 15px;
	font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}
.mailist-box p {
    margin: 0 0 15px;
	font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    color: #8f9090;
}
.mailinglist-form {
    position: relative;
}
.mailinglist-input.form-control {
    background-color: #fff;
    border-color: #fff;
    max-width: 100%;
    color: #afafaf;
    float: left;
}
.mailinglist-submit {
    border: none;
    float: right;
    width: 17%;
    border: none;
    background: #fff;
    color: #ff6e56;
    position: absolute;
    top: 0px;
    right: 0px;
	height: 100%;
}
.btn-default.mailinglist-submit:hover, 
.btn-default.mailinglist-submit:focus {
    border: none;
    background-color: #ff6e56 !important;
    color: #fff !important;
}
.mailinglist-response {
    display: none;
}
.maillist-options {
    margin: 15px 0 0;
}
.subscribe {
    float: none;
    display: inline-block;
    margin-right: 20px;
    line-height: 13px;
}
.subscribe input[type="radio"] {
    margin: 0;
    vertical-align: middle;
}
.subscribe label {
    margin: 0;
    font-size: 14px;
    line-height: 13px;
    font-weight: 300;
    margin-left: 3px;
    color: #fff;
    cursor: pointer;
}

.footer-social ul {
    margin: 0;
}
ul.payment-icons {
    text-align: center;
    color: #fff;
}
@media(min-width: 1200px) {
    ul.payment-icons {
        text-align: right;
    }
}
ul.payment-icons li {
    font-size: 34px;
    line-height: 36px;
    vertical-align: middle;
}

ul.payment-icons li.payment-icons-label,
ul.social-icons li.social-icons-label {
    font-size: 20px;
    vertical-align: middle;
    /*font-family: 'Open Sans','Open Sans Fallback', sans-serif;*/
	font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    text-transform: uppercase;
    margin-right: 20px;
}

.social-icons {
    width: auto;
    float: none;
    margin-bottom: 25px;
}
@media (max-width:767px) {
    .social-icons {
        margin: 20px auto;
    }
}
.social-icons h3 {
    margin: 0 0 15px;
	font-family: 'Open Sans','Open Sans Fallback', sans-serif;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}
.social-icons li a {
    color: #1b2b33;
    background-color: #fff;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 0;
    display: block;
    text-align: center;
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.social-icons li a:hover {
    background: #fff;
    color: #ff6e56;
    opacity: 1;
}


.reviews-stars:before {
    font-family: "fontello";
    content: "\e803 \e803 \e803 \e803 \e803";
    color: #b8b8b8;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star,
.reviews-stars {
    color: #ff6e56;
}

.product-items .product-item {
    text-align: center;
	min-height: 452px;
}
.product-item .name {
    margin-bottom: 5px;
}
.product-item .name a {
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 600;
}
.product-item .desc {
    margin-bottom:10px;
    font-size: 14px;
    color: #1c1c1c;
	min-height: 42px;
}
.product-item del.regular-price {
    text-decoration: line-through;
}
.sale-price {
    color: #575757;
}
del.original-price {
    font-weight: 500;
}
span.freeshipping {
    color: #00a888;
}
.product-item .status span:before {
    content: "-";
}
.product-item .status {
    font-size: 12px;
    line-height: 1;
    display: none;
}
.product-item .price {
    font-size: 16px;
    font-weight: 600;
    color: #1c1c1c;
}
.product-item .on-sale-badge {
    border-radius: 100%;
    line-height: 20px;
    padding:15px 0;
    height:50px;
    width:50px;
    text-align: center;
    top:0;
    right: 0;
    background: #b30000;
}
.product-item .img {
    min-height: 0;
	padding-top: 100%;
    position: relative;
    border: 1px solid #1b2b33;
    background-color: #fff;
}
.product-item .img a {
    display: block;
}
.product-item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	max-width: 100%;
    max-height: 100%;
}
.product-item .action .btn {
    min-width: 150px;
}
.head-mobile-nav {
    margin: 15px auto;
}
.head-mobile-nav > a {
    color: #1b2b33;
    font-size: 24px;
    line-height: 1;
    margin:0 0 0 0px;
}
.head-mobile-nav .icon-bar {
    background-color: #1b2b33;
}
/*
** Homepage
*/
.products-section {
    background-color: #fff;
    padding: 30px 0 0;
}
.products-section h2,.products-section h1 {
    text-align: center;
    color: #1b2b33;
    font-size: 26px;
    line-height: 1.75;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 0 10px 0;
    margin: 0 0 10px;
    position: relative;
    border: none;
}
    .products-section h2 span,.products-section h1 span{
        display: inline-block;
        position:relative;
        z-index:1;
    }
.products-section h2:after,.products-section h1:after {
    display: none;
}
.home-page-content .category-footer {
    padding: 40px 0 40px;
}
.home-page-content .category-footer h3 {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 20px;
    font-weight: bold;
}
.home-page-content .category-footer p {
    margin: 0 0 30px;
    text-align: justify;
}
.home-page-content .category-footer a:hover img {
    opacity: 0.7;
}
.home-page-content .category-header {
    padding: 50px 0;
}
.home-page-content .category-header img {
    margin: 0 auto;
}

.extrapages-shower a {
    display: block;
    background-color: #ff6e56;
    color: #fff;
    padding: 10px 18px;
    text-decoration: none !important;
}
.extrapages-shower a:after {
    content: "\f106";
    font-family: "fontello";
    float: right;
}
.extrapages-shower a.collapsed:after {
    content: "\f107";
}
@media(max-width: 1023px) {
    .logo {
        height: 80px;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size: 14px;
        min-height: 0;
    }
    .navbar-nav > li.dropdown > a:after {
        float: right;
    }
    .mailist-box {
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .footer-social {
        text-align: center;
    }
}
@media(max-width: 767px) {
    .logo {
        text-align: center;
        height: 60px;
    }
    .logo img {
    }
    .searchBox {
        padding: 20px 0 0;
    }
    .search-form-col {
        clear: both;
    }
    .flex-direction-nav a:before {
        font-size: 24px;
    }
    .flex-direction-nav a {
        width: 24px;
        height: 24px;
        line-height: 24px;
        margin: -12px 0 0;
    }
    .mailinglist-input.form-control {
    }
    .social-icons li a {
        width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 16px;
    }
    .footer-social ul li {
        padding: 0 4px;
    }
    .extrapages {
        display: none;
    }
    .home-page-content .category-header {
        padding: 15px 0;
    }
    .mailist-box {
        margin: 25px auto;
    }
    .extrapages-shower a {
        display: block;
    }
    ul.extrapages {
        margin: 0;
        padding: 15px 0;
    }
    ul.extrapages li a {
        font-size: 14px;
    }
}
@media(max-width: 567px) {
    .product-items.product-items-1 .product-item,
    .product-items.product-items-2 .product-item,
    .product-items.product-items-3 .product-item,
    .product-items.product-items-4 .product-item,
    .product-items.product-items-5 .product-item,
    .product-items.product-items-6 .product-item {
        max-width: 270px;
    }
}

.menu-open {
    overflow: hidden;
}
.mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background-color: rgba(0,0,0,0.5);
}
.menu-open .mobile-menu {
    overflow-x: hidden;
    overflow-y: auto;
}
.mobile-menu-inner {
    background-color: #fff;
    padding: 30px 20px;
    width: 250px;
    margin-left: auto;
    margin-right: 0;
    min-height: 100vh;
    position: relative;

    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(250px,0);
    -ms-transform: translate(250px,0);
    -o-transform: translate(250px,0);
    transform: translate(250px,0);
}
.menu-open .mobile-menu-inner {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.mobile-menu-close a {
    color: #000;
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    text-decoration: none;
}
.mobile-menu-close a:after {
    content: '\e805';
    font-family: "fontello";
}
.mobile-menu-widget {
    margin: 30px 0;
}
.mobile-menu-widget h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1;
    border-bottom: 1px solid #ececec;
}
.mobile-menu-widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.mobile-menu-widget ul li {
    margin: 0 0 10px;
}
.mobile-menu-widget ul li a {
    padding: 0;
    line-height: 1;
    font-size: 13px;
    background-color: transparent !important;
    display: block;
    color: #555;
    text-decoration: none !important;
}
.mobile-menu-widget ul li a:hover {
    color: #333;
}
.mobile-menu-widget ul ul {
    display: none !important;
}
.mobile-menu-widget ul li a:after {
    display: none;
}

.mailinglist-response {
    margin: 10px 0;
    padding: 10px 20px;
    font-size: 12px;
    background-color: #2d2d2d;
    color: #ccc;
}
.mailinglist-error span {
    color: #8a6d3b;
}
.mailinglist-subscribed span,
.mailinglist-unsubscribed span {
    color: #3c763d;
}
.mailinglist-response,
.mailinglist-response div {
}

.floating-cart {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    background-color: #1b2b33;
    color: #fff;
    border-radius: 20px 0 0 20px;
    padding: 15px;
    text-align: center;
    width: 90px;
    display: none;
}

.floating-cart a,
.floating-cart a:hover {
    color: #fff;
    text-decoration: none;
}
.floating-cart span.cart-icon {
    display: block;
    font-size: 30px;
    line-height: 1;
}
.floating-cart span.cart-details {
    font-size: 12px;
    text-transform: none;
    display: block;
    margin: 5px 0 0;
}

.paging {
    float: right;
}
.paging strong, 
.paging a {}
.paging strong,
.paging a:hover {
    color: #fff;
    background-color: #0f0f0f;
    text-decoration: none;
}

/*
Common page styles */
.page_header {
	margin: 0 0 30px;
}
.page_heading {
    margin: 0 0 0;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.page_heading:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85px;
    height: 1px;
    border-bottom: 1px solid #000;
}
.category-header {
    margin: 20px 0 0;
}

.fullwidth-slider img{
    width: 100%;
}


.scrollToTop{
    position: fixed;
    bottom: 0%;
    right: 5px;
    display: none;
    z-index: 999;
    text-align: center;

    color: #000;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 20px 20px 0 0;
    width: 70px;
    display: none;

    font-size: 36px;
}
.scrollToTop:hover{
	text-decoration:none;
    background-color: rgba(255, 255, 255, .8);
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 1000ms ease-in-out;
    -ms-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
}
    .scrollToTop span {
        display: none;
    }


iframe {
    display: block;
}

.product-item.slick-slide {
    padding: 0 15px !important;
}
.copyright_txt a{color:#fff;}
@media(max-width: 767px) {
    .product-item.slick-slide {
        max-width: inherit;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: left !important;
    }
	.copyright_txt p {
		line-height: 1.5;
	}
	ul.payment-icons li {
		font-size: 30px;
	}
}
@media (min-width: 1200px) {
	.cart-box.fixed-cart-box .cart-box-sticky {
		max-width: 280px;
	}
}
@media(min-width: 768px) {
    .revealOnScroll {
        opacity:0;
    }
}

/* ===== SBGW-head-hoist 2026-09-03 =====
   Header/nav layout rules mirrored from the Global Footer snippet so they load in the HEAD.
   The footer copy arrives ~47KB after the header markup and was re-laying out the header
   after first paint, which is what produced the desktop CLS failure in Search Console.
   Keep in sync with the Global Footer block if that one is edited. ===== */

#categories.navbar-nav { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
#categories.navbar-nav > li { margin-right: 2px; }
#categories.navbar-nav > li > a { display: block; padding: 12px 16px !important; font-weight: 600 !important; border-bottom: 3px solid transparent !important; transition: background .18s, color .18s, border-color .18s !important; }
#categories.navbar-nav > li + li > a { box-shadow: -1px 0 0 #f0f0f0; }
#categories.navbar-nav > li > a:hover, #categories.navbar-nav > li > a:focus { background: rgba(232,89,12,.1) !important; border-bottom-color: #e8590c !important; color: #e8590c !important; }
#categories.navbar-nav > li.sbgw-active > a { border-bottom-color: #e8590c !important; color: #e8590c !important; background: rgba(232,89,12,.06) !important; }

@media (min-width: 992px) {
  /* SBGW dead-zone fix: keep category bar visible 992-1023px */
  .navbar .navbar-collapse, #navbar.navbar-collapse { display: block !important; height: auto !important; overflow: visible !important; }
  /* SBGW logo-search-fix */
  .site-header .logo{position:relative !important;width:auto !important;height:auto !important;overflow:visible !important;}
  .site-header .logo a{display:inline-block !important;}
  .site-header .logo img, img.logo{position:static !important;width:150px !important;max-width:150px !important;height:auto !important;aspect-ratio:304/243;}
  .site-header .searchBox{display:flex !important;justify-content:flex-end;align-items:center;width:auto !important;}
  .site-header .searchBox input[name=keyword]{width:0 !important;min-width:0 !important;padding:0 !important;margin:0 !important;border-width:0 !important;opacity:0;transition:width .25s ease,opacity .2s,padding .2s;box-sizing:border-box;}
  .site-header .searchBox.sbgw-search-open input[name=keyword]{width:220px !important;opacity:1;padding:8px 10px !important;border-width:1px !important;}
  /* sbgw-search-compact: shrink search column so nav reclaims space; overlay on open */
  .site-header .col-sm-3.hidden-sm{flex:0 0 auto !important;width:auto !important;}
  .site-header .searchBox{position:relative !important;}
  .site-header .searchBox input[name=keyword]{position:absolute !important;top:50%;transform:translateY(-50%);right:48px;}
  .site-header .searchBox.sbgw-search-open input[name=keyword]{background:#fff;border:1px solid #ccc !important;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:30;}
  .site-header { padding-top: 10px; }
  .navbar.navbar-inverse { margin-top: 0px; }
  .site-header .searchBox { margin-top: 0px; }
  .site-header .row { display: flex; flex-wrap: nowrap; align-items: center; }
  .site-header .row::before, .site-header .row::after { display: none; }
  .site-header .col-sm-3.col-xs-6 { flex: 0 0 auto; width: auto; float: none; }
  .site-header .col-sm-6 { flex: 1 1 auto; width: auto; float: none; }
  .site-header .col-sm-3.hidden-sm { flex: 0 0 240px; width: 240px; float: none; }
  .site-header .navbar .navbar-collapse { text-align: left; }
  #categories.navbar-nav { display: flex; flex-wrap: wrap; width: 100%; margin: 0px; justify-content: flex-start; gap: 4px; }
  #categories.navbar-nav > li { float: none; }
}

@media (min-width: 992px) {
  /* sbgw-search-fix2: corrected compact search (icon closed, overlay popup open) */
  .site-header .col-sm-3.hidden-sm{flex:0 0 auto !important;width:auto !important;}
  .site-header .searchBox{position:relative !important;display:block !important;width:auto !important;}
  .site-header .searchBox .search-form{position:relative !important;width:44px !important;height:40px !important;}
  .site-header .searchBox .search-form input[name=keyword]{position:static !important;width:100% !important;height:40px !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;opacity:0 !important;transform:none !important;right:auto !important;top:auto !important;box-shadow:none !important;}
  .site-header .searchBox .search-submit{position:absolute !important;top:0 !important;right:0 !important;height:40px !important;width:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
  .site-header .searchBox.sbgw-search-open .search-form{position:absolute !important;right:0 !important;top:50% !important;transform:translateY(-50%) !important;width:260px !important;z-index:30 !important;}
  .site-header .searchBox.sbgw-search-open .search-form input[name=keyword]{opacity:1 !important;width:100% !important;padding:9px 46px 9px 12px !important;border:1px solid #ccc !important;background:#fff !important;box-shadow:0 2px 8px rgba(0,0,0,.15) !important;}
}

@media (min-width: 992px) {
  /* sbgw-nav-sizing: full-width header, pinned tab size, tight logo gap */
  .site-header .container{max-width:1230px !important;width:auto !important;padding-left:15px !important;padding-right:15px !important;margin-left:auto !important;margin-right:auto !important;}
  #categories.navbar-nav > li > a{font-size:14px !important;padding:9px 11px !important;letter-spacing:.2px !important;}
  .site-header .col-sm-3.col-xs-6{flex:0 0 auto !important;width:auto !important;max-width:none !important;padding-left:15px !important;padding-right:0 !important;}
  .site-header .col-sm-6{flex:1 1 auto !important;max-width:none !important;width:auto !important;padding-left:12px !important;}
}

/* sbgw-topsearch: relocate site search into top utility bar */
@media (min-width: 992px){
.sbgw-toprow{display:flex !important;align-items:center !important;flex-wrap:nowrap !important;}
.sbgw-topleft{flex:0 0 auto !important;width:auto !important;}
.sbgw-topright{flex:0 0 auto !important;width:auto !important;margin-left:auto !important;}
.sbgw-topsearch{flex:0 0 auto !important;position:relative !important;display:block !important;float:none !important;width:auto !important;margin:0 0 0 28px !important;}
.sbgw-topsearch .search-form{position:relative !important;width:auto !important;height:auto !important;display:block !important;}
.sbgw-topsearch input[name=keyword]{position:static !important;opacity:1 !important;width:200px !important;height:30px !important;padding:4px 36px 4px 10px !important;border:1px solid #cfd4d8 !important;border-radius:4px !important;background:#fff !important;color:#222 !important;font-size:13px !important;transform:none !important;box-shadow:none !important;margin:0 !important;}
.sbgw-topsearch .search-submit{position:absolute !important;top:0 !important;right:0 !important;width:34px !important;height:30px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
}
@media (max-width: 991px){.sbgw-topsearch{display:none !important;}}

/* ===== end SBGW-head-hoist ===== */


/* ===== SBGW-head-hoist-hero 2026-09-03 =====
   Homepage hero (sbgw-hero2) rules mirrored from the in-page style block in home.html
   so the hero is laid out correctly at first paint. The in-page copy sits ~30 percent into
   the document and was restyling the hero after paint, which shifted the whole page.
   The Google Fonts @import was dropped here on purpose - Oswald and Open Sans are already
   linked in the head. Keep in sync with the home.html block. ===== */

    600&display=swap');
    .sbgw-hero2{background:linear-gradient(180deg,#ffffff 0%,#f2f2ef 100%);position:relative;overflow:hidden;font-family:'Open Sans','Open Sans Fallback',sans-serif}
    .sbgw-hero2::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(115deg, rgba(21,24,28,.022) 0 1px, transparent 1px 110px);pointer-events:none}
    .sbgw-hero2-accent{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#f26a21,rgba(242,106,33,.25))}
    .sbgw-hero2-wrap{max-width:1220px;margin:0 auto;padding:58px 32px;position:relative;z-index:1}
    .sbgw-hero2-eyebrow{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f26a21;margin:0 0 14px}
    .sbgw-hero2-h{font-family:'Oswald','Oswald Fallback',sans-serif;font-weight:600;line-height:1.06;text-transform:uppercase;color:#15181c;font-size:52px;max-width:820px;margin:0}
    .sbgw-hero2-h em{font-style:normal;color:#f26a21}
    .sbgw-hero2-sub{font-size:17px;line-height:1.6;margin:18px 0 28px;color:#4a4e54;max-width:640px}
    .sbgw-hero2-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
    .sbgw-hero2 .sbgw-btn{display:inline-block;text-decoration:none;font-weight:700;font-size:15px;padding:14px 28px;border-radius:4px;letter-spacing:.02em;transition:all .15s}
    .sbgw-hero2 .sbgw-btn-primary{background:#f26a21;color:#fff}
    .sbgw-hero2 .sbgw-btn-primary:hover{background:#ff7d35;color:#fff}
    .sbgw-hero2 .sbgw-btn-ghost{border:2px solid #15181c;color:#15181c}
    .sbgw-hero2 .sbgw-btn-ghost:hover{background:rgba(0,0,0,.06);color:#15181c}
    .sbgw-hero2-tertiary{font-size:14px;font-weight:600;color:#15181c;text-decoration:none}
    .sbgw-hero2-tertiary:hover{color:#f26a21}
    .sbgw-hero2-brands{display:flex;gap:26px;align-items:center;margin-top:34px;padding-top:22px;border-top:1px solid rgba(21,24,28,.12);max-width:640px;font-family:'Oswald','Oswald Fallback',sans-serif;font-weight:500;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#7a7e84;flex-wrap:wrap}
    .sbgw-hero2-brands b{color:#15181c;font-weight:600}
    .sbgw-hero2-brands .sbgw-lead{font-family:'Open Sans','Open Sans Fallback',sans-serif;font-size:11.5px;letter-spacing:.18em;color:#9a9ea4}
    .sbgw-hero2-trust{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:#6a6e74;margin-top:26px}
    .sbgw-hero2-trust .sbgw-dot{opacity:.45}
    @media(max-width:820px){
    .sbgw-hero2-wrap{padding:40px 22px}
    .sbgw-hero2-h{font-size:34px}
    .sbgw-hero2-brands{gap:14px}
    }
    
/* ===== end SBGW-head-hoist-hero ===== */


/* ===== SBGW-font-metrics 2026-09-03 =====
   Metric-matched fallback faces. Arial is scaled so it occupies exactly the space
   Oswald and Open Sans will occupy, so the swap when the webfont arrives moves nothing.
   Numbers measured from the live fonts on 2026-09-03 (canvas fontBoundingBox + advance width).
   If either webfont is ever changed, re-measure these. ===== */
@font-face{font-family:'Oswald Fallback';src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:81.5%;ascent-override:146.4%;descent-override:35.5%;line-gap-override:0%;}
@font-face{font-family:'Open Sans Fallback';src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:99.2%;ascent-override:107.7%;descent-override:29.5%;line-gap-override:0%;}
/* ===== end SBGW-font-metrics ===== */


/* ===== SBGW-head-hoist-rest 2026-09-03 =====
   The remaining Global Footer style blocks, mirrored here so they are in the head.
   They stay in the Global Footer too - identical rules applied twice change nothing,
   and duplicating is safer than slicing that block apart. Keep the two copies in sync. ===== */

.sbgw-guides{max-width:1140px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;color:#2a3340;}
.sbgw-guides .sbgw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;}
.sbgw-guides .sbgw-grid.two{grid-template-columns:repeat(2,1fr);}
.sbgw-guides .sbgw-card{border:1px solid #e8c9bf;border-radius:10px;padding:20px;background:#fdf6f3;display:flex;flex-direction:column;}
.sbgw-guides .sbgw-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.sbgw-guides .sbgw-card-head svg{flex:0 0 auto;width:22px;height:22px;}
.sbgw-guides .sbgw-card h2{font-size:18px;font-weight:600;color:#2a3340;margin:0;text-align:left !important;}
.sbgw-guides .sbgw-desc{font-size:14px;color:#6a7480;line-height:1.55;margin:0 0 12px;text-align:left !important;}
.sbgw-guides .sbgw-ul{margin:0 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:6px;}
.sbgw-guides .sbgw-ul li{font-size:14px;color:#46505b;line-height:1.45;text-align:left !important;}
.sbgw-guides .sbgw-ul li::marker{color:#dd6347;}
.sbgw-guides .sbgw-spacer{margin-top:auto;}
.sbgw-guides .sbgw-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.sbgw-guides .sbgw-links a{font-size:14.5px;color:#dd6347;font-weight:600;text-decoration:none;}
.sbgw-guides .sbgw-links a:hover{text-decoration:underline;}
.sbgw-guides .sbgw-btn{display:inline-block;font-size:14.5px;font-weight:600;text-decoration:none;padding:10px 18px;border-radius:6px;cursor:pointer;background:#dd6347;color:#fff;border:1px solid #dd6347;}
.sbgw-guides .sbgw-btn:hover{opacity:.9;}
@media (max-width:880px){.sbgw-guides .sbgw-grid,.sbgw-guides .sbgw-grid.two{grid-template-columns:1fr;}}


#sbgw-ask-btn{position:fixed;right:20px;bottom:20px;z-index:2147483000;display:inline-flex;align-items:center;gap:8px;background:#ff6e56;color:#fff;border:0;border-radius:28px;padding:13px 22px;font:600 15px/1 "Open Sans",Arial,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
#sbgw-ask-btn:hover{background:#f2593f}
#sbgw-ask-panel{position:fixed;right:20px;bottom:84px;z-index:2147483000;width:380px;max-width:calc(100vw - 32px);height:620px;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.28);overflow:hidden;display:none;flex-direction:column}
#sbgw-ask-panel.sbgw-open{display:flex}
#sbgw-ask-head{display:flex;align-items:center;justify-content:space-between;background:#1b2b33;color:#fff;padding:12px 14px;font:600 15px/1.3 "Open Sans",Arial,sans-serif}
#sbgw-ask-close{background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
#sbgw-ask-frame{border:0;flex:1 1 auto;width:100%;display:block}
@media (max-width:600px){#sbgw-ask-panel{right:8px;left:8px;bottom:74px;width:auto;max-width:none;height:620px;max-height:calc(100vh - 94px);max-height:calc(100dvh - 94px)}#sbgw-ask-btn{right:14px;bottom:14px;padding:12px 18px}}
@media print{#sbgw-ask-btn,#sbgw-ask-panel{display:none !important}}

.freeshipping{visibility:hidden}

.sbgw-disc-note{margin:8px 0 4px;font-size:12px;line-height:1.4;color:#6b6b6b}
.sbgw-disc-note a{color:#b8482f;text-decoration:underline;text-underline-offset:2px;font-weight:600}


.sbgw-bundle-note{font-size:13px;line-height:1.45;color:#4a4a4a;background:#f6f4f1;border-left:3px solid #b8482f;padding:8px 11px;margin:0 0 10px 0;border-radius:3px;}
.sbgw-bundle-note b{color:#2b2b2b;}


.sbgw-cutfilter-note{font-size:13px;line-height:1.45;color:#4a4a4a;background:#fdf3f0;border-left:3px solid #FF6E56;padding:8px 11px;margin:0 0 10px 0;border-radius:3px;display:none;}
.sbgw-cutfilter-note b{color:#2b2b2b;}
.sbgw-cutfilter-note a{color:#b8482f;text-decoration:underline;cursor:pointer;}


.opt-regular.sbgw-reqbad select,.opt-regular.sbgw-reqbad textarea,.opt-regular.option-required select,input.sbgw-reqbad{border:2px solid #b8482f !important;background-color:#fff7f5 !important;}
.sbgw-reqmsg{display:block;color:#b8482f;font-size:13px;font-weight:700;line-height:1.3;margin:5px 0 0;}

.sbgw-swatches{margin:0 0 1.1em}.sbgw-sw-label{font-weight:700;margin:0 0 .45em;font-size:14px}.sbgw-sw-row{display:flex;flex-wrap:wrap;gap:8px}.sbgw-sw{width:92px;padding:4px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;line-height:1}.sbgw-sw:hover{border-color:#bbb}.sbgw-sw.on{border-color:#FF6E56}.sbgw-sw img{width:100%;display:block;border-radius:3px}.sbgw-sw span{display:block;font-size:11px;line-height:1.25;margin-top:4px;color:#333;text-align:center}

/* Category & search pagination - brand-matched to the coral buttons */
body .paging{float:right;padding:0;font-size:13px;line-height:normal}
body .paging .hidden-mobile{color:#767676;margin-right:8px;vertical-align:middle}
body .paging strong,body .paging a.paging-links,body .paging a.sbgw-pg-num{display:inline-block;box-sizing:border-box;min-width:32px;height:32px;line-height:30px;padding:0 9px;margin:0 3px 0 0;text-align:center;border-radius:6px;font-size:13px;font-weight:600;vertical-align:middle}
body .paging strong{background:#DD6347;color:#fff;border:1px solid #DD6347}
body .paging a.paging-links,body .paging a.sbgw-pg-num,body .paging a.paging-links:visited,body .paging a.sbgw-pg-num:visited{background:#fff;color:#464646;border:1px solid #d9d9d9;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
body .paging a.paging-links:hover,body .paging a.paging-links:focus,body .paging a.sbgw-pg-num:hover,body .paging a.sbgw-pg-num:focus{background:#DD6347;color:#fff;border-color:#DD6347;text-decoration:none}
body .paging>a:not(.paging-links):not(.sbgw-pg-num),body .paging>a:not(.paging-links):not(.sbgw-pg-num):visited{display:inline-block;background:none;border:0;color:#DD6347;font-size:13px;font-weight:600;line-height:32px;padding:0 4px 0 12px;text-decoration:none;vertical-align:middle}
body .paging>a:not(.paging-links):not(.sbgw-pg-num):hover,body .paging>a:not(.paging-links):not(.sbgw-pg-num):focus{color:#b8482f;text-decoration:underline}
body .paging a.sbgw-pg-prev:before{content:"\2039\00a0"}
body .paging a.sbgw-pg-next:after{content:"\00a0\203A"}
body .category-actions{padding-bottom:14px;margin-bottom:22px}
body .bottom_breadcrumb .paging{padding-bottom:10px}
@media (min-width:768px){body .category-toolbar{margin-bottom:0}body .category-actions{margin-top:-30px}}
@media (max-width:767px){body .paging{float:none;text-align:center;padding-top:10px}body .category-actions{margin-top:0}}

/* ===== end SBGW-head-hoist-rest ===== */


/* ===== SBGW-scrollbar-gutter 2026-09-03 =====
   Reserve the scrollbar gutter. On desktop the page starts shorter than the viewport,
   the scrollbar appears once content loads, the viewport narrows by ~15px and every
   full-width text block re-wraps - a large, repeatable layout shift. Mobile never saw it
   because mobile scrollbars are overlays and take no width. ===== */
html{scrollbar-gutter:stable;}