header { padding-top:0.5rem;}
#top{border-bottom: 1px solid #ededed;}
#top .box-inner{display:inline-block;vertical-align:top;width:100%;}
#top .box-top{padding:0;margin:0;}
#top .box-top > li{display:inline-block;vertical-align:top;margin-right: 3.4rem;position: relative;}
#top .box-top > li:after {content: "";width: 1px;height: 1.4rem;background:rgba(0,0,0,0.3);position: absolute;top: 50%;margin-top: -0.7rem;right: -2rem;}
#top .box-top > li:last-child{margin:0;}
#top .box-top > li:last-child:after {display:none;}
#top .box-top-left > li > p{padding:1rem 0;display:block;line-height: 2.9rem;font-weight:400;color: #222222;margin:0;font-size: 1.3rem;}
#top .btn-group > .btn-link,#top #top-links .dropdown-toggle{border:0;padding: 0; display:block;line-height: 3.9rem; background:none;text-transform:capitalize;font-weight:400;font-size: 1.4rem;color: #555555;}
#top .btn-group > .btn-link:hover, #top #top-links .dropdown-toggle:hover {color: var(--link-hover-color);}
#top .btn-link .icon-right,#top-links .dropdown-toggle .icon-right{font-size: 1.2rem;vertical-align:top;margin-left:3px;}
.header-dropdown .dropdown-menu{left:0;margin:0;border-radius:0;background:#fff;font-size:1.4rem;text-align:left;padding: 1.2rem 2rem;border: 1px solid #ededed; box-shadow:none; }
.currency .header-dropdown .dropdown-menu {
    left:inherit;
    right:0;
}
.header-dropdown .dropdown-menu>li { display:block; }
.header-dropdown .dropdown-menu>li>a,.header-dropdown .dropdown-menu>li>button{
    color: #555555;
    text-align: left;
    padding: 0 0 1.3rem;
    margin-bottom:1.3rem;
    background: none;
    font-size: 1.4rem;
    font-weight: normal;
    text-transform: capitalize;
    display: block;
    position:relative;
    border-bottom:1px solid #eeeeee;
}
.header-dropdown .dropdown-menu>li>a:after {
    content:'/';
    color:#222222;
    font-size:1.4rem;
    position:absolute;
    right:1px;
    top:0;
}
.header-dropdown .dropdown-menu>li:last-child>a { padding:0; }
.header-dropdown .dropdown-menu>li:last-child>a:after { display:none; padding:0; }
.header-dropdown .dropdown-menu>li:last-child>a,.header-dropdown .dropdown-menu>li:last-child>button {border: 0; padding:0;margin:0;}
#top-links .dropdown-menu a{
    text-shadow:none;
    padding:0 1.3rem 0 0;
    margin:0;
    border:0;
    color:#555555;
    text-transform:uppercase;
}
#top-links .dropdown-menu a:hover {
    color:var(--link-hover-color);
}
#top-links .dropdown-menu li:last-child a { padding:0; }
#top-links .list-inline{margin:0;padding:0;}
.header-dropdown .dropdown-menu>li>a:hover,.header-dropdown .dropdown-menu>li>button:hover{color:var(--link-hover-color);background:none;}
#top .btn-link strong{font-size:1.4rem;line-height:1.4rem;}
#top-links .list-inline>li{padding:0;display:block;}
#top-links a + a{margin-left:1.5rem;}
.header-dropdown#top-links .dropdown-menu>li {
    display:inline-block;
}
header .box-inner,header .box-inner-inner{position:relative;display:inline-block;vertical-align:top;width:100%;text-align:center;}
@media (min-width:1200px){header .box-inner{z-index: 11;}
}
.top-menu .container-inner {position: relative;display: inline-block;vertical-align: top;width: 100%;}
.top-menu .col-ver {width: 26.2rem;float: left;position: relative;z-index: 10;}
.top-menu .col-hoz {position: absolute;left: 0;right: 0;}
.col-search{position:absolute;top:50%;z-index:10;right: 30.5rem;left: 29.5rem;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.col-cart{position:absolute;top:50%;right:1.5rem;margin-top:-1.2rem;}
.col-cart #top-links{display:inline-block;vertical-align:middle;margin-right: 2rem;}
.col-cart #top-links .dropdown-toggle span,.col-cart #top-links .dropdown-toggle > i{display:none;}
.col-cart #top-links .dropdown-toggle{background:transparent;display:block;color: #222;}
.col-cart #top-links .dropdown-toggle:hover {color:var(--link-hover-color);}
.col-cart #top-links .dropdown-toggle:before{content:"\e605";font-family: 'Pe-icon-7-stroke';font-size:2.6rem;display:inline-block;vertical-align:top;}
.col-cart .header-dropdown .dropdown-menu {
    margin:0;
    position:initial;
    display:inline-block;
    border:0;
    padding:0;
    min-width:inherit;
    text-align:right;
    background:none;
}
.col-cart .header-phone {position: relative;right: auto;top: auto;display: inline-block;vertical-align: top;margin-right: 2rem;margin-top: 0;}
.col-cart .header-phone a {color: #222222; }
.col-cart .header-phone a:hover {color: var(--link-hover-color);}
.col-cart .header-phone a:before {font-size: 4rem;line-height: 3rem;}
.header-phone {position: absolute;right: 0;top: 50%;margin-top: -1.8rem;}
.header-phone a {
    color: #929292;
    font-weight: 400;
    font-family: var(--heading-font);
    line-height: 1;
    font-size: 1.2rem;
}
.header-phone a span > span {
    font-size:1.5rem;
    color:#222;
    display:block;
    margin-bottom:0.3rem;
    -webkit-transition: ease .3s all;
    -moz-transition: ease .3s all;
    transition: ease .3s all;
}
.header-phone a:before {
    content:'';
    background:url('image/icon-phone.png') no-repeat 0 0;
    width:32px;
    height:32px;
    display:inline-block;
}
.header-phone a > span {display: inline-block;vertical-align: top;margin-left: 0.8rem;margin-top:0.2rem;}
.header-phone a:hover span > span {
    color:var(--link-hover-color);
}
@media (max-width: 1199px) {
    .top-menu .header-phone {
        position: static;
        margin: 0;
        top: auto;
        right: auto;
        text-align: center;
        margin-bottom: 5px;
    }
}
#logo{padding: 3.4rem 0;position:relative;z-index:1;display:inline-block;vertical-align:top;float: left;max-width: 27rem;}
#logo h1{margin:1.5rem 0;}
#search{margin:0;}
#search .input-lg{height:4rem;line-height:2rem;padding:0 1rem;}
#search .btn-lg{font-size:1.5rem;line-height:1.8rem;padding:1rem 3.5rem;text-shadow:0 1px 0 #FFF;}
#search-by-category ::-webkit-input-placeholder{color:#a0a0a0;opacity: 1;}
#search-by-category :-moz-placeholder{color:#a0a0a0;opacity: 1;}
#search-by-category ::-moz-placeholder{color:#a0a0a0;opacity: 1;}
#search-by-category :-ms-input-placeholder{color:#a0a0a0;opacity: 1;}
#search-by-category{display:inline-block;vertical-align:top;width: 100%;}
#search-by-category .search-button{display:none;color: #222;}
#search-by-category .search-button:before{cursor:pointer;content: "\e618";font-family: 'Pe-icon-7-stroke';font-size: 2.6rem;vertical-align: top;display: inline-block;line-height: inherit;}
#search-by-category .search-button:hover{color:var(--link-hover-color);}
.search-content{padding:0;border:0;margin:0;box-shadow:none;right:0;width:auto;position:relative;left:0;top:0;bottom:0;border-radius:0;display: block;float:none;background:transparent;}
#search-by-category .search-container{position: relative;}
#search-by-category .search-container .categories-container{
    position: absolute;
    padding: 0;
    left: 0.2rem;
    top: 0.1rem;
}
#search-by-category .search-container #text-search{padding: 1rem 3rem;padding-left: 19rem;height: 4.6rem;border-radius: 3rem;font-size: 1.3rem;border: 1px solid #e6e6e6;width:100%;z-index:1;background: transparent;color: #a0a0a0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
#search-by-category #sp-btn-search{
    position: absolute;
    right: 0;
    top: 0;
}
#search-by-category .search-container .categories-container .hover-cate p{ background:#f5f5f5; line-height:4.4rem; margin:0;color: #555555;padding: 0 1.6rem;cursor:pointer;overflow:hidden;position:relative;text-transform:inherit;font-size:1.3rem;max-width:17.6rem;text-overflow:ellipsis;white-space:nowrap; border-radius:20px 0 0 20px; }
#search-by-category .search-container .categories-container .hover-cate p i{display:inline-block;vertical-align:top;line-height:inherit;margin-left: 0.6rem;font-size: 1.2rem;}
#search-by-category .search-container .categories-container .hover-cate .cate-items{
    z-index: 9999 !important;
    position: absolute;
    display: none;
    max-height: 30rem;
    background: #fff;
    overflow: auto;
    margin-top: 0.3rem;
    border: 1px solid #e6e6e6;
    padding: 1.5rem;
    width: 100%;
    cursor: pointer;
    top: 100%;
    text-align: left;
    border-radius:0.5rem;
    background:#f5f5f5;
}
.cate-items li{
    text-transform: capitalize;
    font-size: 1.3rem;
    list-style: none;
    line-height: 2.5rem;
    color:#555555;
}
.cate-items li:hover{color: var(--link-hover-color);}
.cate-items li.f1{padding-left:0.5rem;}
.cate-items li.f2{padding-left:1.5rem;}
#search-by-category .search-ajax {
    position: absolute;
    z-index: 9999 !important;
    background: none repeat scroll 0% 0% #fff;
    left: 3.7rem;
    top: 100%;
    width: 88%;
    min-width: 25rem;
    margin-top: 0.5rem;
    border-radius: 5px;
}
.ajax-result-item .product-info .detail .price-box .old-price{text-decoration:line-through;color:#acacac;font-weight:400;}
.ajax-result-item .product-info .detail .price-box p{display:inline-block;}
.ajax-result-item .product-info .detail .price-box{font-weight:700;margin:0 0 10px 0;}
.ajax-result-item .product-info .detail .product-name{margin:1rem 0;}
#search-by-category .search-ajax li{list-style:none;margin-bottom:2rem;}
#search-by-category .search-ajax .ajax-result-container{box-shadow:0px 0px 0.5rem rgba(0,0,0,0.1);}
#search-by-category .search-ajax .ajax-result-container .ajax-result-msg{padding:2rem;margin:0;color:#646464;}
#search-by-category .search-ajax .ajax-result-container .ajax-result-list{display:block;border:1px solid #e6e6e6;max-height:30rem;overflow:auto;padding:1rem;margin:0; border-radius:5px; }
#btn-search-category:hover{background: #222222;}
#btn-search-category{
    background: var(--link-hover-color);
    border: none!important;
    padding: 0;
    border-radius: 0 30px 30px 0;
    box-shadow: none;
    text-shadow: none;
    line-height: 4.6rem;
    color: #fff;
    width: 6rem;
    font-size: 2rem;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: ease .3s all;
    -moz-transition: ease .3s all;
    transition: ease .3s all;
}
#btn-search-category:before{content:"\e86f";font-family: "Linearicons-Free";vertical-align: top;display:inline-block;line-height: inherit;}
#btn-search-category span{display:none;}
@media (max-width: 767px) {
    #search-by-category .search-container .categories-container {display:none;}
    #search-by-category .search-container #text-search {padding-right: 4.5rem;height: 4.5rem;}
}
#wishlist-total{float:right; vertical-align:top;margin-right: 4rem;color: #222;position:relative;text-transform:capitalize;line-height: 3rem;}
#wishlist-total:hover, #wishlist-total:hover span.text-wishlist,#wishlist-total:hover:before{color:var(--link-hover-color);}
#wishlist-total:before{content:"\e813";font-family: "Linearicons-Free"; color:#211f1f; font-size: 2.6rem;display:inline-block;vertical-align:top;}
#wishlist-total span .text-wishlist, #cart-total .text-cart{color: #727272;vertical-align: bottom;display: inline-block;line-height: 1;text-transform: capitalize;margin-left: 3px;font-size: 1.3rem;display: none;}
#wishlist-total .txt-count,#cart .txt-count{
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 1.2rem;
    background: #e6e6e6;
    color: #222222;
    position: absolute;
    top: 0.7rem;
    text-align: center;
    right: -2.2rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    font-family: var(--heading-font);
    font-weight: 400;
}
#cart{float:right; vertical-align:top;width:auto;padding-right: 1rem;}
#cart > .btn{color: #211f1f;background:none;border:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none;padding:0;font-weight:400;text-transform:capitalize;line-height: 1;}
#cart > .btn:before{content:"\e82e";font-family: "Linearicons-Free";font-size: 2.6rem;display:inline-block;vertical-align:top;}
#cart > .btn:hover, #cart > .btn:hover .text-cart{color:var(--link-hover-color);}
#cart > .btn i{font-size:2.6rem;vertical-align:bottom;}
#cart .dropdown-menu{background:#fff;z-index:9999;position:fixed;right:0;top:0;margin:0;border-radius:0;-webkit-border-radius:0;box-shadow:none;-webkit-box-shadow:none;height:100%;width:90%;max-width:37.5rem;padding:3rem;font-size:1.4rem;border:0;overflow:auto;}
#cart.open:before{content:"";position:fixed;height:100%;width:100%;background:rgba(0,0,0,0.5);z-index:999;left:0;top:0;}
.cart-dropdown-menu-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.6rem;
    right: 0;
    top: 0;
    color: #fff;
    cursor: pointer;
    background: #222;
    text-transform: capitalize;
    -webkit-transition: ease .3s all;
    -moz-transition: ease .3s all;
    transition: ease .3s all;
}
.cart-dropdown-menu-close:hover{background:var(--button-bg-hover-color); color:#fff; }
#cart .dropdown-menu .cart-info{padding-left:1rem !important;}
#cart .dropdown-menu .cart-info a{font-size:1.5rem;margin-top:0;display:block;line-height: 1;color:#222;font-weight: 400;}
#cart .dropdown-menu .cart-info a:hover{color:var(--link-hover-color);}
#cart .dropdown-menu .cart-info p{margin-bottom:0;margin-top:0.7rem;}
#cart .dropdown-menu .cart-info .cart-quantity{
    color: #9d9c9c;
    line-height: 2rem;
    display: block;
    vertical-align: top;
    font-size: 1.2rem;
}
#cart .dropdown-menu .cart-info .cart-product-price{
    color: #222222;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.5rem;
}
#cart .dropdown-menu .button-cart-remove{border: 0;width:2rem;height:2rem;line-height:2rem;padding:0;text-align:center;box-shadow:none;-webkit-box-shadow:none;background:none;font-size: 2.1rem;color: #222;font-weight:400;text-shadow:none;position:absolute;right:0;top:0;margin-top:0;}
#cart .dropdown-menu .button-cart-remove:hover{color:var(--link-hover-color);}
#cart .dropdown-menu img{border:0;border-radius:0;-webkit-border-radius:0;padding:0;}
#cart .dropdown-menu >li:first-child{max-height:28rem;overflow:auto;padding:0 3rem;margin:0 -3rem;border:0;}
#cart .dropdown-menu >li{border-top:1px solid #f0f0f0;padding-top:2rem;}
#cart .dropdown-menu .table-striped{margin-bottom:2rem;}
#cart .dropdown-menu .table-striped>tbody>tr{background:#fff;display:block;position:relative;padding-right:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f0f0f0;}
#cart .dropdown-menu .table-striped>tbody>tr:last-child{margin-bottom:0;padding-bottom:0;border:0;}
#cart .dropdown-menu .table>tbody>tr>td,#cart .dropdown-menu .table>tbody>tr>th,
#cart .dropdown-menu .table>tfoot>tr>td,#cart .dropdown-menu .table>tfoot>tr>th,
#cart .dropdown-menu .table>thead>tr>td,#cart .dropdown-menu .table>thead>tr>th{border:0;padding:0;}
#cart .dropdown-menu .cart-image{min-width:85px;}
#cart .dropdown-menu .table-bordered{border:0;margin:0;}
#cart .dropdown-menu .table-bordered>tbody>tr>td{line-height:3rem;color: var(--heading-color);text-transform:capitalize;font-size: 1.8rem;}
#cart .dropdown-menu .table-bordered>tbody>tr>td>strong{color:#272727;font-size:1.6rem;font-weight:400;}
#cart .dropdown-menu .table-bordered>tbody>tr>td:last-child{color:var(--link-hover-color);font-weight: 600;font-size: 2rem;}
#cart .dropdown-menu .table-bordered>tbody>tr:last-child>td:last-child{font-size: 2.2rem;}
#cart .dropdown-menu >li:last-child:not(:first-child) p{margin-bottom:0;padding-top:3rem;margin-top:2rem;border-top:1px solid #ebebeb;}
#cart .dropdown-menu >li:last-child p > a{
    display: block;
    text-align: center;
    color: #222222;
    text-transform: uppercase;
    line-height: 4.6rem;
    font-size: 1.5rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    background: #f4f4f4;
    font-weight: 400;
}
#cart .dropdown-menu >li:last-child p > a strong{font-weight:400;}
#cart .dropdown-menu >li:last-child p > a:last-child{margin-top:1rem;}
#cart .dropdown-menu >li:last-child p > a:hover{background: var(--button-bg-hover-color); color:#fff;}
#cart .dropdown-menu >li:last-child p > a i{margin-right:0.3rem;}
/* .scroll-fixed{position:fixed;left:0;top:0;width:100%;z-index:121;background: #fff;opacity: 0.8;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;} */
.scroll-fixed:hover {opacity: 1;}
.scroll-fixed #logo{position:relative;z-index:2;padding-top:1.5rem;padding-bottom:1.5rem;}
.scroll-fixed #logo img{max-height:3.4rem;}
.scroll-fixed .horizontal-menu .ul-top-items .li-top-item{/* padding:1rem 0; */}
.scroll-fixed .horizontal-menu .ul-top-items .li-top-item .a-top-link{background:transparent !important;}
.scroll-fixed .col-hoz {margin-top: 0;}
.scroll-fixed .top-menu {margin: 0;background: transparent;}
@media (min-width:1200px){
    .scroll-fixed .box-inner{position:absolute; bottom:100%;}
}
@media (max-width:991px){
    .scroll-fixed .col-search{display:none;}
    .scroll-fixed #logo {padding-top: 1rem;padding-bottom: 1rem;}
}
.pt-menu a{text-decoration:none;display:block;}
.pt-menu ul{list-style:none;margin:0;padding:0;}
.pt-menu .sub-menu-container{z-index:100;display:none;}
.mega-menu-container .sub_item3-content{overflow:hidden;}
.mega-menu-container .sub_item3-content h5{margin:0;}
.mega-menu-container .sub_item3-content a{line-height: 2.6rem;padding: 0.2rem 0;}
.pt-menu .ul-top-items .li-top-item a{display:block;position:relative;}
.pt-menu .ul-top-items .li-top-item > a > img{position:relative; margin-right:0.2rem; top:1rem; -moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.pt-menu .icon-more-right{float:right;line-height:inherit; }
.pt-menu .li-over span i {
    font-size: 14px;
    margin-right: 1.3rem;
    position: relative;
    left: 0.5rem;
}
.static-bottom-menu{margin-top: 2.3rem;}
.horizontal-menu{
    position: relative;
    background: transparent !important;
    text-align: left;
    width: 100%;
    padding-left: 28.2rem;
    padding-right: 15rem;
}
.horizontal-menu .ul-top-items{display:inline-block;vertical-align:top;}
.horizontal-menu .ul-top-items .li-top-item{display:block;margin:0;margin-right: 4rem;}
.horizontal-menu .ul-top-items .li-top-item:last-child {margin: 0;}
.horizontal-menu .ul-top-items .li-top-item > a{background: transparent !important;line-height: 2.6rem;font-family: var(--heading-font);}
.horizontal-menu .ul-top-items .li-top-item > a > i{
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.3rem;
    color: inherit;
    font-weight: normal !important;
    position: relative;
    top: 0.1rem;
}
.horizontal-menu .ul-top-items .li-top-item > a > i{
    background: transparent !important;
}
.horizontal-menu .ul-top-items .li-top-item.right{float:right;position:relative;text-align:right;}
.horizontal-menu .ul-top-items .li-top-item.mega-right{float:right;text-align:right;}
.horizontal-menu .sub-menu-container,.horizontal-menu .flyout-third-items{position:absolute;top:100%;}
.horizontal-menu .ul-top-items .li-top-item .right{text-align:right;}
.horizontal-menu .ul-top-items .li-top-item .left{text-align:left;}
.horizontal-menu .ul-top-items .li-top-item.right .mega-menu-container{right:0;}
.horizontal-menu .ul-top-items .li-top-item .mega-menu-container {border: 0.1rem solid #ededed; overflow: hidden;}
.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.full-width{left:0;right:0;width:100%;}
.horizontal-menu .a-mega-second-link{letter-spacing:-0.025rem;line-height:2.4rem;}
.horizontal-menu .mega-menu-container .sub-item2-content{position:relative;}
.horizontal-menu .mega-menu-container .sub_item3-content {/* margin-bottom: 1rem; */}
.horizontal-menu .mega-menu-container .sub-item2-category-content:first-child:before{opacity:0;}
.horizontal-menu .mega-menu-container .sub-item2-content h4{margin-bottom: 0.9rem;}
.horizontal-menu .mega-menu-container .sub-item2-content h4.html-title{text-align:center;margin-bottom:1.5rem;}
.horizontal-menu .flyout-menu-container{width:20rem;}
.horizontal-menu .flyout-menu-container.left .a-item .fa{float:right;line-height:inherit;}
.horizontal-menu .flyout-menu-container.left{float:left;}
.horizontal-menu .flyout-menu-container.right{float:right;right:0;}
.horizontal-menu .flyout-menu-container.right .a-item .fa{float:left;line-height:inherit;}
.horizontal-menu .flyout-menu-container.right .li-second-items{position:relative;}
.horizontal-menu .ul-second-items .li-second-items{position:relative;}
.horizontal-menu .ul-second-items .li-second-items .a-second-link{padding:1rem 1.5rem;}
.horizontal-menu .ul-second-items .li-second-items .a-second-link i{font-size:1rem;margin: 0;}
.horizontal-menu .flyout-third-items{position:absolute;top: 0;display:none;min-width:150px;z-index: 2;}
.horizontal-menu .flyout-third-items.left{left:100%;}
.horizontal-menu .flyout-third-items.right{right:100%;}
.horizontal-menu .ul-third-items .li-third-items .a-third-link{white-space:nowrap;padding:0.5rem 1.5rem;}
.static-menu-right {position: absolute;top: -3.5rem;right: -1.5rem;width: 32.4rem;z-index: -1;}
.product-col-menu{text-align:center;}
.product-menu-name{margin-bottom:0;}
.product-menu-link{line-height:2rem;font-weight:500 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize !important;}
.pt-menu.vertical-menu{position:relative;}
.vertical-menu .pt-menu-bar {
    position: relative;
    border-radius: 10px 10px 0 0;
}
.vertical-menu .pt-menu-bar .text-vertical-bar {
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: 500;
    position: relative;
    letter-spacing: 0;
    font-family: var(--heading-font);
    line-height: 2.6rem;
    display: block;
}
.vertical-menu .pt-menu-bar .text-vertical-bar:before {content: "\f394";font-family: "Ionicons";font-size: 2.4rem;display: inline-block;vertical-align: top;margin-right: 1.2rem;font-weight: normal;}
.vertical-menu .pt-menu-bar .text-vertical-bar:after {
    content: "\f3d0";
    font-family: "Ionicons";
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-weight: normal;
    margin-top: 0.2rem;
}
.vertical-menu .pt-menu-bar:hover{cursor:pointer;}
/* All Categories bar: gold normally and on hover, navy while selected (opened by a click; gold again when closed). */
.vertical-menu .pt-menu-bar{background:#C0B07D !important;}
.vertical-menu .pt-menu-bar,.vertical-menu .pt-menu-bar .text-vertical-bar{color:#fff !important;}
.vertical-menu .pt-menu-bar:hover{background:#C0B07D !important;}
.vertical-menu .pt-menu-bar.bar-selected,.vertical-menu .pt-menu-bar.bar-selected:hover{background:#002269 !important;}
.common-home .vertical-menu .ul-top-items {
    display: block;
}
.vertical-menu .ul-top-items{
    display: none;
    position: absolute;
    z-index: 111;
    width: 100%;
    left: 0;
    top: 100%;
    border: 1px solid #ededed;
    border-top: 0;
    padding: 1.2rem 0 1.2rem 0;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.vertical-menu .ul-top-items .li-top-item{display:block;margin:0;position:relative;padding: 0;}
.vertical-menu .ul-top-items .li-top-item > a.a-top-link {line-height: 2.6rem;position: relative; margin:0 2.8rem 0 2rem; }
.vertical-menu .ul-top-items .li-top-item:last-child > a.a-top-link,.vertical-menu .ul-top-items .li-top-item > a.a-over {border: 0;}
.vertical-menu .ul-top-items .li-top-item.li-over:after{border:0;}
.vertical-menu .icon-more-right{font-size: 1.2rem;vertical-align:top;}
.vertical-menu .ul-top-items .li-top-item.over{display:none;}
.vertical-menu .li-top-item .sub-menu-container{position:absolute;top:0;left:100%;border: 1px solid #ededed; }
.vertical-menu .mega-menu-container > .row {margin: 0 -0.5rem;}
.vertical-menu .mega-menu-container > .row > .sub-item2-content {padding: 0 0.5rem;}
.vertical-menu .flyout-menu-container{background:#fff; padding:1.5rem;width:auto;float:left;min-width: 20rem;}
.vertical-menu .ul-second-items .li-second-items{position:relative;}
.vertical-menu .ul-second-items .li-second-items .a-second-link{padding:0.7rem 1.5rem;}
.vertical-menu .flyout-third-items{position:absolute;top:0;display:none;min-width:15rem;-webkit-box-shadow: 0 2px 8px 1px rgba(0,0,0,0.1);box-shadow: 0 2px 8px 1px rgba(0,0,0,0.1);z-index: 2;}
.vertical-menu .flyout-third-items{left:100%;}
.vertical-menu .ul-third-items .li-third-items .a-third-link{white-space:nowrap;padding:0.5rem 1.5rem;}
.static-ver-menu {display: inline-block;vertical-align:top;float: right;margin-right: -3rem;margin-bottom: -3rem;margin-top: -0.3rem;}
.mobile-menu .pt-menu-bar i{height:4rem;line-height:4rem;text-align:center;font-size:2.6rem;cursor:pointer;position:absolute;left: 0;top:50%;margin-top:-2rem;z-index:3;}
.mobile-menu .pt-menu-bar i:before{display:inline-block;vertical-align:top;line-height:inherit;}
.mobile-menu .pt-menu-bar.opened i{top:1rem;right:1rem;left:auto;position:fixed;margin:0;z-index:556;width:4rem;}
.mobile-menu .pt-menu-bar.opened:before{content:"";width:100%;height:100%;position:fixed;z-index:555;background:rgba(0,0,0,0.7);left:0;top:0;}
.mobile-menu .pt-menu-bar i:last-child{font-size:3rem;display:none;background:#fff;}
.mobile-menu .pt-menu-bar.opened i{display:none;}
.mobile-menu .pt-menu-bar.opened i:last-child{display:inline-block;color: #222;background: #fff;}
.mobile-menu .pt-menu-bar i:hover{color:var(--link-hover-color);}
.mobile-menu .pt-menu-bar i:last-child:hover{color:#fff;background:var(--link-hover-color);}
.mobile-menu .ul-top-items{display:none;position:fixed;left:0;top:0;height:100%;z-index:666;width:88%;max-width:37.5rem;background:#fff;padding:3rem;overflow:auto;text-align:left;}
.mobile-menu .ul-top-items .block-title{margin-top:0;}
.mobile-menu .sub-menu-container{display:none;}
.mobile-menu .li-top-item{position:relative;}
.mobile-menu .a-click-show{position:absolute;z-index:2;right:0;top:0.2rem;line-height:2.8rem;width:3rem;height:3rem;text-align:center;cursor:pointer;border:1px solid #f2f2f2;}
.mobile-menu .a-click-show:hover{background:var(--link-hover-color);color:#fff;border-color:var(--link-hover-color);}
.mobile-menu .a-click-show i{display:inline-block;vertical-align:top;line-height:inherit;font-size:1.03rem;}
.mobile-menu .a-click-show i:last-child{display:none;}
.mobile-menu .expand > .a-click-show i:last-child{display:inline-block;}
.mobile-menu .expand > .a-click-show i{display:none;}
.mobile-menu .ul-second-items,.mobile-menu .ul-third-items{padding-left:2rem;}
.mobile-menu .ul-second-items .li-second-items{position:relative;}
.mobile-menu .ul-second-items .li-second-items .a-second-link{padding:0.5rem 0;}
.mobile-menu .flyout-third-items{display:none;}
.mobile-menu .ul-third-items .li-third-items .a-third-link{padding:0.5rem 0;}
.menu-mobile-title{margin-top:0;border-bottom:2px solid #f2f2f2;margin-bottom:2rem;position:relative;padding-right:5rem;text-align:left;}
.menu-mobile-title h3{background:#fff;border-bottom:0.2rem solid var(--link-hover-color);padding:0.5rem 0;font-size: 1.8rem;text-transform:uppercase;display:inline-block;vertical-align:top;line-height:3rem;margin:0 0 -2px 0;}

@media (max-width:1199px){
    .col-cart .header-phone { display:none; }
    #logo {padding-left: 4rem;max-width: 50%;}
    .col-cart #top-links { margin-right:1rem;}
    .col-search { right: 29.5rem;left: 21.5rem;}
    #top-links .dropdown-menu a { font-size:0; }
    #top-links .dropdown-menu a:before {
        content: "\f4c9";
        display: inline-block;
        font-family: "Ionicons";
        color: #211f1f;
        font-size: 3rem;
        line-height:1;
    }
    #top-links .dropdown-menu a#pt-register-link:before {
        content: "\f417";
    }
    #top-links .dropdown-menu a#pt-login-link:before {
        content: "\f458";
    }
    #top-links .dropdown-menu a:hover:before { color:var(--link-hover-color);}
    .header-dropdown .dropdown-menu>li>a:after { display:none; }
    header { padding:0 0 0.6rem; }
}
@media (max-width: 991px) {
    
    #logo {padding-top: 2rem;padding-bottom: 2rem;}
    .col-search{margin-bottom:2rem;position:relative;-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);left: auto;right: auto;}
    #search-by-category{width:100%;}
}
@media (max-width:767px){
    .social ul { display:inline-block;}
    #wishlist-total {margin-right: 2rem;}
    .col-cart .header-phone {margin-right: 1rem;}
    .col-cart {right: 0;}
    #wishlist-total span .text-wishlist, #cart-total .text-cart {display: none;}
    #wishlist-total .txt-count, #cart .txt-count {left: 2rem;}
    #logo{float:left;padding-left:4rem;}
    #top .box-top{float:none !important;display:block;text-align:center;}
    #top .box-top-left{border-bottom:1px solid #e6e6e6;}
    .mobile-menu .pt-menu-bar i{right:auto;left:0;}
    #search-by-category .search-container #text-search {padding-left:2rem;}
}
@media (max-width:479px){
    #logo{padding-left:3rem;}
    .header-dropdown .dropdown-menu{right:-6.5rem;}
    #wishlist-total::before,#cart > .btn::before {font-size:3rem;}
    .col-cart .header-phone a:before {font-size: 3.4rem;}
    #wishlist-total {margin-right: 1rem;}
    #search-by-category .search-ajax {left: 1.7rem;}
}
@media (max-width:420px){
    header .box-inner-inner { padding:0.5rem 0; }
    #logo img { width:70%; float:left;}
    .col-cart .header-dropdown .dropdown-menu {position:relative;top:-0.2rem;z-index:1;}
    .col-cart #top-links {margin-right: 0.5rem;}
    #top-links .dropdown-menu a:before { font-size:2.2rem;}
    .header-phone a:before {
        width: 19px;
        height: 19px;
        background-size: contain;
        position: relative;
        top: 0.1rem;
    }
    #top-links .dropdown-menu a {padding:0 0.5rem 0 0;}
    #wishlist-total {line-height:1;}
    #wishlist-total::before, #cart > .btn::before {font-size:2rem;}
    #wishlist-total .txt-count, #cart .txt-count {top:-1rem;left: 1rem;}
}
@media (max-width:350px){
    #search-by-category .search-ajax {
        left: 0.7rem;
    }
}
@media (max-width:425px){.mobile-menu .pt-menu-bar.opened i,.show-sidebar.opened i:last-child{right:0.2rem;}
}
/* All Categories list: open on the home page only. On every other page (category, sub-category, product...) it is collapsed so the breadcrumb sits right under the main menu; clicking the "All Categories" bar opens it over the page. */
.common-home .pt-menu.vertical-menu .ul-top-items{display:block;}
body:not(.common-home) .pt-menu.vertical-menu .ul-top-items{display:none;position:absolute;}
/* List text uses the site link colour, the same as the top menu. */
.vertical-menu .ul-top-items .li-top-item > a.a-top-link,.vertical-menu .ul-top-items .li-top-item > a.a-top-link span{color:var(--link-color) !important;}
/* Off the home page the open list makes the header row taller; keep the phone number level with the top menu. */
body:not(.common-home) .header-bottom .header-phone,body:not(.common-home) .header-phone{top:0;margin-top:0.6rem;}
/* Phone number is a WhatsApp call button. */
.header-phone a.wa-call{display:inline-block;background:#25D366;color:#fff !important;border-radius:3rem;padding:0.9rem 1.8rem;font-size:1.4rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;}
.header-phone a.wa-call:before{display:none;}
.header-phone a.wa-call .fa{font-size:2rem;vertical-align:middle;margin-right:0.8rem;}
.header-phone a.wa-call .wa-text{display:inline-block;vertical-align:middle;margin:0;color:#fff !important;}
.header-phone a.wa-call .wa-text small{display:block;font-size:1.1rem;font-weight:400;opacity:.9;}
.header-phone a.wa-call:hover{background:#1ebe5b;color:#fff !important;}
/* Headings H1-H5 use the logo navy. 'body' raises specificity above theme.css; headings with their own colour (white on photos) keep it via !important rules. */
body h1,body h2,body h3,body h4,body h5{color:#002269;}
/* Sub topics (H6 and sub titles, e.g. the slide sub title) are maroon. */
body h6,body .sub-title,body .sub-title h3,body .slide-description{color:#922465;}
/* Slider text first: title navy, sub title maroon (the slider's own rules are more specific than the general heading rules). */
.slider-content .content .slide-title h3{color:#002269;}
.slider-content .content .sub-title h3{color:#922465;}
/* Main menu and the left All Categories list: navy text; hover/active use the theme hover colour. */
.horizontal-menu .ul-top-items .li-top-item > a.a-top-link{color:#002269 !important;}
.horizontal-menu .ul-top-items .li-top-item:hover > a.a-top-link,.horizontal-menu .ul-top-items .li-top-item.active > a.a-top-link{color:var(--link-hover-color) !important;}
.vertical-menu .ul-top-items .li-top-item > a.a-top-link,.vertical-menu .ul-top-items .li-top-item > a.a-top-link span{color:#002269 !important;}
.vertical-menu .ul-top-items .li-top-item:hover > a.a-top-link,.vertical-menu .ul-top-items .li-top-item:hover > a.a-top-link span{color:var(--link-hover-color) !important;}
/* Footer: Contact Us is a button and the phone is a WhatsApp icon (no number or email text shown). */
.footer-actions{display:flex;align-items:center;gap:1.4rem;margin-top:1.6rem;}
.footer-actions .footer-contact-btn{display:inline-block;background:var(--button-bg-color);color:var(--button-color) !important;border-radius:3rem;padding:1rem 2.6rem;font-weight:600;font-size:1.4rem;line-height:1.2;text-decoration:none;}
.footer-actions .footer-contact-btn:hover{background:var(--button-bg-hover-color);color:var(--button-hover-color) !important;}
.footer-actions .footer-wa-icon{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#25D366;color:#fff !important;text-decoration:none;}
.footer-actions .footer-wa-icon .fa{font-size:2.6rem;line-height:1;}
.footer-actions .footer-wa-icon:hover{background:#1ebe5b;}
/* Footer: our logo (not the Safira wordmark) and a navy copyright bar. */
.logo-footer img.footer-logo-img{width:19rem;max-width:100%;height:auto;display:block;}
body .footer-bottom{background:#002269;}
/* Newsletter popup: big red bow on the top-left corner (desktop only, like the popup itself). */
.newsletter-popup .popup-content:before{content:"";position:absolute;left:-64px;top:-70px;width:216px;height:180px;background:url(/catalog/view/theme/tt_safira3/image/popup-bow-v2.png) no-repeat center / contain;z-index:5;pointer-events:none;}
/* keep the heading clear of the larger bow */
.newsletter-popup .popup-content h3{margin-top:2.2rem;}
.newsletter-popup .popup-content{padding-bottom:7.6rem;}
/* Product page: "Made in" line with the country flag, under the title. */
.made-in{display:flex;align-items:center;gap:0.9rem;margin:0.4rem 0 1.4rem;font-size:1.4rem;font-weight:500;color:#444;}
.made-in .made-in-flag{width:15px;height:10px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.18);display:inline-block;}

/* Home page headings (Trending Products, Popular Picks, New Products, Our Blog Posts): maroon text with the shop's red bow (BSRibbon.png) in front. */
.categories1.tabs-product .block-title h3 span,
.products-container.products2 .block-title h3 span,
.products-container.products3 .block-title h3 span,
.blog-module .block-title h3{position:relative;display:inline-block;padding-left:5.4rem;color:#800000;}
.categories1.tabs-product .block-title h3 span::before,
.products-container.products2 .block-title h3 span::before,
.products-container.products3 .block-title h3 span::before,
.blog-module .block-title h3::before{content:"";position:absolute;left:0;top:50%;width:4.6rem;height:3.8rem;transform:translateY(-50%);background:url(../../../image/BSRibbon.png) no-repeat center/contain;}

/* Home page, banner under New Products: "Contact to Order" button below the image. */
.banner-center1 .btn-contact-order{display:block;margin-top:1.2rem;padding:1.1rem 1.6rem;text-align:center;position:relative;z-index:5;cursor:pointer;background:#C0B07D;color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:3px;}
.banner-center1 .btn-contact-order:hover{background:#002269;color:#fff;text-decoration:none;}
.banner-center1 .btn-contact-order:focus,.banner-center1 .btn-contact-order:active{background:#cc0066;color:#fff;text-decoration:none;}
/* Buttons: gold normally, navy on hover, #cc0066 when selected (focus/active). Link-style buttons (.btn-link, e.g. language/currency dropdowns) stay transparent. 'html:root' beats the Control Panel variables; 'body' beats the compiled theme.css button rules. */
html:root{--button-bg-color:#C0B07D;--button-bg-hover-color:#002269;}
body .btn:not(.btn-link):not(.dropdown-toggle):not(.btn-wishlist):not(.btn-compare):not(.btn-custom-view):not(#grid-view):not(#list-view),body .btn-primary,body input[type="submit"],body input[type="button"]:not(#plus):not(#minus):not(#plus2):not(#minus2){background:#C0B07D !important;border-color:#C0B07D !important;}
body .btn:not(.btn-link):not(.dropdown-toggle):not(.btn-wishlist):not(.btn-compare):not(.btn-custom-view):not(#grid-view):not(#list-view):hover,body .btn-primary:hover,body input[type="submit"]:hover,body input[type="button"]:not(#plus):not(#minus):not(#plus2):not(#minus2):hover{background:#002269 !important;border-color:#002269 !important;}
body .btn:not(.btn-link):not(.dropdown-toggle):not(.btn-wishlist):not(.btn-compare):not(.btn-custom-view):not(#grid-view):not(#list-view):focus,body .btn:not(.btn-link):not(.dropdown-toggle):not(.btn-wishlist):not(.btn-compare):not(.btn-custom-view):not(#grid-view):not(#list-view):active,body .btn:not(.btn-link):not(.dropdown-toggle):not(.btn-wishlist):not(.btn-compare):not(.btn-custom-view):not(#grid-view):not(#list-view).active,body .btn-primary:focus,body .btn-primary:active,body .btn-primary.active,body input[type="submit"]:focus,body input[type="submit"]:active,body input[type="button"]:not(#plus):not(#minus):not(#plus2):not(#minus2):focus,body input[type="button"]:not(#plus):not(#minus):not(#plus2):not(#minus2):active{background:#cc0066 !important;border-color:#cc0066 !important;}
/* Slider dot: the selected one uses #cc0066. */
body .swiper-pagination-bullet-active{background:#cc0066 !important;}
/* Page numbers (paginator): no background colours in any state. Dark text is kept on hover/selected so the numbers stay readable; the current page is bold. */
body .pagination>li>a,body .pagination>li>span,body .pagination>li>a:hover,body .pagination>li>a:focus,body .pagination>li>span:hover,body .pagination>li>span:focus,body .pagination>.active>a,body .pagination>.active>a:hover,body .pagination>.active>a:focus,body .pagination>.active>span,body .pagination>.active>span:hover,body .pagination>.active>span:focus{background:transparent !important;border-color:transparent !important;color:#222 !important;}
body .pagination>.active>a,body .pagination>.active>span{font-weight:700;}
/* Every button has smooth, fully rounded corners across the site (Subscribe, Add to Cart, quick view, wishlist, compare, form and contact buttons). */
body .btn:not(.dropdown-toggle),body .button,body button.button-cart,body button.button-quickview,body button.button-wishlist,body button.button-compare,body input[type="submit"],body input[type="button"]:not(#plus):not(#minus):not(#plus2):not(#minus2),body .banner-center1 .btn-contact-order,body .footer-actions .footer-contact-btn,body .newsletter-block .newsletter-content .content button,body .newsletter-popup button{border-radius:3rem !important;-webkit-border-radius:3rem !important;}
/* Subscribe sits inside the email field as a full pill, inset a little from the field's edge. */
body .newsletter-block .newsletter-content .content button{right:0.4rem;top:0.4rem;height:3.8rem;line-height:3.8rem;}
/* Featured Products (products1): navy title bar and buttons. */
body .products1 .block-title{background:#002269 !important;}
body .products1 .product-thumb .button-group button{background:#002269 !important;border-color:#002269 !important;}
body .products1 .product-thumb .button-group button:hover{background:#C0B07D !important;border-color:#C0B07D !important;}
/* Home banners (New Vitamins, Lipstick Collection): the hover shine layers must not catch clicks, so the picture's link works. */
.banner-center .col:before,.banner-center .col:after{pointer-events:none;}
.banner-center .col a{display:block;position:relative;z-index:2;}
/* Slider 'Read more' button follows the same standard as every other button: gold, navy on hover, #cc0066 when selected, fully rounded. */
body .slider-content .content .slide-readmore a{background:#C0B07D !important;color:#fff !important;border-radius:3rem !important;-webkit-border-radius:3rem !important;}
body .slider-content .content .slide-readmore a:hover{background:#002269 !important;color:#fff !important;}
body .slider-content .content .slide-readmore a:focus,body .slider-content .content .slide-readmore a:active{background:#cc0066 !important;color:#fff !important;}
/* Every product block title on the home page (Vitamins & Minerals, Lipstick Collection, Whitening Creams, Anti Wrinkling Cream, Makeup Bags and any block added later) gets the same maroon text with the red bow as Popular Picks. */
.common-home .products-container .block-title h3 span{position:relative;display:inline-block;padding-left:5.4rem;color:#800000;}
.common-home .products-container .block-title h3 span::before{content:"";position:absolute;left:0;top:50%;width:4.6rem;height:3.8rem;transform:translateY(-50%);background:url(../../../image/BSRibbon.png) no-repeat center/contain;}
/* Old Safira 'products1' blocks had a coloured title bar with white text: no bar, same as the others. */
.common-home .products-container .block-title{background:transparent !important;}
/* Home page supplier banner ('Are you a business in Sri Lanka?'): button follows the button standard (gold, navy on hover, #cc0066 selected); smaller on phones. */
.supplier-banner img{display:block;width:100%;height:auto;}
.supplier-banner .btn-supplier:hover{background:#002269 !important;color:#fff !important;}
.supplier-banner .btn-supplier:focus,.supplier-banner .btn-supplier:active{background:#cc0066 !important;color:#fff !important;}
@media (max-width:767px){.supplier-banner .supplier-text{max-width:62% !important;}.supplier-banner h3{font-size:1.7rem !important;margin-bottom:0.3rem !important;}.supplier-banner p{font-size:1.2rem !important;margin-bottom:0.7rem !important;}.supplier-banner .btn-supplier{padding:0.6rem 1.6rem !important;font-size:1.1rem !important;}}
/* Header line (category select, search text, Register/Login, counters, Language, Currency): one font, navy. */
#search-by-category .cate-selected,#search-by-category .hover-cate p,#search-by-category .hover-cate i,#search-by-category .cate-items li,#text-search,#top-links a,#top-links .dropdown-toggle,.pt-account a,#wishlist-total,#wishlist-total span,#cart .txt-count,#cart .text-cart,#form-language .btn-link,#form-currency .btn-link,#form-language .btn-link span,#form-currency .btn-link span,#form-language .btn-link i,#form-currency .btn-link i{color:#002269 !important;font-family:var(--main-font),"Work Sans",sans-serif !important;}
#text-search::placeholder{color:#002269 !important;opacity:.75;font-family:var(--main-font),"Work Sans",sans-serif;}
/* Brands page: logo cards instead of a text list. */
.brand-grid{display:flex;flex-wrap:wrap;margin-top:2rem;}
.brand-grid>div{margin-bottom:3rem;}
.brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:15rem;padding:1.6rem 1.2rem;background:#fff;border:1px solid #e3dcc3;border-radius:1rem;text-align:center;transition:box-shadow .2s,border-color .2s;}
.brand-card:hover{border-color:#C0B07D;box-shadow:0 6px 18px rgba(0,34,105,.12);}
.brand-card img{width:100%;max-width:26rem;height:auto;max-height:9rem;object-fit:contain;margin:0 auto 1.2rem;}
.brand-card .brand-name{font-size:1.5rem;font-weight:600;color:#002269;}
/* Category page: small category picture hidden (template); view buttons keep their own icons, no gold circles; left menu and Sort By / Show navy. */
.btn-group .btn-custom-view.btn-grid-1,.btn-group>.btn-custom-view.btn-grid-1,.btn-custom-view.btn-grid-1{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid1.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
.btn-custom-view.btn-grid-1.active,.btn-custom-view.btn-grid-1:hover,.btn-custom-view.btn-grid-1:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid1_hover.png) center no-repeat !important;}
.btn-group .btn-custom-view.btn-grid-2,.btn-group>.btn-custom-view.btn-grid-2,.btn-custom-view.btn-grid-2{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid2.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
.btn-custom-view.btn-grid-2.active,.btn-custom-view.btn-grid-2:hover,.btn-custom-view.btn-grid-2:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid2_hover.png) center no-repeat !important;}
.btn-group .btn-custom-view.btn-grid-3,.btn-group>.btn-custom-view.btn-grid-3,.btn-custom-view.btn-grid-3{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
.btn-custom-view.btn-grid-3.active,.btn-custom-view.btn-grid-3:hover,.btn-custom-view.btn-grid-3:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid_hover.png) center no-repeat !important;}
.btn-group .btn-custom-view.btn-grid-4,.btn-group>.btn-custom-view.btn-grid-4,.btn-custom-view.btn-grid-4{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid4.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
.btn-custom-view.btn-grid-4.active,.btn-custom-view.btn-grid-4:hover,.btn-custom-view.btn-grid-4:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid4_hover.png) center no-repeat !important;}
.btn-group .btn-custom-view.btn-grid-5,.btn-group>.btn-custom-view.btn-grid-5,.btn-custom-view.btn-grid-5{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid5.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
.btn-custom-view.btn-grid-5.active,.btn-custom-view.btn-grid-5:hover,.btn-custom-view.btn-grid-5:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid5_hover.png) center no-repeat !important;}
.btn-group .btn-custom-view.btn-list,.btn-group>.btn-custom-view.btn-list,.btn-custom-view.btn-list{background:url(/catalog/view/theme/tt_safira3/image/bkg_list.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
.btn-custom-view.btn-list.active,.btn-custom-view.btn-list:hover,.btn-custom-view.btn-list:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_list_hover.png) center no-repeat !important;}
.btn-group #grid-view,.btn-group>#grid-view,#grid-view{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
#grid-view.active,#grid-view:hover,#grid-view:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_grid_hover.png) center no-repeat !important;}
.btn-group #list-view,.btn-group>#list-view,#list-view{background:url(/catalog/view/theme/tt_safira3/image/bkg_list.png) center no-repeat !important;border-radius:0 !important;color:transparent !important;}
#list-view.active,#list-view:hover,#list-view:focus{background:url(/catalog/view/theme/tt_safira3/image/bkg_list_hover.png) center no-repeat !important;}
.list-categories .list-group-item,.list-categories .list-group-item:hover,.list-categories .list-group-item:focus,.list-categories .list-group-item.active,.list-categories .list-group-item.active:hover{color:#002269 !important;}
.tool-bar label.input-group-addon,.tool-bar select.form-control,.tool-bar #compare-total{color:#002269 !important;}
/* Supplier banner: the theme hover overlay (.banner-center2:before/:after) covered the Contact Us button and swallowed the click. */
.supplier-banner:before,.supplier-banner:after{display:none !important;}
.supplier-banner .supplier-text{z-index:5;}
/* Category page, Refine Search sub-category links: one line on desktop (wraps only if it runs out of room). */
@media (min-width:992px){
.text-refine + .row{display:flex;flex-wrap:wrap;margin-bottom:1rem;}
.text-refine + .row>[class*="col-"]{float:none;width:auto;flex:0 0 auto;padding-right:0;}
.text-refine + .row ul{display:flex;flex-wrap:wrap;gap:.4rem 2.8rem;margin:0;padding:0;list-style:none;}
.text-refine + .row>[class*="col-"]+[class*="col-"] ul{margin-left:2.8rem;}
}
/* Breadcrumb band 35% taller on desktop/tablet (was min-height 20rem, padding-top 8.6rem). Phones keep their own rule. */
@media (min-width:768px){.breadcrumbs{min-height:27rem;padding-top:11.6rem;}}
/* Home: tab buttons of "Featuring & New Products" (module 205) and "Trending Products" (module 185): gold button, navy text, navy bg + white text on hover, #cc0066 when selected. */
.tabs-product .tabs-style .nav-tabs>li>a[data-tab^="#tab-product-205-"],.tabs-product .tabs-style .nav-tabs>li>a[data-tab^="#tab-product-185-"]{background:#C0B07D !important;border:1px solid #C0B07D !important;color:#002269 !important;border-radius:3rem !important;padding:0 2.2rem !important;height:3.4rem !important;line-height:3.2rem !important;font-weight:600;}
.tabs-product .tabs-style .nav-tabs>li>a[data-tab^="#tab-product-205-"]:hover,.tabs-product .tabs-style .nav-tabs>li>a[data-tab^="#tab-product-185-"]:hover{background:#002269 !important;border-color:#002269 !important;color:#fff !important;}
.tabs-product .tabs-style .nav-tabs>li.active>a[data-tab^="#tab-product-205-"],.tabs-product .tabs-style .nav-tabs>li.active>a[data-tab^="#tab-product-185-"]{background:#cc0066 !important;border-color:#cc0066 !important;color:#fff !important;}

/* Home static banners (New Vitamins, Lipstick, Wellness) keep their proportions when the column is narrower than the image. */
.banner-center img[width][height],.banner-center1 img[width][height]{height:auto;max-width:100%;}
/* Blog list: grid/list view buttons keep their own icons (not the gold/pink pill). Extra :not(#id) beats the pill rule's specificity. */
body .btn-group .btn-grid-view.btn:not(#bv1):not(#bv2):not(#bv3),body .btn-group .btn-list-view.btn:not(#bv1):not(#bv2):not(#bv3){border:0 !important;border-radius:0 !important;-webkit-border-radius:0 !important;}
body .btn-group .btn-grid-view.btn:not(#bv1):not(#bv2):not(#bv3){background:transparent url(/catalog/view/theme/tt_safira3/image/bkg_grid.png) center no-repeat !important;}
body .btn-group .btn-grid-view.btn:not(#bv1):not(#bv2):not(#bv3).active,body .btn-group .btn-grid-view.btn:not(#bv1):not(#bv2):not(#bv3):hover,body .btn-group .btn-grid-view.btn:not(#bv1):not(#bv2):not(#bv3):focus{background:transparent url(/catalog/view/theme/tt_safira3/image/bkg_grid_hover.png) center no-repeat !important;}
body .btn-group .btn-list-view.btn:not(#bv1):not(#bv2):not(#bv3){background:transparent url(/catalog/view/theme/tt_safira3/image/bkg_list.png) center no-repeat !important;}
body .btn-group .btn-list-view.btn:not(#bv1):not(#bv2):not(#bv3).active,body .btn-group .btn-list-view.btn:not(#bv1):not(#bv2):not(#bv3):hover,body .btn-group .btn-list-view.btn:not(#bv1):not(#bv2):not(#bv3):focus{background:transparent url(/catalog/view/theme/tt_safira3/image/bkg_list_hover.png) center no-repeat !important;}