.tf-shop-control {
    margin-bottom: 30px;
    gap: 5px;
}
.tf-control-layout {
    display: flex;
    gap: 12px;
}
.tf-control-layout .tf-view-layout-switch .item {
    color: var(--main);
    opacity: 0.4;
    padding: 0 5px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
}
.tf-control-layout .tf-view-layout-switch.active .item {
    opacity: 1;
}
.tf-pagination-wrap {
    padding-top: 45px;
}
.tf-pagination-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px;
}
.tf-pagination-list .pagination-link {
    width: 45px;
    height: 39px;
    box-sizing: border-box;
    color: var(--main);
    border: 1px solid;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.tf-pagination-list .pagination-link .icon {
    font-size: 12px;
}
.tf-pagination-list .active .pagination-link {
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px 0px;
    background-color: var(--main);
    color: var(--white);
    border-color: var(--main);
}
.widget-facet {
    margin-bottom: 26px;
}
.widget-facet .facet-title {
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    font-weight: 600;
}
.widget-facet .facet-title .icon {
    transition: transform 0.35s linear;
    font-size: 8px;
}
.widget-facet .facet-title.collapsed .icon {
    transform: rotate(180deg);
}
.widget-facet.wd-categories {
    border-bottom: 1px solid var(--line);
}
.widget-facet:not(:last-child) {
    border-bottom: 1px solid var(--line);
}
.widget-facet .cate-item a {
    display: flex;
    color: var(--main);
    font-size: 14px;
    line-height: 22.4px;
    font-weight: 500;
}
.widget-facet .cate-item.current a {
    color: var(--primary);
}
.widget-facet .cate-item:not(:first-child) {
    margin-top: 10px;
}
.widget-facet .list-item .label {
    display: flex;
    color: var(--main);
    font-size: 14px;
    line-height: 22.4px;
    font-weight: 500;
}
.widget-facet .list-item:not(:first-child) {
    margin-top: 10px;
}
.widget-facet .current-scrollbar {
    max-height: 250px;
    overflow-y: auto;
    margin-right: 5px;
}
.widget-facet .current-scrollbar::-webkit-scrollbar {
    width: 2px;
}
.widget-facet .current-scrollbar::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.15);
}
.widget-facet .current-scrollbar::-webkit-scrollbar-thumb {
    background: var(--main);
}
.widget-facet .filter-color {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.widget-facet .filter-color .list-item {
    margin: 0;
}
.widget-featured-products {
    display: grid;
    gap: 15px;
}
.widget-featured-products .featured-product-item {
    display: flex;
    gap: 15px;
}
.widget-featured-products .featured-product-item .card-product-wrapper {
    width: 92px;
    min-width: 92px;
    border-radius: 10px;
    overflow: hidden;
}
.widget-featured-products .featured-product-item .card-product-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.widget-featured-products .featured-product-item .card-product-info .title {
    font-size: 16px;
    line-height: 19.2px;
    margin-bottom: 1px;
}
.widget-featured-products .featured-product-item .card-product-info .price {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.widget-iconbox-list {
    display: grid;
    gap: 18px;
}
.widget-iconbox-list .iconbox-item {
    display: flex;
    align-items: center;
    gap: 18px;
}
.widget-iconbox-list .iconbox-item .box-icon {
    border: 1px solid var(--line);
}
.widget-iconbox-list .iconbox-item .iconbox-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.widget-iconbox-list .iconbox-item .iconbox-content .iconbox-title {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
}
.widget-iconbox-list .iconbox-item .iconbox-content .iconbox-desc {
    color: var(--text-3);
}
.widget-price {
    margin-top: 24px;
    margin-bottom: 35px;
}
.widget-price .box-title-price {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.widget-price .caption-price {
    display: flex;
    align-items: center;
    gap: 10px;
}
.widget-price .caption-price div {
    width: 68px;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 5px;
}
.btn-sidebar-mobile {
    display: none;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 100;
    width: max-content;
}
.btn-sidebar-mobile button {
    width: 40px;
    height: 48px;
    display: flex;
    border: 0;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px;
}
.btn-sidebar-mobile button i {
    font-size: 17px;
    color: var(--main);
}
.btn-sidebar-mobile button.type-hover {
    padding: 0 11.5px;
}
.btn-sidebar-mobile button.type-hover span {
    display: none;
}
.btn-sidebar-mobile button.type-hover:hover {
    width: max-content;
    padding-right: 24px;
    gap: 11.5px;
}
.btn-sidebar-mobile button.type-hover:hover span {
    display: block;
}
.btn-sidebar-mobile.left {
    right: auto;
    left: 0;
}
.btn-sidebar-style2 {
    display: none;
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 100;
}
.btn-sidebar-style2 button {
    width: 38px;
    height: 38px;
    display: flex;
    border: 1px solid var(--line-2);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
}
.btn-sidebar-style2 button .icon {
    font-size: 17px;
    color: var(--main);
}
.btn-sidebar-style2.right {
    right: 0;
    left: auto;
}
.loadmore-item .fl-item {
    display: none;
}
.loadmore-item2 .fl-item2 {
    display: none;
}
.loadmore-item3 .fl-item3 {
    display: none;
}
.tf-marquee {
    padding-top: 24px;
    padding-bottom: 24px;
    overflow: hidden;
}
.tf-marquee .wrap-marquee {
    display: flex;
    -webkit-animation: slide-har 15s linear infinite;
    animation: slide-har 15s linear infinite;
    transition: animation-duration 300ms;
}
.tf-marquee .wrap-marquee:hover {
    animation-play-state: paused;
}
.tf-marquee .marquee-item {
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.tf-marquee .marquee-item .text {
    font-size: 18px;
    line-height: 21.6px;
    white-space: nowrap;
}
.tf-marquee .marquee-item p {
    white-space: nowrap;
}
.tf-marquee.marquee-md {
    padding-top: 30px;
    padding-bottom: 32px;
}
.tf-marquee.marquee-md p {
    font-size: 32px;
    line-height: 38.4px;
}
.tf-marquee.marquee-xl {
    padding-top: 75px;
    padding-bottom: 75px;
}
.tf-marquee.marquee-xl svg {
    width: 29px;
    height: auto;
    fill: var(--main);
}
.tf-marquee.marquee-xl .marquee-item {
    gap: 60px;
    padding: 0 29px;
}
.tf-marquee.marquee-xl .marquee-item .text {
    font-size: 40px;
    line-height: 48px;
}
.tf-marquee.marquee-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}
.tf-marquee.marquee-sm .marquee-item {
    gap: 22.5px;
    padding-left: 12px;
    padding-right: 12px;
}
.tf-marquee.marquee-sm .marquee-item .text {
    font-size: 14px;
    line-height: 19.2px;
}
.tf-marquee.type-big .marquee-item {
    gap: 65px;
    padding: 0 32.5px;
}
.tf-marquee.type-big .marquee-item p {
    font-size: 80px;
    line-height: 96px;
}
.tf-marquee.not-hover .wrap-marquee:hover {
    animation-play-state: running;
}
.tf-marquee.type-brown .marquee-item .text {
    color: #704228;
}
.tf-marquee.type-brown .marquee-item .icon svg {
    fill: #704228;
}
.tf-marquee.type-md .marquee-item {
    gap: 32px;
}
.tf-marquee.type-md .marquee-item .icon svg {
    width: 20px;
    height: auto;
}
.tf-marquee.type-md .marquee-item .text {
    font-size: 16px;
    line-height: 19.2px;
}
.flat-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.flat-title .title {
    /* font-size: 22px;
    line-height: 26.4px; */
}
.flat-title .sub-title {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.flat-title.mb_1 {
    margin-bottom: 30px;
}
.flat-title .sw-dots {
    margin-top: 0;
}
.flat-title.title-upper .title {
    font-size: 18px;
    line-height: 21.6px;
    font-weight: 800;
    text-transform: uppercase;
}
.flat-title-v2 {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 33px;
}
.flat-bg-collection .collection-other-link {
    margin-top: 30px;
    color: var(--white);
}
.flat-bg-collection .collection-other-link::after {
    background-color: var(--white);
}
.flat-bg-collection .collection-other-link:hover {
    color: var(--primary);
}
.flat-bg-collection .collection-other-link:hover::after {
    background-color: var(--primary);
}
.tf-sw-brand {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--line);
}
.tf-sw-brand .swiper-slide:not(:last-child) .brand-item {
    border-right: 1px solid var(--line);
}
.brand-item {
    padding: 20px;
    width: 100%;
    height: 100%;
}
.brand-item-v2 {
    width: 100%;
    height: 100%;
}
.gallery-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.gallery-item::before {
    position: absolute;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    top: 0;
    left: 0;
    transition: 0.4s ease 0.1s;
    opacity: 0;
    visibility: hidden;
}
.gallery-item .box-icon {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--white);
    width: 33px;
    height: 33px;
    font-size: 12px;
}
.gallery-item .box-icon .tooltip {
    top: -100%;
    margin-top: -5px;
}
.gallery-item .box-icon .tooltip::before {
    top: unset;
    bottom: -4px;
}
.gallery-item .box-icon:hover {
    background-color: var(--main);
    color: var(--white);
}
.gallery-item .box-icon:hover .tooltip {
    opacity: 0.9;
    visibility: visible;
}
.masonry-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.masonry-layout .collection-inner {
    width: 100%;
    height: 100%;
}
.masonry-layout .collection-item .img-style {
    height: 220px;
}
.masonry-layout.style-2 {
    grid-template-areas: "item1 item1" "item2 item3" "item4 item4";
}
.masonry-layout.style-2 .collection-image {
    height: 250px;
}
.masonry-layout.style-2 .item-1 {
    grid-area: item1;
}
.masonry-layout.style-2 .item-2 {
    grid-area: item2;
}
.masonry-layout.style-2 .item-3 {
    grid-area: item3;
}
.masonry-layout.style-2 .item-4 {
    grid-area: item4;
}
.masonry-layout-v2 {
    display: grid;
    gap: 30px;
    grid-template-areas: "item1 item1 item2 item3" "item4 item5 item6 item6";
}
.masonry-layout-v2 .item-1 {
    grid-area: item1;
}
.masonry-layout-v2 .item-2 {
    grid-area: item2;
}
.masonry-layout-v2 .item-3 {
    grid-area: item3;
}
.masonry-layout-v2 .item-4 {
    grid-area: item4;
}
.masonry-layout-v2 .item-5 {
    grid-area: item5;
}
.masonry-layout-v2 .item-6 {
    grid-area: item6;
}
.masonry-layout-v3, .masonry-layout-v4, .grid-3-layout-md {
    display: grid;
    gap: 15px;
}
.masonry-layout-v3 .collection-inner, .masonry-layout-v4 .collection-inner, .grid-3-layout-md .collection-inner, .masonry-layout-v3 .collection-image, .masonry-layout-v4 .collection-image, .grid-3-layout-md .collection-image {
    width: 100%;
    height: 100%;
}
.masonry-layout-v4.style-2 .item-1 .collection-image {
    height: 810px;
}
.masonry-layout-v4.style-2 .item-2 .collection-image, .masonry-layout-v4.style-2 .item-3 .collection-image {
    height: 390px;
}
.masonry-layout-v5 {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
.masonry-layout-v5 .tf-gallery-image {
    grid-area: span 1 / span 1;
}
.masonry-layout-v5 .tf-gallery-image.item-1 {
    grid-area: span 2 / span 2;
}
.masonry-layout-v6 {
    display: grid;
    grid-template-areas: "item1 item1" "item1 item1" "item2 item3" "item4 item4";
    gap: 15px;
}
.masonry-layout-v6 .item-1 {
    grid-area: item1;
}
.masonry-layout-v6 .item-2 {
    grid-area: item2;
}
.masonry-layout-v6 .item-3 {
    grid-area: item3;
}
.masonry-layout-v6 .item-4 {
    grid-area: item4;
}
.tf-gallery-image {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.tf-gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tf-gallery-image::before {
    position: absolute;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    top: 0;
    left: 0;
    transition: 0.4s ease 0.1s;
    opacity: 0;
    visibility: hidden;
}
.tf-gallery-image:hover::before {
    opacity: 1;
    visibility: visible;
}
.tf-img-with-text .tf-content-wrap {
    place-self: center;
}
.tf-img-with-text.style-1 {
    background-color: #f7f7f7;
}
.tf-img-with-text.style-1 .tf-image-wrap {
    order: unset;
}
.tf-img-with-text.style-2 {
    gap: 0;
}
.tf-img-with-text.style-2 .tf-image-wrap {
    order: unset;
}
.tf-img-with-text.style-2 .tf-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tf-img-with-text.style-3 {
    background-color: #fbf7f0;
}
.tf-img-with-text.style-3 .tf-image-wrap {
    order: unset;
}
.tf-img-with-text.style-3 .tf-content-wrap {
    width: 100%;
    height: 100%;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tf-img-with-text.style-4 .grid-img-group {
    padding-bottom: 50px;
}
.tf-img-with-text.style-4 .tf-image-wrap {
    order: unset;
}
.tf-img-with-text.style-4 .heading {
    font-size: 28px;
    line-height: 33.6px;
}
.tf-img-with-text.style-4 .text {
    margin-top: 18px;
    color: var(--text);
}
.tf-img-with-text.style-4 .item-2 {
    margin-left: unset;
    width: 75%;
}
.tf-img-with-text.style-4 .item-1 {
    width: 43%;
    bottom: 0;
    right: 0;
    height: max-content;
    top: unset;
}
.tf-img-with-text.style-5 {
    border-radius: 10px;
    overflow: hidden;
}
.tf-img-with-text.style-5 .tf-image-wrap {
    order: unset;
}
.tf-img-with-text.style-6 {
    background-color: #eaf7f9;
    border-radius: 10px;
    overflow: hidden;
}
.tf-img-with-text .tf-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tf-img-with-text.bg-f5fbfd {
    background-color: #f5fbfd;
}
.img-text-3 .grid-img-group .item-1 {
    top: 20%;
    width: 39%;
    height: max-content;
}
.img-text-3 .grid-img-group .item-2 {
    left: 14%;
    margin-left: unset;
    width: 66.67%;
}
.img-text-3 .grid-img-group .item-3 {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 30%;
}
.img-text-3 .tf-content-wrap {
    padding: 14px 0 0 0;
    text-align: start;
}
.tf-img-video-text .content-wrap {
    padding: 67px 92px 90px 92px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tf-img-video-text .content-wrap .heading {
    font-size: 52px;
    line-height: 62.4px;
    margin-bottom: 18px;
}
.tf-img-video-text .content-wrap p {
    margin-bottom: 60px;
}
.tf-img-video-text .content-wrap li {
    display: flex;
    gap: 17px;
    align-items: center;
}
.tf-img-video-text .content-wrap li:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(235, 235, 235, 0.15);
    margin-bottom: 30px;
}
.tf-img-video-text .content-wrap li .number {
    flex-shrink: 0;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.tf-img-video-text .content-wrap li .text {
    font-size: 16px;
    line-height: 24px;
}
.tf-img-video-text video {
    height: 710px;
}
.tf-content-wrap {
    padding: 37px 14px;
    /*padding: 14px;*/
    padding-bottom: 24px;
}
.tf-content-wrap .sub-heading {
    font-size: 16px;
    line-height: 16.8px;
    color: #8dc740;
}
.tf-content-wrap .description {
    margin-top: 16px;
    font-size: 16px;
    line-height: 22.4px;
}
.tf-content-wrap .tf-btn {
    margin-top: 16px;
}
.tf-content-wrap .count-down .description {
    margin-bottom: 20px;
    margin-top: 16px;
}
.tf-content-wrap .count-down .countdown__item {
    min-width: 60px;
    min-height: 50px;
    padding: 4px 8px;
    border-color: var(--white);
    background-color: var(--white);
}
.tf-content-wrap .count-down .countdown__item .countdown__value {
    font-size: 14px;
    line-height: 22.4px;
}
.tf-content-wrap .count-down .countdown__item .countdown__label {
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
}
.tf-content-wrap-v2 .description {
    margin-top: 12px;
    font-size: 16px;
    line-height: 19.2px;
}
.tf-content-wrap-v2 .tf-btn {
    margin-top: 22px;
}
.flat-wrap-countdown .tf-content-wrap-v2 {
    text-align: center;
}
.tf-image-wrap {
    position: relative;
    overflow: hidden;
}
.wrap-sw-over {
    padding-bottom: 40px;
    margin-bottom: -40px;
    padding-left: 30px;
    margin-left: -30px;
}
.widget-card-store {
    background-color: var(--bg-10);
}
.widget-card-store .store-heading {
    margin-bottom: 21px;
}
.widget-card-store .store-img {
    width: 100%;
    height: 100%;
}
.widget-card-store .store-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.widget-card-store .description p {
    font-size: 14px;
    line-height: 22.4px;
    color: var(--text-3);
}
.widget-card-store .description p:not(:last-child) {
    margin-bottom: 12px;
}
.widget-card-store .store-item-info {
    padding: 30px 15px;
}
.widget-card-store.type-1 {
    gap: 0;
}
.widget-card-store.type-1 .description {
    margin-bottom: 20px;
}
.widget-card-store.type-1 .store-heading {
    font-size: 24px;
    line-height: 28.8px;
}
.widget-card-store.type-1 .store-item-info {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--main);
}
.widget-card-store.type-2 .description {
    margin-bottom: 27px;
}
.widget-card-store.type-2 .store-heading {
    font-size: 22px;
    line-height: 26.4px;
    margin-bottom: 15px;
}
.flat-testimonial-v2 {
    padding-top: 26px;
    padding-bottom: 26px;
}
.wrapper-thumbs-testimonial {
    display: flex;
    padding: 0px 100px;
    align-items: center;
}
.wrapper-thumbs-testimonial.wrap-carousel .nav-next-slider {
    left: 0;
}
.wrapper-thumbs-testimonial.wrap-carousel .nav-prev-slider {
    right: 0;
}
.wrapper-thumbs-testimonial .box-left {
    width: 47%;
    padding-left: 24px;
    padding-right: 83px;
}
.wrapper-thumbs-testimonial .box-right {
    width: 53%;
}
.wrapper-thumbs-testimonial .img-sw-thumb {
    border-radius: 10px;
    overflow: hidden;
}
.wrapper-thumbs-testimonial-v2 {
    display: flex;
    align-items: center;
}
.wrapper-thumbs-testimonial-v2 .box-left {
    width: 50%;
    padding-right: 60px;
}
.wrapper-thumbs-testimonial-v2 .box-right {
    width: 50%;
}
.wrapper-thumbs-testimonial-v2 .box-right img {
    width: 100%;
}
.wrapper-thumbs-testimonial-v2.type-1 .box-left {
    width: 60%;
}
.wrapper-thumbs-testimonial-v2.type-1 .box-right {
    width: 40%;
}
.flat-thumbs-testimonial-v2 {
    padding: 30px 15px;
    border-radius: 10px;
    overflow: hidden;
}
.flat-thumbs-testimonial-v2 .box-left {
    width: 70%;
    padding-right: 30px;
}
.flat-thumbs-testimonial-v2 .box-left .text {
    font-size: 16px;
    line-height: 25.6px;
}
.flat-thumbs-testimonial-v2 .box-left .rating i {
    color: var(--white);
}
.flat-thumbs-testimonial-v2 .box-left .box-sw-navigation {
    margin-top: 40px;
}
.flat-thumbs-testimonial-v2 .box-right {
    width: 30%;
}
.flat-lookbook-v2 {
    display: flex;
    gap: 15px;
    flex-direction: column-reverse;
}
.flat-lookbook-v3 .flat-title-lookbook {
    margin-bottom: 22px;
}
.flat-lookbook-v3 form {
    max-width: 80%;
}
.flat-lookbook-v3 .tf-lookbook {
    height: 830px;
    flex-direction: column;
}
.slider-wrap-lookbook {
    position: relative;
}
.slider-wrap-lookbook .nav-sw {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.slider-wrap-lookbook .nav-next-slider {
    left: -7px;
}
.slider-wrap-lookbook .nav-prev-slider {
    right: -7px;
}
.flat-title-lookbook {
    margin-bottom: 20px;
}
.flat-title-lookbook .heading {
    margin-top: 8px;
    font-size: 30px;
    line-height: 36px;
}
.flat-title-lookbook .label {
    font-size: 14px;
    line-height: 22.4px;
    font-weight: 700;
    color: #545454;
}
.flat-iconbox-v2 .tf-sw-mobile {
    border-radius: 10px;
    border: 1px solid var(--line);
    padding: 5px 0px;
}
.flat-iconbox-v2 .tf-icon-box {
    padding: 15px;
}
.flat-iconbox-v2 .tf-icon-box .title {
    font-weight: 400;
}
.flat-iconbox-v2 .tf-icon-box .icon {
    margin-bottom: 22px;
}
.flat-iconbox-v2 .tf-icon-box .icon i {
    color: var(--main);
}
.flat-iconbox-v2.style-2 .tf-icon-box {
    padding: 0px;
    border: none !important;
}
.flat-iconbox-v2.style-2 .tf-icon-box .icon i {
    font-size: 36px;
}
.flat-iconbox-v3 .tf-icon-box .icon {
    width: 74px;
    height: 74px;
    border: 1px solid var(--main);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 34px;
}
.flat-iconbox-v3 .tf-icon-box .icon i {
    color: var(--main);
    font-size: 30px;
}
.flat-iconbox-v3 .tf-icon-box .icon.no-border {
    border: 0;
    border-radius: 0;
}
.flat-iconbox-v3 .tf-icon-box .icon.w-40 {
    width: 40px;
    height: 40px;
}
.flat-iconbox-v3 .tf-icon-box .icon.w-40 i {
    font-size: 40px;
}
.flat-iconbox-v3 .tf-icon-box .icon.w-50 {
    width: 50px;
    height: 50px;
}
.flat-iconbox-v3 .tf-icon-box.small .content .title {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
.flat-iconbox-v3 .tf-icon-box.small .content p {
    font-size: 14px;
}
.wrap-spacing-iconbox {
    padding: 33px 15px;
}
.tf-icon-box-v2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.tf-icon-box-v2 .icon {
    font-size: 26px;
    flex-shrink: 0;
}
.tf-icon-box-v2 .icon svg {
    width: 30px;
    height: 30px;
}
.tf-icon-box-v2 .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 21.6px;
}
.tf-icon-box-v3 .title {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 25.2px;
}
.flat-wrap-iconbox-v2 {
    padding: 73px 15px;
}
.flat-location {
    position: relative;
}
.flat-location .banner-map {
    width: 100%;
    height: 300px;
}
.flat-location .banner-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flat-location .content {
    padding: 20px;
    text-align: center;
    background-color: var(--white);
}
.flat-location .content .heading {
    font-size: 18px;
    line-height: 21.6px;
}
.flat-location .content .subtext {
    margin-top: 16px;
    color: var(--text);
}
.flat-location .content .tf-btn {
    margin-top: 20px;
}
.scroll-process {
    height: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
}
.scroll-process .value-process {
    position: absolute;
    inset: 0;
    background-color: var(--main);
    width: 30%;
    transition: width 1s;
}
.scroll-snap {
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    scroll-snap-type: x mandatory;
}
.fullwidth {
    display: block;
    width: 100%;
    height: 100%;
}
.fullwidth img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tf-marquee.marquee-lg p {
    white-space: nowrap;
}
.tf-marquee.marquee-lg p a {
    border-bottom: 1px solid currentColor;
}
.tf-marquee.marquee-lg p {
    font-size: 40px;
    line-height: 56px;
}
.tf-marquee.marquee-lg {
    padding: 30px;
}
.tf-marquee.style-2 .marquee-item {
    gap: calc(52px* 0.75);
}
.icv__circle {
    width: 34px;
    height: 34px;
    background-color: var(--main);
    border: 0 !important;
}
.icv__arrow-wrapper svg {
    width: 15px !important;
    height: 15px !important;
    margin: 0px 5px;
}
.flat-wrap-giftcard .wrap-content {
    display: flex;
    gap: 25px;
    align-items: center;
}
.flat-wrap-giftcard .wrap-content p {
    font-size: 20px;
    margin-top: 5px;
}
.tf-breadcrumb-wrap {
    padding: 22.5px 0;
}
.tf-breadcrumb-wrap .tf-breadcrumb-list {
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
}
.tf-breadcrumb-wrap .tf-breadcrumb-list .icon {
    font-size: 8px;
    font-weight: 700;
}
.tf-breadcrumb-wrap .tf-breadcrumb-list span {
    color: var(--text);
}
.tf-breadcrumb-wrap .tf-breadcrumb-prev-next {
    display: flex;
    gap: 14px;
    align-items: center;
    font-size: 17px;
}
.tf-brands-filter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    gap: 10px;
    padding-bottom: 30px;
}
.tf-brands-filter .tf-btns-filter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--main);
    background-color: transparent;
    border: solid 1px var(--line-2);
    border-radius: 3px;
    padding: 8px 15px;
    min-width: 42px;
    font-weight: 600;
    max-width: 100%;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.tf-brands-filter .tf-btns-filter.is--active, .tf-brands-filter .tf-btns-filter:hover {
    background-color: var(--main);
    color: var(--white);
}
.tf-brands-filter .tf-btns-filter.is-disable {
    pointer-events: none;
}
.tf-brands-filter .tf-btns-filter.is-disable span {
    opacity: 0.2;
}
.tf-brands-source-linklist {
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);
}
.tf-brands-source-linklist.style-row {
    border-top: 1px solid var(--line);
}
.tf-brands-source-linklist.style-row .tf-filter-item {
    border: 0;
    border-bottom: 1px solid var(--line);
    padding: 15px;
}
.tf-brands-source-linklist.style-row .tf-filter-item-inner {
    gap: 20px;
    flex-direction: row;
}
.tf-brands-source-linklist.style-row .tf-titles-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.66666667%;
}
.tf-brands-source-linklist.style-row .tf-titles-filter h4 {
    width: 100%;
    text-align: center;
    border-right: 1px solid var(--line);
    padding-right: 10px;
}
.tf-brands-source-linklist.style-row .tf-content-brands {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
}
.tf-brands-source-linklist.style-row .tf-item-inner {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tf-brands-source-linklist.style-row .tf-item-inner a {
    margin-bottom: 0;
}
.tf-filter-item {
    animation: slideInRight 0.5s ease-in-out;
    padding: 15px;
    border-radius: 2.5px;
    border: 1px solid var(--line);
}
.tf-filter-item.is-disable {
    display: none;
}
.tf-filter-item .tf-filter-item-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tf-filter-item .tf-item-inner a {
    color: var(--text);
    margin-bottom: 5px;
}
.tf-filter-item .tf-item-inner a:hover {
    color: var(--primary);
}
@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
   }
    100% {
        transform: translateX(0);
        opacity: 1;
   }
}
.tf-content-left.has-mt {
    margin-top: 10px;
}
.tf-accordion-wrap > .box, .tf-accordion-wrap > .content {
    width: 100%;
}
.tf-accordion-wrap .tf-other-content {
    padding: 30px 31px 64px 35px;
    height: max-content;
}
.tf-accordion-link-list {
    padding: 25px 38px 29px;
}
.tf-accordion-link-list .tf-link-item a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.tf-accordion-link-list .tf-link-item a:hover {
    border-color: var(--main);
}
.tf-accordion-link-list .tf-link-item a:hover .icon {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}
.tf-accordion-link-list .tf-link-item a .icon {
    font-size: 8px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease 0.1s;
    transform: translate(-20px);
}
.tf-ourstore-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.tf-ourstore-img:hover img {
    transform: scale(1.1);
}
.tf-ourstore-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.35s linear;
}
.tf-store-item {
    padding: 18px 15px 20px;
    border-radius: 10px;
    border: 1px solid var(--line);
    cursor: pointer;
}
.tf-store-item .tf-store-title {
    position: relative;
    transition: 0.4s ease 0s;
    margin-bottom: 17px;
    line-height: 24px;
}
.tf-store-item .tf-store-title .icon {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    z-index: 1;
    margin: auto;
    transition: 0.4s ease 0s;
    position: absolute;
    left: 0;
    font-size: 16px;
}
.tf-store-item .tf-store-info span {
    font-weight: 600;
}
.tf-store-item.active {
    color: var(--white);
    background-color: var(--main);
}
.tf-store-item.active .tf-store-title {
    padding-left: 26px;
    color: var(--white);
}
.tf-store-item.active .tf-store-title .icon {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    color: var(--white);
}
.tf-timeline-wrap {
    padding-top: 130px;
    padding-bottom: 20px;
}
.tf-timeline-line {
    position: absolute;
    width: 1px;
    border: 1px dashed var(--line);
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.tf-timeline-line::after, .tf-timeline-line::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    z-index: 3;
    background-color: var(--line);
    border-radius: 50%;
}
.tf-timeline-line::before {
    top: 0;
}
.tf-timeline-line::after {
    bottom: 0;
}
.tf-timeline-inner {
    gap: 30px;
    padding-top: 80px;
    padding-bottom: 80px;
    flex-direction: column;
}
.tf-timeline-time {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main);
    color: var(--white);
    border-radius: 2.5px;
    padding: 0 35px;
    font-size: 20px;
    line-height: 36px;
}
.tf-timeline-content, .tf-timeline-image {
    max-width: 490px;
}
.tf-timeline-content {
    background-color: var(--white);
    text-align: center;
}
.tf-timeline-content .tf-timeline-label {
    margin-bottom: 7px;
}
.tf-timeline-content .tf-timeline-title {
    margin-bottom: 10px;
}
.tf-compare-table {
    border: 1px solid var(--line);
    border-radius: 2.5px;
    overflow-x: scroll;
}
.tf-compare-table::-webkit-scrollbar {
    height: 4px;
}
.tf-compare-table::-webkit-scrollbar-thumb {
    background: var(--line-2);
}
.tf-compare-row {
    display: flex;
}
.tf-compare-row:nth-child(2n+2) > div {
    background-color: rgba(0, 0, 0, 0.05);
}
.tf-compare-col {
    min-width: 180px;
    border-right: 1px solid var(--line);
    position: relative;
}
.tf-compare-item {
    padding: 16px 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.tf-compare-item .tf-compare-remove {
    font-size: 12px;
    line-height: 19px;
    color: var(--text);
    text-decoration: underline;
    transition: 0.3s ease;
    cursor: pointer;
}
.tf-compare-item .tf-compare-image {
    width: 100%;
    padding: 18px 0;
}
.tf-compare-item .tf-compare-title {
    font-size: 16px;
    line-height: 25.6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}
.tf-compare-item .price {
    margin-top: 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}
.tf-compare-item .price .compare-at-price {
    font-size: 13px;
    line-height: 13px;
    text-decoration: line-through;
    color: rgba(0, 0, 0, 0.55);
    margin-right: 10px;
}
.tf-compare-item .price .price-on-sale {
    color: var(--primary);
}
.tf-compare-item .tf-compare-group-btns {
    margin-top: 21px;
    margin-bottom: 24px;
    justify-content: center;
}
.tf-compare-item .tf-compare-group-btns a {
    padding: 0 15px;
    font-size: 12px;
    font-weight: 700;
    height: 42px;
    gap: 10px;
    border-color: var(--line);
}
.tf-compare-item .tf-compare-group-btns a i {
    font-size: 15px;
}
.tf-compare-item .tf-compare-group-btns a span {
    display: none;
}
.tf-compare-field, .tf-compare-value {
    padding: 16px 10px;
}
.tf-compare-value {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tf-compare-stock {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
    color: #83b735;
}
.tf-compare-stock .icon {
    width: 16px;
    height: 16px;
    background-color: #83b735;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tf-compare-stock .icon i {
    color: var(--white);
    font-size: 7px;
}
.tf-main-area-page h4 {
    font-size: 22px;
    font-weight: 400;
    color: var(--main);
    margin-bottom: 26px;
    line-height: 28px;
}
.tf-main-area-page p {
    margin-top: 15px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #615e5e;
    /* color: #868686; */
}
.tf-main-area-page p:last-child {
    margin-bottom: 0px;
}
.tf-main-area-page .box:not(:last-child) {
    margin-bottom: 15px;
}
.tf-main-area-page .tag-list li {
    color: #868686;
    line-height: 26px;
    margin-bottom: 8px;
    margin-top: 15px;
}
.tf-main-area-page .tag-list li:last-child {
    margin-bottom: 0px;
}
.tf-main-area-page .cf-mail {
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    transition: text-decoration-thickness 1s ease;
    color: #868686;
}
.tf-main-area-page .cf-mail:hover {
    color: rgba(0, 0, 0, .85);
}
.tf-page-delivery h4 {
    margin-bottom: 20px;
}
.tf-page-delivery p {
    margin-bottom: 10px;
}
.tf-terms-conditions .box:not(:last-child) {
    margin-bottom: 50px;
}
.tf-terms-conditions .box span {
    color: #868686;
}
.images-group-item.active {
    display: block;
}
.images-group-item.hidden {
    display: none;
}
.progress-wrap {
    position: fixed;
    bottom: 90px;
    right: 40px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    background: var(--white);
    border: 1.2px solid rgba(134, 134, 134, 0.12);
}
.progress-wrap::after {
    position: absolute;
    content: '\e907';
    text-align: center;
    line-height: 40px;
    font-size: 8px;
    color: var(--main);
    height: 40px;
    width: 40px;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    box-sizing: border-box;
    stroke: var(--main);
    stroke-width: 1.2;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 0.4s;
    transition-timing-function: linear;
}
.tf-cart-countdown {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.tf-cart-countdown p {
    font-size: 16px;
    line-height: 25.6px;
}
.tf-cart-countdown svg {
    margin-top: -3px;
    animation: tf-ani-flash 2s infinite;
}
.tf-cart-countdown .timer-count {
    color: var(--white);
    background-color: var(--primary);
    padding: 2px 10px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    min-width: 110px;
    border-radius: 9999px;
    font-size: 16px;
    line-height: 25.6px;
}
.tf-cart-countdown .title-left {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
@keyframes tf-ani-flash {
    50%, from, to {
        opacity: 1;
   }
    25%, 75% {
        opacity: 0;
   }
}
.tf-table-page-cart {
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%;
    line-height: 1.4;
}
.tf-table-page-cart th {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid var(--line);
    color: var(--main);
    text-align: center;
    /* padding: 18px 0px; */
}
.tf-table-page-cart th:first-child {
    text-align: start;
}
.tf-table-page-cart th:last-child {
    text-align: end;
}
.tf-table-page-cart tr {
    border-bottom: 1px dashed var(--line);
}
.tf-table-page-cart tr:last-child {
    border-bottom-style: solid;
}
.tf-table-page-cart td {
    padding: 18px 10px;
}
.tf-table-page-cart td:first-child {
    text-align: start;
    /* padding-left: 0; */
}
.tf-table-page-cart td:last-child {
    text-align: end;
    /* padding-right: 0; */
}
.tf-cart-item .tf-cart-item_product {
    display: flex;
}
.tf-cart-item .tf-cart-item_product .cart-info .cart-title {
    font-size: 14px;
    line-height: 19.6px;
    display: block;
}
.tf-cart-item .tf-cart-item_product .cart-info .cart-meta-variant {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16.8px;
    color: var(--text);
}
.tf-cart-item .tf-cart-item_product .cart-info .remove-cart {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16.8px;
    text-decoration: underline;
    cursor: pointer;
}
.tf-cart-item .tf-cart-item_product .img-box {
    width: 80px;
    max-height: 110px;
    margin-right: 24px;
    border-radius: 2.5px;
    overflow: hidden;
}
.tf-cart-item .cart-quantity, .tf-cart-item .cart-total, .tf-cart-item .cart-price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: self-end;
    justify-content: safe center;
    gap: 10px;
    line-height: 1;
}

.tf-cart-item .cart-status, .tf-cart-item .cart-total, .tf-cart-item .cart-date {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: self-end;
    justify-content: safe center;
    gap: 10px;
    line-height: 1;
}
.tf-cart-item .cart-total {
    justify-content: flex-end;
    font-weight: 600;
}
.tf-cart-item .wg-quantity {
    min-width: 86px;
    width: 86px;
    height: 30px;
}
.tf-cart-item .wg-quantity .btn-quantity {
    width: 25px;
    height: 30px;
    line-height: 25px;
}
.tf-cart-item .wg-quantity input {
    width: 30px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
}
.tf-page-cart-footer .tf-free-shipping-bar {
    margin-bottom: 20px;
    padding: 30px;
    border: 1px dashed var(--line);
    border-radius: 2.5px;
}
.tf-page-cart-footer .tf-free-shipping-bar .tf-progress-msg {
    margin-top: 28px;
}
.tf-page-cart-checkout {
    padding: 30px;
    background-color: var(--bg-11);
    border-radius: 2.5px;
}
.tf-page-cart-checkout .shipping-calculator {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--line);
}
.tf-page-cart-checkout .shipping-calculator .shipping-calculator-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
}
.tf-page-cart-checkout .shipping-calculator .shipping-calculator_accordion-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin-inline-start: 5px;
    position: relative;
}
.tf-page-cart-checkout .shipping-calculator .shipping-calculator_accordion-icon::after, .tf-page-cart-checkout .shipping-calculator .shipping-calculator_accordion-icon::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: currentColor;
    transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out;
    width: 12px;
    height: 2px;
    opacity: 1;
    border-radius: 9999px;
}
.tf-page-cart-checkout .shipping-calculator .shipping-calculator_accordion-icon::after {
    height: 12px;
    width: 2px;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-header:not(.collapsed) .shipping-calculator_accordion-icon::after, .tf-page-cart-checkout .shipping-calculator .accordion-shipping-header:not(.collapsed) .shipping-calculator_accordion-icon::before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-header:not(.collapsed) .shipping-calculator_accordion-icon::before {
    opacity: 0;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-content {
    margin-top: 20px;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-content .tf-select {
    height: 50px;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-content .field {
    margin-bottom: 15px;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-content .field .label {
    margin-bottom: 8px;
    font-weight: 400;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-content .field .tf-select, .tf-page-cart-checkout .shipping-calculator .accordion-shipping-content .field input {
    border-color: transparent;
}
.tf-page-cart-checkout .shipping-calculator .accordion-shipping-content .tf-btn {
    font-weight: 600;
    min-width: 199px;
}
.tf-page-cart-checkout .cart-checkbox {
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.tf-page-cart-checkout .cart-checkbox .tf-check {
    width: 16px;
    height: 16px;
    border-color: var(--line);
    background-color: var(--white);
    border-radius: 999px;
    overflow: hidden;
}
.tf-page-cart-checkout .cart-checkbox .tf-check:checked {
    border-color: var(--primary);
    background-color: var(--primary);
}
.tf-page-cart-checkout .cart-checkbox .tf-check::before {
    font-size: 6px;
}
.tf-page-cart-checkout .cart-checkbox a {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: 600;
}
.tf-page-cart-checkout .tf-cart-totals-discounts {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tf-page-cart-checkout .tf-cart-totals-discounts h3 {
    font-size: 20px;
    line-height: 24px;
}
.tf-page-cart-checkout .tf-cart-totals-discounts .total-value {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}


.tf-page-cart-checkout .tf-cart-tax {
    margin-top: 18px;
    color: var(--text);
}
.tf-page-cart-checkout .tf-cart-tax a {
    color: rgba(0, 0, 0, 0.85);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    transition: text-decoration-thickness 1s ease;
}
.tf-page-cart-checkout .tf-cart-tax a:hover {
    color: var(--main);
    text-decoration-thickness: 2px;
}
.tf-page-cart-checkout .cart-checkout-btn {
    margin-top: 18px;
}
.tf-page-cart-checkout .cart-checkout-btn .tf-btn {
    font-weight: 400;
}
.tf-page-cart-checkout .tf-page-cart_imgtrust {
    margin-top: 18px;
}
.tf-page-cart-checkout .tf-page-cart_imgtrust p {
    margin-bottom: 10px;
}
.tf-page-cart-checkout .tf-page-cart_imgtrust .cart-list-social {
    gap: 8px;
}
.tf-page-cart-note label {
    margin-bottom: 20px;
    display: block;
}
#cart-note {
    min-height: 126px;
    border: 1px solid var(--line);
    padding: 15px 20px;
    width: 100%;
    max-width: 460px;
    resize: none;
    border-radius: 3px;
    outline: none;
}
/* Preload ------------------------------------------- */
.preload-wrapper .preload-container {
    display: flex;
}
.preload-container {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999999999;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.spinner {
    width: 60px;
    height: 60px;
    border: 3px solid transparent;
    border-top: 3px solid var(--line);
    border-radius: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    animation: spin 1s infinite linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
   }
    to {
        transform: rotate(360deg);
   }
}
.flat-alert {
    margin-bottom: 10px;
}
.flat-alert.msg-success {
    font-weight: 500;
    color: var(--bs-success);
}
.flat-alert.msg-error {
    font-weight: 500;
    color: var(--bs-danger);
}
#subscribe-msg {
    color: var(--bs-success);
}
#subscribe-msg .notification_ok {
    font-weight: 500;
    color: var(--bs-success);
}
#subscribe-msg .notification_error {
    font-weight: 500;
    color: var(--bs-danger);
}
.flat-wrap-iconbox {
    padding: 51px 15px 85px;
}
.flat-wrap-countdown.countdown-black {
    color: var(--white);
}
.flat-wrap-countdown.countdown-black .heading, .flat-wrap-countdown.countdown-black .description, .flat-wrap-countdown.countdown-black .tf-btn {
    color: var(--white);
}
.flat-wrap-countdown.countdown-black .tf-btn::after {
    background-color: var(--white);
}
.flat-wrap-countdown.countdown-black .tf-btn:hover {
    color: var(--primary);
}
.flat-wrap-countdown.countdown-black .tf-btn:hover::after {
    background-color: var(--primary);
}
.flat-wrap-countdown.countdown-black .countdown__item {
    border-color: var(--white);
}
.tf-flash-sale {
    border: 2px solid var(--primary);
    padding: 75px 20px 20px;
    border-radius: 10px;
    position: relative;
}
.tf-flash-sale .heading-flash-sale {
    position: absolute;
    left: 0;
    top: -4%;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--white);
    padding: 4px 16px;
    margin-left: 15px;
    color: var(--primary);
    font-weight: 400;
    font-size: 22px;
    line-height: 26.4px;
}
.wrap-mobile .collection-item-v2 .collection-content {
    inset: 7%;
}
.form-checkout .box:not(:last-child) {
    margin-bottom: 15px;
}
.form-checkout .grid-2 {
    gap: 15px;
}
.form-checkout label {
    margin-bottom: 10px;
    position: relative;
}
.form-checkout label::after {
    content: "*";
    position: absolute;
    /* color: var(--primary); */
    color: #e50404;
}
.form-checkout .tf-select {
    height: 50px;
    color: var(--main);
}
.form-checkout .select-custom::after {
    right: 15px;
}
.form-checkout input, .form-checkout textarea {
    color: var(--main);
}
.form-checkout input:focus, .form-checkout textarea:focus {
    border-color: var(--main);
}
.widget-wrap-checkout {
    display: grid;
    gap: 20px;
    background-color: #fbfbfc;
    border: 10px;
}
.widget-wrap-checkout .checkout-product-item {
    gap: 15px;
}
.widget-wrap-checkout .checkout-product-item:not(:last-child) {
    margin-bottom: 15px;
}
.widget-wrap-checkout .checkout-product-item .img-product {
    width: 64px;
    height: 64px;
    border: 1px solid var(--line);
    border-radius: 3px;
    position: relative;
}
.widget-wrap-checkout .checkout-product-item .img-product .quantity {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background-color: #666;
    color: var(--white);
    font-size: 12px;
}
.widget-wrap-checkout .checkout-product-item .img-product img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.widget-wrap-checkout .checkout-product-item .content {
    flex-grow: 1;
}
.widget-wrap-checkout .checkout-product-item .content .variant {
    font-size: 12px;
    line-height: 18px;
    color: var(--text);
}
.widget-wrap-checkout .coupon-box {
    display: flex;
    gap: 10px;
}
.widget-wrap-checkout .coupon-box .tf-btn {
    flex-shrink: 0;
}
.widget-wrap-checkout .wd-check-payment .fieldset-radio {
    display: flex;
    /*align-items: center;*/
    gap: 8px;
}
.widget-wrap-checkout .wd-check-payment .fieldset-radio label {
    /*margin-top: 2px;*/
     margin-top: -3px;
    font-weight: 400;
    color: var(--text);
}
.widget-wrap-checkout .wd-check-payment input {
    width: 24px;
    height: 20px;
    border-radius: 50%;
}
.widget-wrap-checkout .wd-check-payment input:checked ~ label {
    color: var(--main);
}
.widget-wrap-checkout .wd-check-payment .box-checkbox input {
    border-radius: 3px;
    width: 18px;
    height: 18px;
}
.hover-sw-nav .tf-sw-lookbook .nav-sw {
    top: 55%;
}
.hover-sw-nav .tf-sw-lookbook .nav-next-slider {
    left: 40px;
}
.hover-sw-nav .tf-sw-lookbook .nav-prev-slider {
    right: 40px;
}
.page-search-inner .tf-search-head {
    max-width: 608px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 77px;
}
.page-search-inner .tf-col-quicklink {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
}
.page-search-inner .tf-col-quicklink .title {
    font-weight: 600;
    margin-right: 9px;
}
.page-search-inner .tf-search-content-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
}
.pagination-wrap-spacing {
    margin-top: calc(76px * calc( 75px / 100px));
}
.box-video-wrap video {
    max-height: 702px;
}
.tf-form-sneaker .flat-title .title {
    font-size: 18px;
    line-height: 21px;
}
.tf-form-sneaker .box-content {
    max-width: 650px;
    padding: 20px;
    margin: 0 auto;
}
.my-account-nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 0;
}
.my-account-nav .my-account-nav-item {
    display: flex;
    width: 100%;
    border: 1px solid var(--line);
    padding: 15px 30px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    position: relative;
}
.my-account-nav .my-account-nav-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #db1215;
}
.my-account-nav .my-account-nav-item:hover, .my-account-nav .my-account-nav-item.active {
    background-color: var(--bg-11);
    color: #db1215;
}
.account-order .wrap-account-order {
    overflow-x: auto;
}
.account-order .wrap-account-order::-webkit-scrollbar {
    height: 3px;
}
.account-order .wrap-account-order::-webkit-scrollbar-thumb {
    background: var(--bg-11);
    border-radius: 999px;
}
.account-order table {
    width: 100%;
    min-width: 700px;
}
.account-order table thead, .account-order table td, .account-order table th {
    padding: 15px 20px;
}
.account-order table thead tr {
    border: 1px solid var(--line);
    background-color: var(--bg-11);
}
.account-order table tbody {
    border: 1px solid var(--line);
    border-top: 0;
}
.account-order table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--line);
}