:root {
    --main-color: #993399;
    --light-lily: #f4e2f8;
    --main-dark: #6e216e;
}

a {
    text-decoration: none;
    color: #111;
    font-weight: 300;
    transition: all .4s ease-in;
}

input,
select,
textarea {
    font-family: "TikTok Sans";
}

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

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: 'TikTok Sans';
}

.container {
    width: 1840px;
    margin: 0 auto;
}

.container-inner {
    margin: 0 10px;
}

.flex-jc-sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flex-jc-fs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.flex-jc-fe {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.flex-cc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.header-nav ul {
    list-style: none;

}

.header-nav ul li a {
    font-size: 18px;
}

.header-social img {
    width: 24px;
}


.header-mid-logo figure {
    position: relative;
    width: 260px;
    height: 80px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.header-mid-logo img {
    width: 260px;
    position: absolute;
    top: -35px;
    left: 0px;
}

.cg12 {
    column-gap: 12px;
}

.cg24 {
    column-gap: 24px;
}

.cg32 {
    column-gap: 32px;
}

.cg40 {
    column-gap: 40px;
}

.cg48 {
    column-gap: 48px;
}

.cg100 {
    column-gap: 100px;
}

.header-language a {
    font-size: 18px;
    text-transform: uppercase;
}

.header-social img.fb {
    width: 20px;
}

.header-social img.tt {
    width: 20px;
}

.header-top {
    padding: 20px 0;
}

.header-language li a {
    border: 1px solid var(--main-color);
    color: var(--main-color);
    padding: 5px 10px;
    border-radius: 50px;
}




.header-nav nav ul li a {
    border: 1px solid white;
    color: #222;
    padding: 5px 10px;
    border-radius: 50px;
}

.header-nav nav ul li a.active {
    background: var(--main-color);
    color: white;
}

.header-nav nav ul li a:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.header-nav nav ul li a.active{
    border: 1px solid var(--main-color);
    background: var(--main-color);
    color: white;
}


.header-mid-catalog-button a img {
    width: 24px;
    filter: invert(1);
}

.header-mid-catalog-button a {
    background-color: var(--main-color);
    color: white;
    border-radius: 100px;
    padding: 12px 24px;
    font-size: 20px;
}

.header-mid-catalog-button a:hover {
    background-color: var(--main-dark);
}

.header-mid-search {
    width: calc(100% - 260px);
    position: relative;
    margin-left: 32px;
}

.header-mid-search input {
    padding: 14px 24px;
    background-color: #f1f1f1;
    border-radius: 100px;
    width: 100%;
    border: none;
    font-size: 18px;
}


.header-mid-search a {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 12px;
    top: 8px;
}

.header-mid-search a img {
    width: 24px;
}

.header-mid-phone img {
    width: 24px;
}

.header-mid-profile img {
    width: 48px;
}

.header-mid-cart img {
    width: 48px;
}



.header-mid-phone a {
    font-size: 22px;
}

.header-mid-phone {
    margin-bottom: 1px;
}

.header-mid-phone span.operator {
    color: var(--main-color);
}

.header-mid-phone:last-child img {
    margin-left: -3px;
}

.header-mid-phones {
    width: 180px;
}

.header-mid-cart {
    position: relative;
}

.header-mid-cart span.counter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: var(--main-color);
    color: white;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
}

.header-mid-profile {
    margin: 0 40px;
}

.header-mid-logo {
    width: 16%;
}

.header-mid-end {
    width: 22%;
}

.header-mid-catalog-search {
    width: 62%;
}

.header-mid-phone:last-child {
    margin: 0;
}

.hero {
    margin: 50px;
}

.hero-item img {
    border-radius: 18px;
}

.hero-left {
    width: 1250px;
}

.our-plus {
    padding: 30px;
    border-radius: 18px;
    background-color: var(--light-lily);
}

.opc-number {
    font-size: 40px;
    font-weight: 800;
    color: #6e216e;
    background-color: #e9c5f1;
    width: 100px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 12px;
    text-align: center;
    line-height: 80px;
}

.our-plus-title {
    font-weight: 600;
    font-size: 32px;
    padding: 15px 24px 0;
}

.our-plus-content {
    padding: 34px 0;
}

.opc-title {
    font-weight: 500;
    font-size: 22px;
}

.opc-value {
    font-size: 18px;
    line-height: 18px;
    opacity: .7;
}

.opc-text {
    width: 60%;
}

.opc-item {
    margin-bottom: 24px;
}

.opc-item:last-child {
    margin: 0;
}

.hero-right {
    width: calc(100% - 1320px);
}

.top-categories-title h2 {
    margin: 0;
    font-size: 36px;
    color: #111;
    font-weight: 600;
}

.top-categories-title img {
    width: 50px;
}

.hero-category-title h2 {
    margin: 0;
    font-size: 36px;
    color: #111;
    font-weight: 600;
}

.hero-category-title img {
    width: 50px;
}

.top-category figure {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    margin: 0 0 10px;
}

.top-category figure img {
    width: 100%;
}

.top-category span {
    font-size: 22px;
    font-weight: 400;
    color: #111;
}

.top-categories-title {
    margin-bottom: 42px;
}

.top-category {
    margin-bottom: 42px;
}

.top-category a:hover span {
    color: var(--main-color);
}

.top-category a img {
    transition: all .4s ease-in-out;
}

.top-category a:hover img {
    transform: scale(1.04);
}

.hcc-item {
    position: relative;
}

.hcc-item a span {
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding: 15px;
    background: #993399db;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 500;
    color: white;
    z-index: 5;
}



.hcc-right {
    width: 1068px;
}

.hcc-item {
    margin-bottom: 40px;
}

.hcc-item figure {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
}

.hcc-item figure::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #9933992b;
    position: absolute;
    z-index: 1;
    border-radius: 22px;
}

.hcc-left .hcc-item a span {
    left: auto;
    right: 30px;
    padding: 25px;
    font-size: 32px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 32px;
    z-index: 5;
}

.hero-cat-container {
    margin: 40px 0;
}

.hero-category {
    margin-top: 40px;
}

.top-categories {
    margin-top: 70px;
}

.ptc-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    margin: 20px 0;
}


.ptc-product {

    position: relative;
}

.owl-carousel .owl-item .ptc-star img,
.ptc-star img {
    width: 20px;
}

.ptc-rating {
    width: 51%;
}

.ptc-code {
    display: inline-block;
    padding: 10px 12px;
    border-radius: 18px;
    font-size: 12px;
    background-color: #f1f1f1;
}

.owl-carousel .owl-item .ptc-buy img,
.ptc-buy img {
    width: 32px;
    margin-left: -5px;
}

.ptc-rating a {
    border-bottom: 1px solid #111;
}

.ptc-code-rating {
    margin-bottom: 20px;
}

.ptc-fs-current a {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 12px 20px;
    display: block;
    border: 1px solid #dedede;
}

.ptcs-title {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    line-height: 12px;
}

.ptcs-value {
    font-size: 20px;
    color: #111;
}

.ptc-fs-current {
    position: relative;
}

.owl-carousel .owl-item .ptc-fs-current a img,
.ptc-fs-current a img {
    position: absolute;
    right: 14px;
    top: 18px;
    width: 30px;
}

.ptc-price-title {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    line-height: 12px;
}

.ptc-price-value {
    font-size: 26px;
    color: #111;
    font-weight: 400;
}

.ptc-price-value span {
    font-size: 16px;
    color: #777;
}

.ptc-buy a {
    background-color: var(--main-color);
    color: white;
    border-radius: 100px;
    padding: 12px 24px;
    font-size: 20px;
}

