.tns-outer {
 padding: 0 !important;
}
.tns-outer [hidden] {
 display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
 cursor: pointer;
}
.tns-slider {
 transition: all 0s;
}
.tns-slider > .tns-item {
 box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
 white-space: normal;
}
.tns-horizontal.tns-subpixel > .tns-item {
 display: inline-block;
 vertical-align: top;
 white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
 content: "";
 display: table;
 clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
 float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
 margin-right: -100%;
}
.tns-gallery,
.tns-no-calc {
 position: relative;
 left: 0;
}
.tns-gallery {
 min-height: 1px;
}
.tns-gallery > .tns-item {
 position: absolute;
 left: -100%;
 transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
 position: relative;
 left: auto !important;
}
.tns-gallery > .tns-moving {
 transition: all 0.25s;
}
.tns-autowidth {
 display: inline-block;
}
.tns-lazy-img {
 transition: opacity 0.6s;
 opacity: 0.6;
}
.tns-lazy-img.tns-complete {
 opacity: 1;
}
.tns-ah {
 transition: height 0s;
}
.tns-ovh {
 overflow: hidden;
}
.tns-visually-hidden {
 position: absolute;
 left: -10000em;
}
.tns-transparent {
 opacity: 0;
 visibility: hidden;
}
.tns-fadeIn {
 opacity: 1;
 filter: alpha(opacity=100);
 z-index: 0;
}
.tns-fadeOut,
.tns-normal {
 opacity: 0;
 filter: alpha(opacity=0);
 z-index: -1;
}
.tns-vpfix {
 white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
 display: inline-block;
}
.tns-t-subp2 {
 margin: 0 auto;
 width: 310px;
 position: relative;
 height: 10px;
 overflow: hidden;
}
.tns-t-ct {
 width: 2333.3333333%;
 width: 2333.33333%;
 position: absolute;
 right: 0;
}
.tns-t-ct:after {
 content: "";
 display: table;
 clear: both;
}
.tns-t-ct > div {
 width: 1.4285714%;
 width: 1.42857%;
 height: 10px;
 float: left;
}
.slider-list:not(.tns-slider) .slider-controls {
 visibility: hidden;
 pointer-events: none;
}
.slider-controls button {
 position: absolute;
 top: 42%;
 width: 32px;
 height: 32px;
 z-index: 6;
 margin-top: -16px;
 cursor: pointer;
}
.slider-controls button svg {
 display: flex;
 align-items: center;
 justify-content: center;
 margin: auto;
}
.slider-controls button svg path {
 fill: #000;
}
.slider-controls button:hover {
 opacity: 0.8;
}
.slider-controls button[disabled] svg path {
 fill: #e5e4e2;
}
.slider-controls .slider-prev-button {
 left: 10px;
}
.slider-controls .slider-next-button {
 right: 10px;
}
@media (min-width: 750px) {
 .slider-controls button {
   width: 36px;
   height: 36px;
   margin-top: -18px;
 }
 .tns-nav {
   text-align: center;
   max-width: 100%;
   margin: 30px 50px 0;
   white-space: nowrap;
   overflow: hidden;
   display: flex;
   justify-content: center;
 }
 .tns-nav button {
   min-width: 8px;
   width: 25%;
   height: 2px;
   transition: all 0.25s ease-in-out;
   background: rgba(0, 0, 0, 0.2);
 }
 .tns-nav .tns-nav-active,
 .tns-nav button:hover {
   background: #000;
 }
 .tns-nav {
   max-width: 400px;
   margin-right: auto;
   margin-left: auto;
 }
 slider-component {
   position: relative;
   width: 100%;
   height: 100%;
   display: block;
 }
}
@media (min-width: 1000px) {
 .section-carousel .tns-nav {
   position: absolute;
   top: 26px;
   right: 15px;
   margin: 0;
   width: 276px;
   justify-content: flex-end;
 }
 .section-carousel .content-wrapper,
 .section-carousel .content-wrapper > .container {
   position: relative;
 }
 .section-carousel .slider-controls button {
   top: 0;
   margin-top: -10px;
 }
 .section-carousel .slider-controls .slider-prev-button {
   left: auto;
   right: 50px;
 }
}
.section-featured-product .h3 {
 margin-bottom: 20px;
}
@media (max-width: 999px) {
 .section-featured-product .slider-controls {
   display: none;
 }
}
.product-item .product-item__image {
 position: relative;
}
.product-item .label_ui {
 font-size: 12px;
 line-height: 1.2em;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 4px;
 display: block;
}
.product-item .product-item__title {
 line-height: 1.3em;
 margin-bottom: 6px;
 font-size: 14px;
}
.product-item .product-options .line-through {
 color: #7f7f7e;
}
.section-featured-collection .item-content {
 text-align: center;
}
.section-featured-collection .item-content .title {
 font-size: 36px;
 line-height: 1;
}
.section-featured-collection .item-content .btn {
 padding: 11.5px 20px;
 border: 1px solid;
}
@media (max-width: 999px) {
 .section-featured-collection .collection-item {
   position: relative;
 } 
 .section-featured-collection .item-content {
   display: none;
   width: 100%;
   position: absolute;
   left: 0;
   top: auto !important;
   bottom: -15px;
   transform: translate(0, 0);
   padding: 15px;
   text-align: left;
 }
}
@media (min-width: 1000px) {
 .section-featured-collection .item-content {
   position: absolute;
   left: 0;
   top: auto !important;
   bottom: -15px;
   transform: translate(0, 0);
   padding: 20px;
   text-align: left;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s ease-in-out;
 }
 .section-featured-collection .collection-item {
   position: relative;
 }
 .section-featured-collection .collection-item:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   background: #f1f1f1;
   opacity: 0;
   visibility: hidden;
   transition: all 0.2s ease-in-out;
 }
 .section-featured-collection .collection-item:hover:before {
   opacity: 0.7;
   visibility: visible;
 }
 .section-featured-collection .collection-item:hover .item-content {
   bottom: 0;
   opacity: 1;
   visibility: visible;
 }
}
.recommendations-section {
 border-bottom: 1px solid var(--miscellaneous-color);
}
product-recommendations .tab-panel {
 position: relative;
}
product-recommendations .tab-contorls {
 display: block;
 white-space: nowrap;
 overflow-x: auto;
}
product-recommendations .product_tab-contorls {
 margin-bottom: 30px;
}
product-recommendations .tab-controls_item {
 text-transform: uppercase;
 color: var(--text-second-color);
 transition: all 0.25s ease-in-out;
 line-height: 1.4em;
 display: inline-block;
}
product-recommendations .tab-controls_item span {
 line-height: 1.4em;
 display: block;
 padding-bottom: 6px;
}
product-recommendations .tab-controls_item.active,
product-recommendations .tab-controls_item:hover {
 color: var(--text-color);
}