.owl-carousel .owl-item .ptc-buy a img,
.ptc-buy a img {
    filter: invert(1) brightness(100);
}

.ptc-price-buy {
    margin: 20px 0;
}

span.likes {
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #993399de;
    color: white;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 18px;
}

.owl-carousel .owl-item span.likes img,
span.likes img {
    width: 24px;
    filter: invert(1) brightness(100);
}

.product-tabs-head li a {
    border: 1px solid #ccc;
    color: #111;
    padding: 15px 35px;
    border-radius: 50px;
    font-size: 28px;
}

.product-tabs-head li a:hover {
    background-color: #f2f2f2;
    color: var(--main-color);
}

.product-tabs-head li a.active {
    border: 1px solid #f4e2f8;
    background: #f4e2f8;
    color: #111;
}


.product-tabs-head {
    margin: 30px 0 80px;
}

.product-tabs {
    padding: 20px 0 50px;
}


.s-two a img {
    width: 32px;
}

.s-one {
    font-size: 18px;
    margin: 18px 0;
}

.subscribe-section {
    background-color: var(--light-lily);
    padding: 60px 0;
}

.st-one {
    font-size: 32px;
    font-weight: 500;
}

.st-two {
    font-size: 20px;
    color: #333;
}

.st-two span {
    font-weight: 600;
    color: var(--main-color);
    margin: 0 5px;
}

.subscribe-content input {
    height: 54px;
    border-radius: 50px;
    background-color: white;
    border: none;
    padding: 0 20px;
    width: 500px;
    font-size: 18px;
}

.subscribe-content {
    margin: 40px 0;
}

.subscribe-content a {
    background-color: var(--main-color);
    color: white;
    font-size: 18px;
    height: 54px;
    border-radius: 50px;
    padding: 0 20px;
}

.subscribe-content a:hover {
    background-color: var(--main-dark);
}

.subscribe-content a img {
    width: 32px;
    filter: invert(1) brightness(100);
}

.page-description {
    padding: 50px 0;
}

.page-description h2 {
    font-size: 18px;
    font-weight: 500;
    color: #111;
}

.page-description ul li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.page-description p {
    font-size: 16px;
    color: #333;
}

.page-description ul li:before {
    content: "";
    width: 20px;
    height: 2px;
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    top: 8px;
}

.footer-row3 img {
    width: 48px;
}

.footer-address .fa-title img {
    width: 26px;
}


footer {
    background-color: var(--light-lily);
    padding: 40px 0 40px;
}

.footer-left {
    width: 600px;
}

.fr-right {
    width: 320px;
}

.footer-bottom {
    margin: 60px 0 0;
    font-size: 18px;
}

.footer-inner {
    padding: 40px 0;
}

.footer-right {
    width: 50%;
}

.fr-header {
    font-size: 22px;
    margin-bottom: 25px;
}

.fr-list ul li {
    margin-bottom: 10px;
}

.fr-list ul li a {
    font-size: 18px;
}

.fa-title {
    font-weight: 500;
    font-size: 18px;
}

.fa-content {
    color: var(--main-color);
    font-size: 16px;
    margin: 15px 0;
    text-align: right;
}

.fr-right .header-mid-phones {
    width: 100%;
    margin-bottom: 40px;
}

.footer-row2 {
    margin: 50px 0;
    width: 480px;
    font-size: 16px;
    opacity: .8;
    line-height: 20px;
}

.fb-right a {
    font-weight: 500;
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

.ptc-buy a:hover {
    background-color: var(--main-dark);
}

.hcc-item a:hover figure:before {
    opacity: .75;
}

.hcc-item a:hover span {
    background-color: var(--main-color);
}

.hcc-item a img {
    transition: all .3s ease-in-out;
}

.hcc-item a:hover img {
    transform: scale(1.2) rotate(6deg);
}

.breadcrumbs {
    background: #f9f9f9;
    margin: 30px 0;
    padding: 15px 0;
}

.breadcrumbs ul li {
    position: relative;
    padding: 0 20px;
}

.breadcrumbs ul li:first-child {
    padding: 0 20px 0 0;
}

.breadcrumbs ul li a {
    font-size: 16px;
    color: var(--main-color);
}

.breadcrumbs ul li span {
    font-size: 16px;
    font-weight: 300;
}


.breadcrumbs ul li:first-child a {
    font-weight: 600;
}

.breadcrumbs ul li:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url('../icons/arrow-next-small.svg');
    background-size: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    opacity: .75;
}

.breadcrumbs ul li:last-child:after {
    display: none;
}

.product-row2 .ptc-rating {
    position: relative;
    width: auto;
}

.product-row2 .ptc-code-rating .product-likes>span {
    position: relative;
    right: auto;
    top: auto;
    padding: 0;
    background: none;

}

.product-row2 .ptc-code-rating .product-likes span {
    color: var(--main-color);
}

.product-row2 span.likes img {
    width: 24px;
    filter: none;
}

.product-row2 .ptc-star img {
    width: 24px;
}

.cg4 {
    column-gap: 4px;
}

.product-content .ptc-code {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 18px;
    font-size: 14px;
    background-color: #f1f1f1;
}

.product-content .ptc-rating {
    font-size: 16px;
}

.pmf-left.flex-jc-fs {
    align-items: flex-start;
}

.pmf-one {
    margin-bottom: 22px;
    width: 160px;
}

.ptc-systems img {
    width: 40px;
}

.ptc-systems img.lg {
    width: 54px;
}


.pfm-buy-like .ptc-buy img {
    width: 24px;
}

.pfm-buy-like .ptc-like img {
    width: 24px;
}

.pmf-right {
    width: 600px;
    position: relative;
}

.pmf-right:before {
    content: "";
    background-color: #f4e2f84a;
    width: 1000px;
    height: 95%;
    padding: 40px 40px 0;
    border-radius: 42px;
    position: absolute;
    z-index: 1;
    left: -70px;
}

.product-content {
    overflow-x: hidden;
}

.pfm-up {
    position: relative;
    z-index: 2;
    padding-top: 25px;
}

.pmf-block-title {
    font-size: 20px;
    height: 32px;
    padding-top: 20px;
}

.pmf-option {
    margin: 30px 0;
}

.pmf-option a.active {
    background-color: var(--main-color);
    color: white;
    border: 1px solid var(--main-color);
}

.pmf-option a {
    padding: 12px;
    border-radius: 12px;
    color: #333;
    font-size: 20px;
    border: 1px solid #9933992e;
    background: #fff;
}

.pmf-block-title a img {
    width: 24px;
}

.pmf-block-title a span {
    font-size: 16px;
    border-bottom: 1px solid #111;
}

.aifs {
    align-items: flex-start;
}

.pmf-option-color a {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    overflow: hidden;
    border: 2px solid #efefef;
}

.pmf-option-color .color {
    background-color: pink;
    width: 36px;
    height: 36px;
    border: 2px solid white;
    border-radius: 12px;
}

.pmf-option-color .color.color1 {
    background: #e4d6b2;
}

.pmf-option-color .color.color2 {
    background: #c2e4b2;
}

.pmf-option-color .color.color3 {
    background: #b2b8e4;
}

.pmf-option-color .color.color4 {
    background: #dfb2e4;
}

.pmf-option-color .color.color5 {
    background: #e4b2bb;
}




.pmf-option-color a.active {
    border: 2px solid var(--main-color);
}

.pfm-price {
    margin-top: 30px;
}

.pfm-price-title {
    font-size: 16px;
    line-height: 16px;
}

.pfm-price-value {
    font-size: 30px;
    font-weight: 300;
    margin-top: 6px;
}

.pfm-price-value span {
    font-size: 20px;
    color: #777;
}

.pfm-buy-like .ptc-like a {
    border: 1px solid var(--main-color);
    border-radius: 50px;
    padding: 15px 20px;
    margin: 0;
    font-size: 18px;
    background-color: white;
    color: var(--main-color);
    border-radius: 100px;
    padding: 12px 24px;
    font-size: 20px;
}

.pfm-buy-like {
    margin: 30px 0;
}

.change-city img {
    width: 24px;
}

.change-city {
    font-size: 16px;
}

.shb-city .current {
    font-size: 20px;
}

.change-city .span-change-text {
    border-bottom: 1px solid #111;
}

.sbh-logo img {
    width: 200px;
}

.shipping-block {
    margin: 30px 0;
}

.sbh-title {
    font-size: 20px;
}

.sbh-date {
    font-size: 24px;
    color: var(--main-color);
}

.shb-time {
    margin-top: 15px;
}

.pmf-main img {
    border-radius: 42px;
}

.pmf-one img {
    border-radius: 30px;
    border: 4px solid white;
    width: 100%;
}

.pmf-one a {
    padding: 6px 8px;
    border: 4px solid #efefef;
    border-radius: 42px;
}

.pmf-one a.active {
    padding: 6px 8px;
    border: 4px solid var(--main-color);
}

.product-main-flex {
    margin: 50px 0;
}

.pds .product-description {
    width: 70%;
}

.pds .product-attributes {
    width: 25%;
}

.pds .pa-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.pds .product-attributes table td {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    width: 48%;
}

.pds .product-attributes table td:first-child {
    font-weight: 500;
}

.pds .product-attributes table tr:last-child td {
    border: none;
}

.pd-tabs ul li a {
    border: 1px solid #ccc;
    color: #222;
    font-size: 22px;
    padding: 12px 24px;
    border-radius: 50px;
}

.pd-tabs ul li a.active {
    border: 1px solid var(--main-color);
    background: var(--main-color);
    color: white;
}

.pd-tabs {
    margin-bottom: 60px;
}

.pmf-right .ptc-buy a {
    padding: 12px 32px;
}

.pmf-right .ptc-buy a img {
    width: 32px;
}

.pmf-right .pfm-buy-like .ptc-like a {
    padding: 14px 24px;
}

.pmf-right .pfm-buy-like .ptc-like img {
    width: 28px;
}

.the-color .pmf-block-title {
    height: 44px;
    padding-bottom: 10px;
}

.pd-tabs-content {
    font-size: 18px;
    font-weight: 300;
}


.product-same {
    margin: 50px 0;
}

.ps-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

.product-content .product-same .ptc-code {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 18px;
    font-size: 12px;
    background-color: #f1f1f1;
}

.product-content .product-same .ptc-rating {
    font-size: 12px;
}

.cc-filter-title img {
    width: 32px;
}

.ffs-current img {
    width: 24px;
}

.cc-flex {
    padding: 10px 25px;
    border-radius: 12px;
    background-color: var(--light-lily);
    font-size: 18px;
    margin: 0 0 40px;
}

.filter-fake-select a {
    border-radius: 50px;
    background-color: white;
    padding: 8px 8px 8px 20px;
}

.filter-fake-select a img {
    transform: rotate(90deg);
}

.cc-filter-title {
    margin-right: 30px;
    font-weight: 500;
}

.xrow1 {
    width: 6px;
    height: 16px;
    border-radius: 50px;
    background-color: var(--main-color);
}

.cc-products-grid .ptc-product {
    flex: 0 0 calc((100% - (3 * 48px)) / 4);
    position: relative;
    margin-bottom: 48px;
}


.cc-products-grid .ptc-product>a>img {
    width: 100%;
    border-radius: 12px;
}

.cc-load-more img {
    width: 24px;
    filter: invert(1) brightness(100);
}

.cc-load-more {
    margin: 50px 0 20px;

}

.cc-load-more a {
    padding: 24px 36px;
    background-color: var(--main-color);
    color: white;
    font-size: 22px;
    border-radius: 50px;
}

.cc-load-more a:hover {
    background: var(--main-dark);
}

.cc-pagination img {
    width: 24px;
    margin-top: 5px;
}

.cc-pagination {
    font-size: 18px;
    padding: 12px 24px;
    border-radius: 50px;
    background-color: #f1f1f1;
    width: 300px;
    margin: 0 auto;
}

.cc-pagination a {
    color: #444;
    font-weight: 400;
}

.cc-category-description {
    margin: 70px 0 120px;
    font-size: 18px;
    color: #333;
}

.cc-pagination span {
    color: var(--main-color);
}

.cc-pagination .arrow-left img {
    transform: rotate(-180deg);
}

.cc-pagination .arrow-right img {
    transform: rotate(0deg);
}

.cc-pagination span.more {
    color: #999;
}

.mobile-header {
    display: none;
}

.filter-mobile{
    display: none;
}

@media(max-width: 600px) {

    .container {
        width: 90%;
    }

    .header-top {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    .mh-menu img {
        width: 32px;

    }

    .mh-menu {
        width: 25%;
    }

    .mh-logo {
        width: 40%
    }

    .mh-logo figure {
        margin: 0;
    }

    .mh-logo img {
        width: 100%;
    }

    .mh-cart {
        width: 15%;
    }

    .mh-cart img {
        width: 32px;
    }

    .mh-logo a {
        width: 100%;
    }

    .header-mid {
        display: none;
    }

    .mh-menu a {
        font-size: 18px;
    }

    .mh-cart a {
        position: relative;
        width: 40px;
        height: 40px;
    }

    .mh-cart span.counter {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50px;
        background-color: var(--main-color);
        color: white;
        line-height: 20px;
        text-align: center;
        font-size: 14px;
    }

    .mm .header-mid-catalog-search {
        width: 100%;
    }

    .mm .header-mid-search {
        width: 100%;
        margin: 15px 0 0;
    }

    .hero {
        margin: 30px 0;
    }

    .hero-left {
        width: 100%;
    }

    .hero-right {
        width: 100%;
        margin-top: 30px;
    }

    .hero-inner-flex {
        flex-direction: column;
    }

    .our-plus-title {
        font-weight: 600;
        font-size: 24px;
        padding: 10px;
    }

    .opc-text {
        width: 54%;
    }

    .opc-value {
        font-size: 16px;
        line-height: 16px;
        opacity: .7;
    }

    .opc-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .top-categories-title h2 {
        margin: 0;
        font-size: 24px;
        color: #111;
        font-weight: 600;
    }

    .top-categories-title img {
        width: 36px;
    }

    .top-category {
        margin-bottom: 22px;
        width: calc((100% - 40px) / 2);
    }

    .top-category span {
        font-size: 18px;
        font-weight: 400;
        color: #111;
    }

    .hcc-left {
        width: 100%;
    }

    .hcc-right {
        width: 100%;
    }

    .hcc-left .hcc-item figure {
        height: 400px;
    }

    .hcc-right .hcc-item {
        width: 46%;
    }

    .hcc-right .hcc-item figure {
        height: 220px;
    }

    .hcc-item a span {
        position: absolute;
        left: 30px;
        bottom: 30px;
        padding: 5px 15px;
        background: #993399db;
        border-radius: 50px;
        font-size: 18px;
        font-weight: 500;
        color: white;
        z-index: 5;
    }

    .hero-category-title h2 {
        font-size: 24px;
    }

    .hero-category .hero-category-title {
        align-items: center;
        justify-content: center;
    }

    .hero-cat-container {
        margin: 25px 0;
    }

    .hero-category-title img {
        width: 36px;
    }

    .product-tabs-head li a {
        border: 1px solid #ccc;
        color: #111;
        padding: 0px 21px;
        border-radius: 50px;
        font-size: 18px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        width: calc(100% - 42px);
    }

    .product-tabs-head ul.flex-cc {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .product-tabs-head {
        margin: 0 0 50px;
    }

    .product-tabs-head ul.flex-cc li {
        width: 100%;
    }

    .product-tabs {
        padding: 0 0 50px;
    }

    .product-tabs-head {
        margin: 0 0 20px;
    }

    .subscribe-content input {
        width: 75%;
    }

    .subscribe-content a {
        background-color: var(--main-color);
        color: white;
        font-size: 18px;
        height: 54px;
        border-radius: 50px;
        padding: 0 20px;
        width: 66%;
        margin-top: 15px;
    }

    .footer-left {
        width: 100%;
    }

    .footer-right {
        width: 100%;
    }

    .fr-left-list {
        margin-bottom: 25px;
    }

    .footer-left {
        width: 100%;
        margin-bottom: 40px;
    }

    .footer-row2 {
        margin: 0px 0px 30px;
        width: 100%;
        font-size: 16px;
        opacity: .8;
        line-height: 20px;
    }

    .fr-contacts .header-mid-phones.flex-jc-fe {
        justify-content: flex-start;
    }

    .fr-contacts .fa-content.flex-jc-fe {
        justify-content: flex-start;
        text-align: left;
    }

    .fr-contacts .fa-title.flex-jc-fe {
        justify-content: flex-start;
        text-align: left;
    }

    .footer-bottom {
        margin: 60px 0 0;
        font-size: 14px;
    }

    .fb-left {
        margin-bottom: 15px;
    }

    .footer-logo {
        width: 40%;
    }

    footer .header-mid-logo figure {
        position: relative;
        width: 200px;
        height: 80px;
        overflow: hidden;
        margin: 30px 0 0;
        padding: 0;
    }

    .footer-inner {
        padding: 0;
    }

    footer .header-mid-logo img {
        width: 100%;
        position: absolute;
        top: -35px;
        left: 0px;
    }

    .filter-mobile{
        display: block;
        width: 100%;
    }

    .filter-pc{
        display: none;
    }

    .filter-mobile a{
        padding: 12px 24px;
        border-radius: 50px;
        background: var(--main-color);
        color:white;
    }

     .filter-mobile a img{
        width: 24px;
     }
    
    .cc-flex{
        background: none;
    }

    .cc-flex-right{
        display: none;
    }
    
    .cc-flex{
        margin: 0;
        padding: 0;
    }

    .cc-products-grid .ptc-product {
    flex: 0 0 calc((100% - 48px) / 2);
    position: relative;
    margin-bottom: 48px;
    margin-top: 30px;
}

.cc-products-grid .ptc-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    margin: 20px 0;
}

.cc-products-grid .ptc-buy{
    width: 100%;
    margin-top: 15px;
}


.cc-products-grid .ptc-rating {
    width: 100%;
    justify-content: flex-start;
    margin-top: 10px;
}

.filter-mobile a img{
    filter: invert(1);
}

}




main.cart .store-page { display: flex; gap: 24px; align-items: flex-start; }
main.cart .products { margin: 0 0 50px; flex: 1 1 auto; background: #fff; padding: 18px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.04);     border: 1px solid #f1f1f1;width: calc(100% - 480px); }

main.cart .product { display: flex; gap: 32px; padding: 30px 20px; border-bottom: 1px solid #eee; align-items: center; }
main.cart .product:last-child { border-bottom: none; }
main.cart .product img { width: 166px; height: 166px; object-fit: cover; border-radius: 6px; background: #fafafa; }
main.cart .product-info { flex: 1; min-width: 0; }
main.cart .product-title {
    font-weight: 400;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: var(--main-color);
} 
main.cart .product-meta { font-size: 13px; color: #666; margin-bottom: 8px; }
main.cart .product-actions { display: flex; align-items: center; gap: 8px; }
main.cart .qty { width: 72px; display:flex; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
main.cart .qty input { width: 100%; padding:8px; border: 0; outline: none; text-align: center; font-size: 14px; }
main.cart .btn { font-family: 'TikTok Sans'; display:inline-block; padding: 8px 12px; border-radius: 6px; background:#111827; color:#fff; font-size:14px; text-decoration:none; cursor:pointer; border:none; }
main.cart .btn.secondary { background: transparent; color:#111827; border:1px solid #ddd; }
main.cart .remove { font-size:13px; color:#d00; background:transparent; border:none; cursor:pointer; }
main.cart .summary { border:1px solid #f1f1f1; width: 320px; flex-shrink: 0; background: #fff; padding: 18px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.04); }
main.cart .summary h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
}
main.cart .summary-row { display:flex; justify-content: space-between; padding: 10px; border-bottom: 1px dashed #eee; }
main.cart .summary-row.total { font-weight: 600; font-size: 18px;  margin-top: 12px; padding-top: 14px; }
main.cart .coupon { display:flex; gap:8px; margin-top: 16px; }
main.cart .coupon input { flex:1; padding:10px; border-radius:6px; border:1px solid #ddd; }
main.cart .checkout { width:100%; margin-top: 16px; }

a.btn.checkout{text-align: center;width: calc(100% - 24px);}
main.checkout .store-page { display: flex; gap: 0px; align-items: flex-start; flex-wrap: wrap;}
main.checkout .products { margin: 0 0 0px; flex: 1 1 auto; background: #fff; padding: 18px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 12px; border-top-right-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.04);     border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; border-top: 2px solid #f1f1f1;width: 100%; }

main.checkout .product { display: flex; gap: 32px; padding: 30px 20px; border-bottom: 1px solid #eee; align-items: center; }
main.checkout .product:last-child { border-bottom: none; }
main.checkout .product img { width: 98px; height: 98px; object-fit: cover; border-radius: 6px; background: #fafafa; }
main.checkout .product-info { flex: 1; min-width: 0; }
main.checkout .product-title {
    font-weight: 400;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    color: var(--main-color);
} 
main.checkout .product-meta { font-size: 13px; color: #666; margin-bottom: 8px; }
main.checkout .product-actions { display: flex; align-items: center; gap: 8px; }
main.checkout .qty { width: 72px; display:flex; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
main.checkout .qty input { width: 100%; padding:8px; border: 0; outline: none; text-align: center; font-size: 14px; }
main.checkout .btn { font-family: 'TikTok Sans'; display:inline-block; padding: 8px 12px; border-radius: 6px; background:#111827; color:#fff; font-size:14px; text-decoration:none; cursor:pointer; border:none; }
main.checkout .btn.secondary { background: transparent; color:#111827; border:1px solid #ddd; }
main.checkout .remove { font-size:13px; color:#d00; background:transparent; border:none; cursor:pointer; }
main.checkout .summary {
    border: none;
    width: calc(100% - 60px);
    flex-shrink: 0;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    background: #f1f1f1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}main.checkout .summary h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
}
main.checkout .summary-row { display:flex; justify-content: space-between; padding: 10px; border-bottom: 1px dashed #eee; }
main.checkout .summary-row.total { font-weight: 600; font-size: 18px;  margin-top: 12px; padding-top: 14px; }
main.checkout .coupon { display:flex; gap:8px; margin-top: 16px; }
main.checkout .coupon input { flex:1; padding:10px; border-radius:6px; border:1px solid #ddd; }
main.checkout .checkout { width:100%; margin-top: 16px; }




@media (max-width: 880px) {
.store-page { flex-direction: column-reverse; }
.summary { width: 100%; }
}

.mf-flex h2{
    font-size: 24px;
    margin:0;
    font-weight: 500;
}

.cart .cart-count-products {
        width: 24px;
    height: 24px;
    background: var(--main-color);
    color: white;
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
}

main.checkout .cart-count-products {
        width: 24px;
    height: 24px;
    background: var(--main-color);
    color: white;
    border-radius: 50px;
    padding: 5px;
    text-align: center;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
}

.mf-flex{
    padding: 20px;
}


main.cart .remove svg{
    width: 24px;
    height: 24px;
}
.cc1-total{
    font-size: 20px;
    font-weight: 400;
}

.cc1-total span{
    font-weight: 300;
    font-size: 16px;
    color: #777;
}

main.cart .btn.checkout{
	background: var(--main-color);
	border-radius: 50px;
}



.checkout-client-type {
    display: flex
;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

.checkout-client-type a {
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #222;
    border: 2px solid #f1f1f1;
    border-radius: 55px;
    font-size: 18px;
    font-weight: 400;
}

.checkout-client-type a.active {
    background: var(--main-color);
    color: white;
}

.cfc-flex-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.cfc-flex-3 .checkout-form-item {
    flex: 0 0 32%;
}

.checkout-form-item input {
    width: 100%;
    padding: 15px;
    border-radius: 12px;
    background: #f1f1f1;
    border: none;
    font-size: 18px;
    color: #222;
}

.checkout-form-item label span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.cfc-flex-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.cfc-flex-2 .checkout-form-item {
    flex: 0 0 49%;
}

.checkout-form-item {
    margin-bottom: 15px;
}

.checkout-form-client {
    padding: 20px 40px;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    margin: 0;
}

.checkout-form-shipping {
    padding: 20px 40px;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    margin: 40px 0;
}

.checkout-left {
    width: 60%;
}

.cfc-title {
    font-size: 22px;
    font-weight: 500;
    padding: 10px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 32px;
    cursor: pointer;
}

/* Hide default checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

/* Track */
.slider3 {
    position: absolute;
    inset: 0;
    background-color: #e5e6ea;
    border-radius: 32px;
    transition: background-color 0.2s ease;
}

/* Knob */
.slider3::before {
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    left: 3px;
    top: 3px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    transition: transform 0.2s ease;
}

/* Checked state */
.switch input:checked+.slider3 {
    background-color: var(--main-color);
}

.switch input:checked+.slider3::before {
    transform: translateX(20px);
}

.cfc-switch {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 18px;
    column-gap: 15px;
}

.shipping-methods {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
}

.shipping-methods a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    border: 2px solid #f1f1f1;
    font-size: 16px;
    color: #222;
    column-gap: 15px;
    padding: 10px 18px;
    border-radius: 50px;
    height: 30px;
}

.shipping-methods a img {
    width: 32px;
}

.shipping-methods a img.np {
    width: 42px;
    margin-left: -5px;
}

.shipping-methods a img.up {
    width: 20px;
}

.shipping-methods a img.roz {
    width: 30px;
}

.shipping-methods a span {
    margin: 0;
    font-size: 18px;
}

.shipping-methods a.active {
    background-color: var(--main-color);
    color: white;
}

.shipping-methods a.active img.np {
    filter: brightness(50) invert(0) grayscale(1);
}

.payment-options {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 15px;
}

.payment-options input[type="radio"] {
    display: none;
    /* hide native radios */
}

.payment-option {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 50px;
    cursor: pointer;
    background-color: #fff;
    font-size: 16px;
    transition: all 0.2s ease;

    text-align: center;
}

/* Hover effect */
.payment-option:hover {
    border-color: #888;
}

/* Checked state */
.payment-options input[type="radio"]:checked+.payment-option {
    border-color: var(--main-color);
    background-color: var(--main-color);
    font-weight: bold;
    color: white;
    border-radius: 50px;
}

.checkout-right {
    width: 35%;
    margin-top: 0px;
}

.checkout-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 100px;
}

.checkout-payments {
    padding: 20px 40px;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    margin: 40px 0;
}

.checkout-cart {
    padding: 20px 40px;
    border-left: 2px solid #f1f1f1;
    border-top: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin: 40px 0 0;
    background: white;
}

.checkout-cart-items .cart-item {
    align-items: center;
    column-gap: 15px;
    padding: 25px 0;
    border-bottom: 2px solid #f1f1f1;
    border-right: none;
    border-top: none;
    border-left: none;
    border-radius: 0px;
    margin-bottom: 0;
}

.checkout-cart-items .cart-item:last-child {

    border: none;
}

.checkout-cart-items .cart-item .cart-item__image {
    width: 80px;
    flex: 0 0 80px;
}

.checkout-cart-items .cart-item .cart-item__image img {
    width: 80px;
    border-radius: 7px;
}

.checkout-cart-items .cart-item__right {
    flex: 0 0 calc(100% - 100px);
    width: calc(100% - 220px);
}

.checkout-cart-items .cart-item__title a {
    text-decoration: none;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
    line-height: 20px;
}

.checkout-cart-items .cart-item__code.pif-code {
    width: auto;
    display: inline-block;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    font-size: 14px;
    font-weight: bold;
}

.checkout-cart-items .product-one__priceBuy {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 0;
    margin: 10px 0 0;
}

.checkout-cart-items .product-one__price.f-1 {
    flex: 0 0 100px;
    align-items: center;
}

.checkout-cart-items .product-one__quantity {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 0;
}


.checkout-cart-items .poq-likes {
    display: none;
}

.checkout-cart-items .cart-item .product-one__priceValue {
    font-size: 23px;
    margin-top: 0px;
}

.checkout-totals .cart-right {
    width: 100%;
}

.checkout-totals .promo-block {
    border-radius: 0px;
}


@media(max-width: 768px){
    .checkout-left {
    width: 100%;
}

.checkout-flex {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.checkout-right {
    width: 35%;
    margin-top: 45px;
}

.checkout-client-type {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
    flex-direction: column;
}
.checkout-client-type a {
    padding: 15px 25px;
    display: flex
;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #222;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 400;
    width: calc(100% - 50px);
    margin-top: 14px;
    background: white;
}

main.checkout{
    padding-top: 20px;
}

main.checkout .breadcrumbs-mobile{
    display: none;
}



.checkout-form-client {
    padding: 20px 20px;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    margin: 40px 0;
    background: white;
}

.cfc-title{
    flex-direction: column;
}

.cfc-title .cfc-name{
    margin-bottom: 10px;
}
    .cfc-flex-3 .checkout-form-item {
        flex: 0 0 100%;
        width: 100%;
    }

        .cfc-flex-2 .checkout-form-item {
        flex: 0 0 100%;
        width: 100%;
    }

.cfc-flex-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.cfc-flex-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.checkout-form-shipping {
    padding: 20p;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    margin: 40px 0;
    background: white;
}

.shipping-methods {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
    width: 100%;
    flex-direction: column;
}


.cfc-switch{font-size: 16px;}


.shipping-methods a{
    width: 90%;
    padding:6px 12px;
    margin-bottom: 10px;
}

.shipping-methods a.active {
    background-color: var(--main-color);
    color: white;
    border: 2px solid var(--main-color);
}
.shipping-methods a img.up {
    width: 20px;
    margin-left: 4px;
}
.payment-option{width:100%;}

.checkout-payments {
    padding: 20px;
    border: 2px solid #f1f1f1;
    border-radius: 12px;
    margin: 40px 0 0px;
    background: white;
}


.checkout-right {
        width: 100%;
        margin-top: 0;
    }


}


main.checkout .btn.checkout{
	padding: 12px;
    font-size: 18px;
    border-radius: 50px;
    background: var(--main-color);
    height: 60px;
    font-size: 22px;
}



.login{
	width: 100vw;
	height: calc(100vh - 100px);
	background: #f1f1f1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.login-form{
	background: #fff;
	border-radius: 12px;
	padding:40px;	
	width: 600px;
}

.logo-section {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px 0;
}

.form-header{
display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    height: 40px;
    margin-bottom: 20px;
}

.moc-view{
		display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 15px;
    border-radius: 58px;
    background: var(--main-color);
    color: white;
    text-decoration: none;
    padding: 5px 15px 6px;
    font-size: 16px;
}


.ps-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    background: #333999;
    color: white;
    text-decoration: none;
    border-radius: 58px;
    width: 140px;
}

.ps-status-2{
	background: #ff9800;
}

.ps-status-3{
	background: #33996c;
}


.moc-view img{
	width: 24px;
	filter: invert(1);
}


.form-header img{
	width: 32px;
}

.my-orders-columns{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 40px;
	font-weight: 500;
	font-size: 18px;
	margin-top: 60px;
}

.my-orders-list{
	margin-bottom: 60px;
}

.remember-forgot{
	display: flex;
	align-items: center;
	justify-content: space-between;
	    margin: 30px 0 0;
}
.ocf-button{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 15px;
	text-decoration: none;
	background: #fff;
	border-radius: 12px;
	padding: 12px 10px;
	color:#222;
	flex:0 0 45%;
	font-weight: 500;
	font-size: 20px;
	    border: 2px solid #f1f1f1;
}

.ocf-button img{
	width: 24px;
}

.or-continue-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ocf-apple img{
	filter: brightness(10) invert(1);
	margin-top: -3px;
}

.ocf-apple{
	background: black;
	color:white;
	    border: 2px solid #000;
}

.or-continue-text{
	    font-size: 18px;
    text-align: center;
    background: white;
    width: 100%;
    margin: 30px auto;
    position: relative;
    z-index: 2;
}

.or-continue-text span{
	background: white;
	position: relative;
	z-index: 3;
	padding:20px;
}

.or-continue-text:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #e7e7e7;
    top: 12px;
    left: 0;
    position: absolute;
    z-index: 1;
}

.submit input{
	display: block;
	width:100%;
	height: 52px;
	border-radius: 12px;
	background: var(--main-color);
	border:none;
	font-size: 20px;
	font-weight: 500;
	color:white;
	margin: 30px 0 0;
	cursor: pointer;
}

.forget a{
	color: var(--main-color);
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px solid var(--main-color);
}

.remember label{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 10px;
}

.remember span{
	font-size: 18px;
	font-weight: 500;
}

.remember  input{
	width: 20px;
	height: 20px;
}

.form-header h1{
	font-size: 30px;
	font-weight: 600;
}

.login-after{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	color:#222;
	margin:30px 0;
}

.login-after a{
	text-decoration: none;
	border-bottom: 2px solid var(--main-color);
	color: var(--main-color);
	font-size: 20px;
	font-weight: 500;
}

.profile-order-flex{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pof-right{
	width: 35%;
}

.pof-left{
	width: 61%;
}

.register .pof-left .checkout-form-client{
	border: 2px solid #f1f1f1;
	margin-bottom: 40px;
}

.pof-right .checkout-cart{
	margin:0;
}


@media(max-width: 720px){
	.login-form{
		width: calc(80% - 40px);
		padding: 20px;
	}
	
	.or-continue-flex{
		flex-direction: column;
		row-gap:15px;
	}
	.ocf-button {

    flex: 0 0 100%;

    width: calc(100% - 20px);
		}	
}


@media(max-width: 500px){
	    .or-continue-flex {
        flex-direction: row;
        column-gap: 1%;
        flex-wrap: wrap;
    }

	    .ocf-button {
        flex: 0 0 36%;
        font-size: 16px;
      
    }

    .form-header img {
    width: 24px;
}
	
	.form-header h1 {
    font-size: 22px;
    font-weight: 600;
}


.remember-forgot {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 0;
    flex-direction: column;
    row-gap: 30px;
}

.logo-section{
	margin: 30px 0;
}

.login-after{
	text-align: center;
	font-size: 18px;
	width:80%;
	margin:30px auto 0;
}

.login-after a{
	font-size: 18px;
}


main.login{
	height: auto;
}



.remember{
	display: none;
}

.forget{
	text-align: center;
}

.remember-forgot {
        display: flex
;
        align-items: center;
        justify-content: space-between;
        margin: 18px 0 0;
        flex-direction: column;
        row-gap: 30px;
    }


}

.checkout-full{
	width:100%;
}


.register .checkout-form-client {
    background: white;
    border: none;
    margin: 0;
    border: 2px solid #f1f1f1;
    margin: 50px 0;
    padding: 40px 40px 30px;
}

.create-profile{
	margin: 30px 0;
}

.create-profile a{
	display: block;
	text-align: center;
	width:100%;
	text-decoration: none;
	color:white;
	background: var(--main-color);
	border-radius: 12px;
	font-size: 20px;
	font-weight: 600;
	padding: 15px 0;
}

.cct-title{
	font-size: 20px;
	font-weight: 500;
	margin:30px 0 15px;
}

.register .checkout-client-type{
	margin-bottom: 30px;
}


.checkout-client-type a.active{
	border: 2px solid var(--main-color);
}

.register .cfc-switch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    column-gap: 15px;
    margin: 15px 0;
}

.category-header.register h1 {
    margin: 30px 0;
    padding: 20px 0;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.register .checkout-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto;
    box-shadow: 0px 8px 20px #00000008;
    border-radius: 12px;
}

.register .checkout-flex-lg {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 8px 20px #00000008;
    border-radius: 12px;
}



.my-order-one{
display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0px 8px 20px #00000008;
    border-radius: 12px;
    background: white;
    margin: 15px 0;
    border: 2px solid #efefef;
    padding: 20px 40px;

}

.my-order-one .su{
	font-size: 20px;
	display: block;

}

.my-order-one .da{
	font-size: 20px;
	padding: 8px 0;
	background: #f1f1f1;
	border-radius: 8px;
	font-size: 16px;
	justify-content: center;
}


.register .checkout-client-type a {
    padding: 8px 18px;
}

.moc-one{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 15px;
}


.checkout-full .id{
	flex: 0 0 7%;
}


.checkout-full .pr{
	flex: 0 0 23%;
}

.checkout-full .da{
	flex: 0 0 10%;
	margin-left: 10%;
	margin-right: 5%;
}

.checkout-full .su{
	flex: 0 0 10%;
	margin-right: 2%;

}

.checkout-full .st{
	flex: 0 0 20%;
}

.checkout-full .di{
	flex: 0 0 20%;
}


.profile .register .checkout-flex-lg{
	box-shadow: none;
}


.moc-one.pr a{
	border-radius: 12px;
	display: block;
	
	padding:0px;
}

.moc-one.pr a img{
	border-radius: 12px;
	width: 60px;
}


@media(max-width: 1480px){
	.register .checkout-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 80%;
}
}

@media(max-width: 1240px){
	.register .checkout-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 90%;
		}
}


@media(max-width: 1024px){
	.register .cfc-flex-3 {
    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    flex-direction: column;
	}

	.register .cfc-flex-3 .checkout-form-item {
    flex: 0 0 100%;
    width: 100%;
	}

	.register .category-header.register h1 {
	    margin: 15px 0;
	    padding: 0 0 20px;
	    font-size: 24px;
	    font-weight: 600;
	    text-align: center;
	}

	.register .cct-title {
	    font-size: 20px;
	    font-weight: 500;
	    margin: 5px 0;
	    text-align: center;
	}
}

@media(max-width: 600px){
	.register .cfc-switch span.label{
		width: 72%;
		font-size: 14px;
	}

	            .category-header.register h1 {
                margin: 0;
                padding: 25px 0;
                font-size: 24px;
                font-weight: 600;
                text-align: left;
            }

		.registration     .breadcrumbs-mobile {
        display: block;
        padding-top: 10px;
    }

   .registration header{
   	background: white;
   }

           .register .checkout-flex {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            width: 100%;
        }

        .registration .header-mid__search{
        	display: none;
        }
}





.pof-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 40px;
    padding-bottom: 30px;
    border-bottom: 2px solid #f1f1f1;
}

.pb-title{
	font-size: 18px;
	font-weight: 500;
}

.pb-value{
	margin-top: 10px;
}

.pb-value .ps-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    width: 140px;
}

.pb-date{
	padding: 4px 10px;
	background: #f1f1f1;
	border-radius: 8px;
	width: 80px;
	text-align: center;
}

.pof-flex{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 30px;
}

.pf-left-content .shipping-method img{
	width: 42px;
}

.pf-left-content--shipping {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 25px;
    padding: 15px;
    border-radius: 8px;
    background: #f1f1f1;
    width: 100%;
}

.pf-left-content--shipping .shipping-text{
	width: 80%;
}

.pof-flex .pf-left{
	flex: 0 0 38%;
}

.pof-flex .pf-right{
	flex: 0 0 58%;
}

.pf-left-content .shipping-method {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 5px;
    width: 190px;
}

.pf-left-title{
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 15px;
}

.pf-left-row{
	font-size: 18px;
}

.pf-left-row:last-child{
	font-size: 14px;
	margin-top: 5px;
}

.pof-flex-one{
	width: 100%;
}

.pof-right .cart-right-inner {
    background-color: #f3f3f3;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    border-left: 1px solid #e7e7e7;
    border-bottom-left-radius: 12px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}


    .timeline {
      display: flex;
      justify-content: space-between;
      position: relative;
      margin: 0 auto;
      max-width: 700px;
    }

    .timeline::before {
      content: "";
      position: absolute;
      top: 25px;
      left: 0;
      width: 100%;
      height: 4px;
      background: #ddd;
      z-index: 0;
    }

    .step {
      position: relative;
      text-align: center;
      flex: 1;
      z-index: 1;
    }

    .step .circle {
      width: 50px;
      height: 50px;
      background: #ddd;
      border-radius: 50%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #777;
      transition: 0.3s;
    }

    .step .circle img{
    	width: 20px;
    	
    }

    .step .circle img.class2{
     	width: 24px;
     }

     .step .circle img.class3{
     	width: 30px;
     }

     .step .circle img.class4{
     	width: 24px;
     }

    .step.active .circle,
    .step.completed .circle {
      background: #4CAF50;
      color: #fff;
    }

    .step.completed .circle {
      background: #2196F3;
    }

     .step.completed .circle img,.step.active .circle img{
    	
    	filter: invert(1) brightness(100);
    }

    .step p {
      margin-top: 10px;
      font-size: 16px;
      color: #555;
      font-weight: 500;
    }

    .timeline .step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 25px;
      left: 50%;
      width: 100%;
      height: 4px;
      background:#2196f3;
      z-index: -1;
    }

    .timeline .step.active::after {
      content: "";
      position: absolute;
      top: 25px;
      left: 50%;
      width: 100%;
      height: 4px;
      background: none;
      z-index: -1;
    }

    /* Fix for first step not drawing line backwards */
    .timeline .step:first-child::after {
      left: 50%;
      width: 100%;
    }


    @media(max-width: 1024px){
	    .my-orders-list .my-order-one {
	        flex-wrap: wrap;
	        align-items: center;
	        justify-content: flex-start;
	    }

	    .my-orders-columns{display: none;}

	        .checkout-full .id {
        flex: 0 0 14%;
        font-size: 24px;
        order: 1;
    }

		.checkout-full .da {
 flex: 0 0 19%;
        display: flex
;
        justify-content: center;
        margin-left: 25px;
        margin-right: 0;
        order: 2;
        padding: 6px 12px;
        align-items: center;
}

		.checkout-full .moc-one.pr{
			order: 3;
			flex: 0 0 100%;
			margin: 15px 0;
		}

		.moc-one.su {
        order: 4;
        width: 50%;
        flex: 0 0 72%;
    }

		.checkout-full .st {
  order: 1;
}

.checkout-full .di {
     order: 6;
}

    }

.breadcrumbs-mobile ul li img{
	width: 16px;
}

    @media(max-width: 600px){

    	    .moc-one.su {
        order: 4;
        width: 50%;
        flex: 0 0 35%;
    }
    	    .checkout-full .id {
        flex: 0 0 36%;
        font-size: 24px;
        order: 1;
        margin-bottom: 5px;
                column-gap: 5px;
    }

    .checkout-full .st {
        flex: 0 0 64%;
        margin-bottom: 15px;
        display: flex
;
        justify-content: flex-end;
    }

        .checkout-full .da {
        flex: 0 0 25%;
        display: flex
;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
        order: 2;
        padding: 6px 12px;
        align-items: center;
    }
		.profile-order-flex{
			flex-direction: column;
		}

		.pof-left {
    width: 100%;
}

.pof-right {
    width: 100%;
}
 .timeline {
    flex-direction: column;
    align-items: flex-start;
    max-width: 300px;
  }

  .timeline::before {
    top: 0;
    left: 25px;
    width: 4px;
    height: 100%;
  }

  .step {
    text-align: left;
    flex: none;
    margin-bottom: 50px;
  }

  .step .circle {
    margin: 0;
  }

  .step p {
    margin-top: -35px;
    margin-left: 70px;
    font-size: 18px;
  }

  .timeline .step:not(:last-child)::after {
    top: 50px;
    left: 25px;
    width: 4px;
    height: 100%;
  }

    .pof-block {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 15px;
    }
	
	.pof-flex {
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-direction: column;
    row-gap: 30px;
}

.pf-left-content--shipping {
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 25px;
    padding: 15px;
    border-radius: 8px;
    background: #f1f1f1;
    width: calc(100% - 30px);
    flex-direction: column;
}

.pf-left-content--shipping .shipping-text {
    width: 100%;
    padding: 8px;
}


.checkout-full .id:before{
	content: "#";
	color: #888;
}

    }



.liked-products .product-one__itemList {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    column-gap: 50px;
    padding: 0;
    border: none;
}

.liked-products .product-one__theInfo{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 200px);
}


.liked-products .product-one__image{
  width: 150px;
}

.liked-products .product-one__image img{
  width:100%;
}

.liked-products .product-one__priceBuy {
    width: 40%;
    margin: 0;
}

.liked-products .product-one__name {
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 500;
}

.liked-item-one{
  margin: 32px 0;
  border-radius: 12px;
  background: white;
}

.liked-item-one .product-one__item{
  background: none;
}

.liked-item-one .product-one__like {
    top: auto;
    right: 0;
}

.product-one__deleteFromWishList .product-one__like {
    position: relative;
    border: 2px solid #3076d5;
    border-radius: 12px;
    padding: 16px 17px;
}


.product-one__deleteFromWishList .product-one__like{
  color:#3076d5;
}


.product-one__deleteFromWishList .product-one__like  svg{
  width: 24px;
  height: 24px;
}


.favorites .checkout-client-type a{
  background: white;
}


.favorites .checkout-client-type a.active{
  background: var(--main-color);
}


@media(max-width: 600px){
	.pmf-vertical{
		display: none;
	}

	.pmf-main{
		width: 100%;
	}

	.pmf-main img{
		width: 100%;
	}

	main{
		background: #fff;
	}

	.product-description-specs{
		flex-direction: column;
	}

	.product-attributes{
		order: 1;
	}

	.product-description{
		order:2;
	}

	.pds .product-attributes {
    	width: 100%;
	}

	.pd-tabs ul li a {
    
    font-size: 18px;
    padding: 5px 15px;

	}

	.pd-tabs {
    	margin: 30px 0;
	}

	.pds .product-description {
    width: 100%;
	}

	.pd-tab-content span{
		font-size: 18px !important;
	}

	.product-row2 .ptc-code{
		order:1;
	}

	.product-row2  .ptc-rating{
		order:3;
		margin-top: 10px;
	}

	.product-row2 .product-likes{
		order: 2;
	}

	.ptc-code-rating {
    margin-bottom: 0;
}

.product-main-flex {
    margin: 30px 0;
}

.pfm-buy-like{flex-direction: column; row-gap: 15px; align-items: flex-start; justify-content: flex-start;}
.pmf-right .ptc-buy a {
    padding: 12px 32px;
    
}

.ptc-buy{
	width: 100%;
}

.ptc-like{
	width: 100%;
}

.pmf-option {
    margin: 0 0 40px;
}

.pmf-block:first-child .pmf-block-list{
	margin-top: 30px;
}

.pmf-block-title{
	padding:0;
}

}


.breadcrumbs-mobile{
	display: none;
}


@media(max-width: 600px){
	.breacrumbs-mobile{
		display: block;
		    background: #f9f9f9;
    margin: 30px 0 0;
    padding: 15px 0;
	}
	.breadcrumbs{
		display: none;
	}

	.breacrumbs-mobile ul li{position: relative; width: 100%; text-align: right;}

	.breacrumbs-mobile ul li:after {
	    content: "";
	    width: 20px;
	    height: 20px;
	    background: url(../icons/arrow-next-small.svg);
	    background-size: 100%;
	    position: absolute;
	    left: -10px;
	    top: 0;
	    opacity: .75;
	    transform: rotate(180deg);
	}

	main.cart section.products{
		order: 1;
		width: calc(100% - 36px);
		margin: 30px 0 0;
	}

	main.cart article div:last-child{
		text-align: left !important;
	}


	main.cart .summary{
		order: 2;
	}

	main.cart .store-page{
		flex-direction: column;
	}

	main.cart .product {
    display: flex
;
    gap: 32px;
    padding: 30px 20px;
    border-bottom: 1px solid #eee;
    align-items: flex-start;
    flex-direction: column;
}


main.checkout     .cfc-title {
        flex-direction: column;
        align-items: flex-start;
    }

    main.checkout .products {
    margin: 30px 0 0;
    flex: 1 1 auto;
    background: #fff;
    padding: 18px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    border-left: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
    border-top: 2px solid #f1f1f1;
    width: calc(100% - 36px);
}

main.checkout .product {
    display: flex
;
    gap: 32px;
    padding: 30px 20px;
    border-bottom: 1px solid #eee;
    align-items: flex-start;
    flex-direction: column;
}
main.checkout article div:last-child{
		text-align: left !important;
		margin-left: 0 !important;
	}


	main.checkout .checkout-form-client{
		margin: 0;
	}

	main.checkout h1{
		font-size: 24px;
	}
}


@media(max-width: 500px){
	   .pmf-block:first-child .pmf-block-title {
        padding: 0;
        margin: 0 0 50px;
    }
}

@media(max-width: 420px){
	.mh-menu span{
		display: none;
	}
}


.page-content{
    padding:30px 0 30px;
}
footer{
    margin-top: 100px;
}


  .wrapper{
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 50vh;
  }
  main {
    flex: 1;
  }


.swal2-actions button{
        background-color: var(--main-color);
    color: white;
    border-radius: 100px;
    padding: 18px 24px;
    font-size: 20px;
    border:none;
    width:100%;
    cursor: pointer;
    font-family: 'TikTok Sans';
}



.swal2-actions button.btn-secondary{
    background: #e9e9e9;
    color:#111;
}

.swal2-actions {
    flex-direction: column;
    gap: 15px;
    width: 80%;
    padding: 0 0 30px;
}

.no-items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 0 50px;
}

#city_suggestions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 10001;
    max-height: 200px;
    overflow-y: auto;
}

.city-option {
    padding: 5px 10px;
    cursor: pointer;
}

.checkout-form-item{
    position: relative;
}

.select2-container .select2-selection--single {
  height: 40px !important;        /* desired height */
  line-height: 40px !important;   /* vertically center text */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}


.checkout-form-item select{
        width: 100%;
    height: 48px;
    border-radius: 12px;
    border: none;
    background: #f1f1f1;
    font-size: 18px;
    color: #333;
    padding: 0 15px;
}

.no-products-message {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    border-radius: 20px;
    background: #f2f2f2;
    margin: 40px 0;
}

.no-products-message .npm-image {
    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.no-products-message.ntt .npm-image > img {
    width: 170px;
    opacity: .9;
    margin-bottom: 50px;
}

.ntt .order-id {
    font-size: 26px;
    color: var(--main-blue);
    font-weight: 500;
}

.ntt .order-text {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.more-order-text {
    color: var(--main-blue);
    font-size: 18px;
    font-weight: 500;
    margin-top: 40px;
}

.no-products-message .npm-image .htm__content {
    margin: 30px 0;
}

.no-products-message .npm-image .htm__content img {
    width: 50px;
}

.htm__item img {
    filter: grayscale(1);
}


.htm__content {
    display: flex
;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

.mega-menu-mobile {
    display: none;
}

.mega-menu-mobile.open {
    display: block;
}



.mega-menu {
    display: none;
}

.mega-menu.open {
    display: flex;
    background: white;
    border-radius: 12px;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 999;
    box-shadow: 0px 0px 15px #5e5e5e2b;
    overflow: hidden;
}

.overlay {
    display: none;
}

.overlay.open {
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100dvw;
    height: 100dvh;
    background-color: #0000003b;
    z-index: 990;
}

header .container-inner {
    position: relative;
}

.mega-menu__left {
    background-color: var(--main-color);
    width: 380px;
}

.mega-menu__leftList {
    padding: 0;
    margin: 0;
}

.mega-menu__leftList li {
    list-style: none;

}

.mega-menu__leftList li a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 15px 20px 25px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #772b77;
}

.mega-menu__leftList li a.mega-menu__leftListItem--active {
    background: #772b77;
    border-bottom: 1px solid #772b77;
}

.mega-menu-mobile .mega-menu__leftList > li > a > img{
    display: none;
}

.mega-menu__leftList li  a img {
    width: 30px;
    margin-left: 10px;
    filter: invert(1);

}


.mega-menu__leftList  >li > a > img{
    display: none;
}

.mega-menu-mobile .mega-menu__leftList li .mega-children a img {
    filter: invert(0);
}


.nav__column {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 40px;
    row-gap: 40px;
    flex-wrap: wrap;
    padding: 40px;
}

.mega-menu__right {
    width: 80%;
    box-shadow: inset 8px -17px 20px #9933991a;
}


.nav__column li {
    list-style: none;
    flex: 0 0 17%;
}

.nav__column li a img {
    width: 130px;
    border-radius: 12px;
}

.nav__column li a {
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: flex-start;
    color: #3f3f3f;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
}

.mega-menu__content{
    display: none;
}

.mega-menu__content.active{
    display: flex;
}