/* import fonts here */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* import fonts here */

@font-face {
    font-family: GTPressura;
    src: url('../fonts/GT-Pressura-Standard-Text.woff2'),
    url('../fonts/GT-Pressura-Standard-Text.woff');
    font-weight: 300;
    font-display: fallback;
}
@font-face {
    font-family: GTPressura;
    src: url('../fonts/GT-Pressura-Standard-Regular.woff2'),
    url('../fonts/GT-Pressura-Standard-Regular.woff');
    font-weight: 400;
    font-display: fallback;
}
@font-face {
    font-family: GTPressura;
    src: url('../fonts/GT-Pressura-Standard-Medium.woff2'),
    url('../fonts/GT-Pressura-Standard-Medium.woff');
    font-weight: 600;
    font-display: fallback;
}
@font-face {
    font-family: GTPressura;
    src: url('../fonts/GT-Pressura-Standard-Bold.woff2'),
    url('../fonts/GT-Pressura-Standard-Bold.woff');
    font-weight: 700;
    font-display: fallback;
}


/* basic css*/

:root {
    --primary-black: #1B1C19;
    --barlow-font: "GTPressura", sans-serif;
    --roboto-font: "Roboto", sans-serif;
    --transition: .4s;
}

body {
    font-family: GTPressura, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main { flex: 1 0 auto; }             /* takes remaining space */
footer { margin-top: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    transition: var(--transition);
}

input,
textarea {
    outline: none;
}

button,
input,
textarea {
    font-family: var(--barlow-font);
}

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

img {
    max-width: 100%;
    height: auto;
    display: block;
}

figure {
    margin: 0;
}

.container__box {
    padding-inline: 33px;
}

.custom__container {
    max-width: 1440px;
    padding-inline: 20px;
    margin-inline: auto;
}

/* basic css */



/* extra css start here */

.shop__btn {
    font-weight: 800;
    color: #000;
    background-color: #F9FF0D;
    font-size: 16px;
    padding: 12px 46px;
    border-radius: 100px;
    display: inline-block;
}

.shop__btn:hover {
    background-color: #fff;
}

.section__title h1 {
    font-size: 53px;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 35px;
    color: var(--primary-black);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

/* extra css end here */



/* header area start here */

header {
    border-bottom: 1px solid #DDDFDB;
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    top: 0;
}

.header__top {
    background-color: #F4F2EE;
    max-height: 100px;
    overflow: hidden;
    transition: var(--transition);
}

.header__top__country a {
    display: block;
}

.header__top__country a img {
    width: 20px;
}

.header__top .container__box {
    padding-left: 0;
}

.header__top__logo a {
    background-color: #1B1C19;
    display: block;
    padding: 10px 22px;
}

.header__top__logo {
    width: 134px;
}

.header__top__logo img {
    filter: invert(100%);
}

.header__top__right {
    gap: 30px;
}

.header__top__support a {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    line-height: 13px;
    display: block;
}

.sticky .header__top {
    max-height: 0;
}

.header__left {
    gap: 20px;
}

.header__logo img {
    width: 41px;
}

.header__navigation>ul {
    display: flex;
}

.header__navigation>ul>li>a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    display: block;
    position: relative;
    padding: 19px 16px;
    transition: unset;
    padding-bottom: 17px;
}

.header__navigation ul li:hover a::after {
    transform: scaleX(1);
}

.header__navigation>ul>li>a:hover {
    font-weight: 700;
}

.header__navigation>ul>li>a::after {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 3px;
    bottom: 0;
    transform: scaleX(0);
    left: 0;
    transition: var(--transition);
}

.header__navigation ul li a:hover::after {
    transform: scaleX(1);
}

.header__right {
    gap: 13px;
}

.header__search label {
    display: flex;
    align-items: center;
}

.header__search .magnify__glass {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.magnify__glass i {
    color: #3E4039;
    font-size: 16px;
    font-weight: 600;
}

.header__search label input {
    width: 250px;
    border: 1px solid #EFEFEF;
    background: #FBF8F5;
    padding: 9px 16px;
    border-radius: 8px;
    padding-left: 50px;
    font-weight: 500;
    font-size: 14px;
    color: #3E4039;
}

.header__search label input::placeholder {
    color: #3E4039;
}

.header__register p {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    gap: 10px;
}

.header__register p a {
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.register__mobile {
    text-decoration: underline;
    font-weight: 700;
    color: #000;
    display: block;
    margin-right: 8px;
    font-size: 14px;
}

/* header area end here */



/* hero area start here */

.hero__area {
    margin-top: 92px;
}

.hero__wrapper {
    padding-block: 354px 40px;
}

.heroSlider .swiper-pagination {
    left: auto;
    right: 50px;
    bottom: 15px;
    display: flex;
    justify-content: end;
    gap: 4px;
}

.heroSlider .swiper-pagination-bullet {
    background: transparent;
    width: 20px;
    border-radius: 20px;
    height: 11px;
    border: 1.5px solid #fff;
    opacity: 1;
    margin: 0;
    transition: var(--transition);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    width: 68px;
}

.hero__text h4 {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 5px;
    line-height: 1.1;
}

.hero__text h1 {
    font-size: 53px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 7px;
}

.hero__text p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 32px;
}

.price__2way {
    font-weight: 500;
    color: #000;
    font-size: 14px;
    margin-block: 6px;
    display: inline-block;
    letter-spacing: 1px;
}

/* hero area end here */



/* best seller start here */

.best__seller {
    padding-block: 50px 35px;
}

.single__tabItem {
    width: 24.8%;
    overflow: hidden;
}

.best__sellerTab__nav #pills-tab {
    display: flex;
    gap: 20px;
}

.best__sellerTab__nav #pills-tab button {
    background: transparent;
    border: none;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    height: 100%;
    padding-inline: 2px;
    position: relative;
}

.best__sellerTab__nav #pills-tab button::after {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -4px;
    transform: scaleX(0);
    transition: var(--transition);
}

.best__sellerTab__nav #pills-tab button.active::after {
    transform: scaleX(1);
}

.single__tabItem figcaption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    right: 20px;
}

.single__tabItem figure::after {
    position: absolute;
    content: '';
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, transparent 70%);
    inset: 0px;
}

.single__tabItem figcaption h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.single__tabItem figure img {
    transition: var(--transition);
    width: 100%;
}

.single__tabItem:hover figure img {
    transform: scale(1.1);
}

/* best seller end here */



/* vipMember area start here */

.vipMember__area {
    padding-block: 35px 0;
}

.vipMember__wrapper {
    background-color: #EFE6DF;
    padding-block: 38px;
}

.single__tabItem figcaption p {
    color: #fff;
    font-size: 20px;
    margin-top: 8px;
    line-height: 24px;
    font-weight: 500;
}

.single__tabItem.col3 {
    width: 33.16%;
}

/* vipMember area end here */



/* about product start here */

.about__product {
    padding-block: 45px 32px;
    background-color: rgb(250, 250, 250);
    overflow: hidden;
}

.about__title {
    max-width: 1440px;
    margin: auto;
}

.about__title h1 {
    font-size: 36px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #000;
}

.about__title p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.about__product__flex {
    margin-top: 30px;
    max-width: 1360px;
    margin-inline: auto;
    padding-inline: 20px;
    justify-content: center !important;
    gap: 50px;
}

.aboutProduct__card {
    width: 32.78%;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(211, 211, 211);
    border-radius: 15px;
    padding: clamp(12px, 0.5vw, 48px) clamp(18px, 2.5vw, 64px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.aboutProduct__icon img {
    width: 26px;
    margin-right: 10px;
}

.aboutProduct__heading h1 {
    font-size: 24px;
    font-weight: 800;
    color: #000;
}

.aboutProduct__main p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-block: 20px;
}

.aboutProduct__main a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    color: #000;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

/* about product end here */



/* footer area start here */

footer {
    background-color: #000;
    padding-top: 30px;
    color: #fff;
    position: relative;
}

footer::after {
    position: absolute;
    content: '';
    background-color: #000;
    width: 230px;
    height: 2px;
    top: -1px;
    left: 0;
    right: 0;
    margin: auto;
}

.footer__social h5 {
    font-size: 16px;
    margin-bottom: 35px;
    font-weight: 600;
}

.footer__social p {
    font-size: 16px;
    margin-top: 50px;
    font-weight: 500;
}

.footer__social ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.footer__social ul li a {
    color: #fff;
    font-size: 24px;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
}

.footer__social ul li a:hover {
    transform: scale(1.3);
}

.footer__social ul li a svg {
    width: 32px;
    height: 32px;
}

.footer__content {
    max-width: 910px;
    margin: auto;
}

.footer__flex {
    gap: 30px;
    margin-top: 50px;
}

.footer__nav__title h5 {
    font-weight: 700;
    margin-bottom: 4px;
    font-size: 14px;
}

.single__footer {
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.footer__nav nav ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer__nav nav ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.footer__nav nav ul li a:hover::after {
    width: 100%;
}

.footer__nav nav ul li a::after {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    transition: var(--transition);
}

.country__flex {
    gap: 12px;
}

.country__flex img {
    width: 30px;
}

.footer__nav.country__nav ul li a::after {
    display: none;
}

.footer__nav.country__nav ul li a span {
    position: relative;
    display: block;
}

.footer__nav.country__nav ul li a span::after {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 0%;
    height: 1px;
    left: 0;
    bottom: 0;
    transition: var(--transition);
}

.footer__nav.country__nav ul li a:hover span::after {
    width: 100%;
}

.footer__credit {
    border-top: 1px solid #333333;
    position: relative;
    padding-block: 25px;
    margin-top: 15px;
}

.footer__credit::after {
    left: 0;
    top: 0;
}

.footer__credit::before {
    right: 0;
    top: 0;
}

.footer__credit::after,
.footer__credit::before {
    position: absolute;
    content: '';
    background-color: #333333;
    height: 1px;
    width: 63px;
}

.footer__credit__flex {
    gap: 20px;
    max-width: 910px;
    margin: auto;
}

.footer__credit__flex p {
    font-size: 12px;
    font-weight: 500;
}

.footer__credit__flex a {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

/* footer area end here */







/* catagory page css start here */

.header__shop {
    gap: 15px;
}

.header__user a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.header__user a i {
    font-size: 24px;
}

.header__shop__item a {
    font-size: 24px;
    color: #000;
    display: flex;
}

.header__shop__item a i {
    transition: var(--transition);
}

.header__shop__item a:hover i {
    transform: scale(1.2);
}

.vip__notify {
    background-color: var(--primary-black);
    color: #fff;
    padding-block: 12px;
    margin-top: 91px;
}

.vip__notify__content p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
}

.vip__notify__content p a {
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.catagory__overview {
    max-width: 880px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.catagory__wrapper {
    max-width: 1270px;
    margin-inline: auto;
}

.overview__item__wrapper a.active img {
    border-color: #000;
}

.overview__item__wrapper a.active span {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.overview__item__wrapper a span {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 12px;
    display: block;
}

.catagory__overview__item a img {
    display: block;
    border-radius: 100%;
    border: 4px solid #fff;
    box-shadow: 0 0 8px 0px #b7b7b7;
}

.catagory__overview__item {
    width: 23%;
}

.catagory__area {
    padding-block: 40px 90px;
}

.catagory__aside__title {
    margin-bottom: 25px;
}

.catagory__aside__title h1 {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-black);
}

.catagory__aside__title a {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.aside__sticky {
    position: sticky;
    top: 70px;
}

.catagory__asideContent .accordion-button {
    padding: 0;
}

.catagory__asideContent .accordion-item {
    border: none;
    border-top: 1px solid #EEE;
    border-radius: 0;
}

.catagory__asideContent .accordion-button {
    padding: 13px 8px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.catagory__asideContent .accordion-button .available__item {
    color: #9C9C9C;
}

.catagory__asideContent .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: unset;
}

.catagory__asideContent .accordion-button:focus {
    box-shadow: unset;
}

.catagory__asideContent .accordion-body {
    padding: 0.5rem 0rem 1.75rem 0.75rem;
    font-weight: 500;
    font-size: 14px;
    padding-top: 0;
}

.catagory__asideContent .accordion-button::after {
    background-image: unset;
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    color: #333333;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catagory__asideContent .accordion-button:not(.collapsed)::after {
    content: '\f068';
}

.select__item__bg button {
    background: transparent;
    border: none;
    width: 15px;
    height: 15px;
    font-size: 15px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9C9C9C;
}

.select__item__bg {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.select__item__bg span {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: rgb(244, 242, 238);
    font-weight: 500;
    color: rgb(51, 51, 51);
}

.catagory__grid__box {
    display: grid;
    grid-template-columns: 21.9% 1fr;
    gap: 40px;
    row-gap: 20px;
}

.catagory__flex {
    row-gap: 50px;
}

.catagory__highlight__figure,
.catagory__highlight__figure figure {
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.extra__label {
    font-size: 12px;
    font-weight: 600;
    color: #0B6063;
    display: block;
    margin-top: -3px;
}

.catagory__image__wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catagory__image__wrapper a {
    display: block;
}

.catagory__highlight__figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catagory__hover__image {
    position: absolute;
    inset: 0;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
}

.catagory__image__wrapper:hover .catagory__hover__image {
    opacity: 1;
    visibility: visible;
}

.catagory__itemDetail h4 {
    color: #000;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}

.catagory__itemDetail h5 {
    color: #55584F;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
}

.catagory__itemPrice span,
.catagory__itemPrice del {
    color: var(--primary-black);
    font-size: 14px;
    font-weight: 600;
    margin-right: 6px;
}

.catagory__itemPrice del {
    color: #9A9E92;
}

.single__catagory {
    /*width: 32.5%;*/
}

.favourite__item {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: none;
    color: #CC2E24;
    font-weight: bold;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    font-size: 22px;
    transition: var(--transition);
}

.favourite__item svg {
    width: 22px;
    height: 22px;
    margin-top: 1px;
}

.item__color {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    position: relative;
}

.item__color::after {
    position: absolute;
    content: '';
    border-radius: 100px;
    inset: -4px;
    border: 2px solid transparent;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition);
}

.item__color:hover::after {
    transform: scale(1);
    opacity: 1;
}

.item__color.charcoalBlack:hover::after {
    border-color: #1B1A1F;
}

.item__color.crimson:hover::after {
    border-color: #8E1464;
}

.item__color.tealGreen:hover::after {
    border-color: #0B6466;
}

.item__color.neonPink:hover::after {
    border-color: #F92755;
}

.item__color.candyPink:hover::after {
    border-color: #FFD5EA;
}

.item__color:hover {
    transform: scale(.88);
}

.catagory__itemColor {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-block: 15px;
}

.add__item {
    color: #D3D3D3;
    font-size: 18px;
}

/* item color */

.charcoalBlack {
    background-color: #1B1A1F;
}

.crimson {
    background-color: #8E1464;
}

.tealGreen {
    background-color: #0B6466;
}

.neonPink {
    background-color: #F92755;
}

.candyPink {
    background-color: #FFD5EA;
}

/* item color */

.catagory__size__title h6 {
    display: flex;
    padding-top: 0.5rem;
    font-size: 14px;
    font-weight: 600;
    color: rgb(102, 102, 102);
}


.single__input__size label span {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.catagory__input__container {
    padding-left: 15px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.single__input__size label {
    position: relative;
    padding-left: 28px;
}

.single__input__size label::after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #D3D3D3;
    left: 0;
    background: #fff;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.single__input__size label:has(input:checked)::after {
    background-color: #333333;
    border-color: #333333;
    content: '\f00c';
    color: #fff;
}

.input__color__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 8px;
}

.single__input__color {
    width: 49%;
}

.single__input__color label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding: 3px;
    border-radius: 9999px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 400;
    background-color: rgb(244, 242, 238);
    color: rgb(51, 51, 51);
    padding-left: 30px;
    position: relative;
}

.single__input__color label:has(input:checked) {
    background: #000;
    color: #fff;
}

.single__input__color label:has(input:checked)::after {
    border-color: #fff;
}

/* {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 9999px;
    border: 1px solid black;
    background-color: rgb(0, 0, 0);
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid transparent;
}*/

.single__input__color label.input__lila::after {
    background-color: #C869F4;
}

.single__input__color label.input__green::after {
    background-color: #87AD56;
}

.single__input__color label.input__brown::after {
    background-color: #C15D07;
}

.single__input__color label.input__white::after {
    background-color: #fff;
}

.single__input__color label.input__blue::after {
    background-color: #1A77C6;
}

.single__input__color label.input__gray::after {
    background-color: #858583;
}

.single__input__color label.input__red::after {
    background-color: #FF1133;
}

.single__input__color label.input__rose::after {
    background-color: #EAB7B7;
}

.single__input__color label.input__orange::after {
    background-color: #FF8C4A;
}

/* catagory page css end here */







/* product page start here */

.product__area {
    padding-block: 50px 60px;
    margin-top: 91px;
}

/* product left css start here */

.product__content {
    max-width: 1330px;
    margin-inline: auto;
}

.favourite__product label {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    cursor: pointer;
    transition: var(--transition);
    z-index: 2;
}

.heart__icon i {
    transition: var(--transition);
}

.favourite__product label .heart__icon i {
    font-size: 26px;
    color: #C92117;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 2px;
}

.favourite__product label .heart__fill {
    opacity: 0;
    visibility: hidden;
}

.favourite__product label:hover {
    transform: scale(0.9);
}

.favourite__product label input:checked~.heart__icon .heart__fill {
    opacity: 1;
    visibility: visible;
}

.model__dropdown {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 6px 22px;
    border-radius: 10px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    position: relative;
}

.product__modelDropdown .angle__down {
    position: relative;
    z-index: 2;
    transition: var(--transition);
}

.model__dropdown[aria-expanded="true"] .angle__down {
    transform: rotate(-180deg);
}

.model__text {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    max-width: 400px;
    margin-top: 10px;
}

.model__text h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.model__text p {
    font-size: 14px;
    font-weight: 400;
}

.model__dropdown::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 6px;
    opacity: .9;
}

.model__dropdown span {
    z-index: 2;
    position: relative;
}

.product__modelDropdown {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
}

.product__dynamic__size h5 {
    font-size: 14px;
    font-weight: 600;
    padding-block: 15px;
}

.product__right {
    width: 32.56%;
}

.prodct__left {
    width: 65.5%;
}

.product__image {
    width: 48.5%;
}

.product__image img {
    width: 100%;
}

/* product left css end here */





/* product right css start here */

.buyMethod__top h1 {
    font-size: 22px;
    margin-bottom: 8px;
}

.itemRating__star {
    display: flex;
    gap: 2px;
    margin-right: 8px;
}

.itemRating__star i {
    color: var(--primary-black);
    font-size: 14px;
}

.review__count {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.vip__price {
    font-size: 14px;
    font-weight: 800;
    background-color: #F9FF0D;
    display: inline-block;
    padding: 8px 15px;
    margin-block: 15px 10px;
}

.min-price-x-days{
    margin-top: 25px;
}

.standard__price{
    margin-bottom: 15px;
}

.standard__price p {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: inline-block;
}

.standard__price p span {
    font-weight: 600;
}

.standard__price .price .pValue{
    font-weight: 700;
}

.price.inline-block{
    display: inline;
}

.buyMethod__main {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    padding-block: 20px 45px;
}

.buyItem__title h4 span {
    font-weight: 700;
}

.buyItem__title h4 {
    font-size: 14px;
}

.buyItem__title h4 span {
    font-weight: 700;
}

.buyItem__title {
    margin-bottom: 15px;
    gap: 8px;
}

.buyItem__title i {
    font-size: 14px;
    transform: rotate(-180deg);
    margin-top: 3px;
    font-weight: 500;
}

.buyItem__regular {
    margin-bottom: 20px;
}

.color__selectInput {
    width: 15%;
    border: 2px solid #D3D3D3;
    margin-right: 6px;
    cursor: pointer;
}

.color__selectInput:has(input:checked) {
    border-color: #333333;
}

.buyItem__color__selection {
    margin-bottom: 25px;
}

.size__input .size__input-span {
    font-size: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.article-size-selection{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    position: relative;
}

.size__input label:has(input:checked) {
    border-color: #333333;
}

.article-size-selection{
    border: 1px solid #D3D3D3;
    border-radius: 6px;
}

.article-size-selection.selected{
    border: 1px solid #333333;
    border-radius: 6px;
}

.buyItem__size__selection .input__container {
    gap: 10px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.input__container__box {
    row-gap: 5px;
}

.size__input label span {
    font-size: 16px;
    font-weight: 700;
}

.size__product__table {
    color: #3E4039;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
}

.buyItem__type__selection {
    margin-block: 30px;
}

.type__input label {
    border: 1px solid #D3D3D3;
    font-size: 17px;
    font-weight: 600;
    width: 170px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    margin-right: 5px;
}

.buyItem__type__selection .input__container {
    gap: 10px;
}

.type__input label.disable::after {
    position: absolute;
    content: '';
    height: 3px;
    width: 103%;
    background-color: #9C9C9C;
    transform: rotate(-13deg);
}

.size__input-span .article-size-selection.desible::after{
    content: "";
    position: absolute;
    inset: 0;
    background:
            linear-gradient(
                    -31deg,
                    transparent 48%,
                    #9C9C9C 49%,
                    #9C9C9C 51%,
                    transparent 52%
            );
    pointer-events: none;
}

.article-size-selection.desible{
    background-color: #EDEDED;
    cursor: not-allowed;
}

.type__input label.disable {
    background-color: #EDEDED;
    color: #5E5E5E;
    cursor: not-allowed;
}

.type__input label:has(input:checked) {
    border-color: #3E4039;
}

.quantity__flex {
    display: inline-flex;
    align-items: center;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
}

.quantity__flex button {
    background: transparent;
    border: 1px solid #E9E9E9;
    width: 40px;
    height: 40px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 0 0 3px;
    color: #3E4039;
    padding: 5px;
}

.quantity__box input {
    border: 1px solid #E9E9E9;
    width: 100px;
    display: flex;
    justify-content: center;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 45px;
}

.quantity__flex button.quantity__increase {
    border-radius: 0 3px 3px 0;
}

.buyAs__vip__container {
    margin-top: 25px;
    background-color: #FBF8F5;
    border: 1.5px solid #D3D3D3;
    border-radius: 6px;
    padding: 20px;
    padding-bottom: 40px;
    margin-bottom: 25px;
}

.buyAs__vip__container h5 {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
}

.buy__btn {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 13px 10px;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: var(--transition);
}

.vip__btn.buy__btn {
    background-color: #C92117;
}

.vip__btn.buy__btn:hover {
    background-color: #fff;
    border-color: #C92117;
    color: #C92117;
}

.guest__btn.buy__btn {
    background-color: var(--primary-black);
}

.guest__btn.buy__btn:hover {
    background-color: #fff;
    border-color: var(--primary-black);
    color: var(--primary-black);
}

.buyAs__guest {
    margin-top: 25px;
}

.buyAs__vip__container p {
    font-size: 12px;
    font-weight: 500;
    margin-block: 15px;
}

.buyAs__vip__container a {
    font-size: 13px;
    font-weight: 500;
    color: #212529;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.buyAs__guest h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.buyAs__guest h5 span {
    font-weight: 800;
}

.detail__dropdown {
    display: grid;
    align-items: center;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding: 16px 15px;
    font-size: 16px;
    color: #3E403B;
    margin-top: 45px;
    justify-content: space-between;
    grid-template-columns: auto 15px;
}

.detail__dropdown .title{
    font-weight: 800;
}

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

.angle__down i {
    font-size: 14px;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 10px;
    width: 10px;
}

.detail__dropdown[aria-expanded="true"] .angle__down i {
    transform: rotate(-180deg);
}

.detail__dropdown__text {
    margin-top: 5px;
    padding: 15px;
}

.detail__dropdown__text h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.detail__dropdown__text p {
    font-weight: 600;
    font-size: 12px;
}

/* product right css end here */





/* product slider start here */

.product__wrapper.product__end__wrapper {
    margin-top: 116px;
}

.product__image figure {
    height: 100%;
}

.product__image figure img {
    height: 100%;
    object-fit: cover;
}

.video__wrapper video {
    width: 100%;
    height: 100%;
    display: block;
}

.product__slider__wrapper {
    max-width: 936px;
    margin: auto;
}

.productSlider__item .single__catagory {
    width: 100%;
}

.productSlider__item .catagory__image__caption {
    margin-top: 15px;
}

.product__slider__wrapper .swiper {
    padding-block: 20px 55px;
    border-top: 2px solid #808080;
    border-bottom: 2px solid #808080;
}

.product__slider__title h1 {
    font-size: 20px;
    margin-bottom: 20px;
}

.productSlider__navigation .swiper-button-prev,
.productSlider__navigation .swiper-button-next {
    top: calc(50% - 30px);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 100px;
    border: 1px solid #EDEDED;
    font-size: 28px;
    color: #3E4039;
}

.productSlider__navigation .swiper-button-prev {
    left: -25px;
}

.productSlider__navigation .swiper-button-next {
    right: -25px;
}

.productSlider__navigation .swiper-button-next.swiper-button-disabled,
.productSlider__navigation .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.product__slider__wrapper.wrapper2 {
    margin-top: 10px;
}

.product__slider__wrapper.wrapper2 .swiper {
    border-bottom: none;
}

.product__slider {
    padding-bottom: 40px;
}

.product__slider .swiper-button-next i{
    display: none;
}

.product__slider .swiper-button-prev i{
    display: none;
}

/* product slider end here */



/* review area start here */

.review__area {
    background-color: #F4F4F3;
    padding-block: 70px;
}

.review__content {
    max-width: 1300px;
    margin: auto;
}

.review__title h1 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 40px;
}

.review__rating__box,
.review__range__container {
    background-color: #fff;
    border: 2px solid #EDEDED;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.review__rating__box {
    width: 32%;
}

.review__range__container {
    width: 65.88%;
    padding: 70px 120px 85px 120px;
}

.review__range {
    width: 100%;
}

.review__range__holder input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 32px;
    background: #EEEEEE;
    outline: none;
    margin: 0;
}

.review__range__holder input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 7px;
    height: 20px;
    background: #000000;
    cursor: pointer;
    border-radius: 10px;
    margin-top: -9px;
    border: none;
    position: relative;
}

/* Firefox */
.review__range__holder input[type="range"]::-moz-range-thumb {
    width: 7px;
    height: 20px;
    background: #000000;
    cursor: pointer;
    border-radius: 10px;
    border: none;
    position: relative;
}

.input__wrapper {
    display: flex;
    align-items: center;
}

.input__wrapper::after {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 1px;
    height: 100%;
    margin-left: -0.5px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    pointer-events: none;
}

.labels__text__container .labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.recent__review__container {
    background-color: #FFFFFF;
    border-radius: 8px;
}

.recent__reviews {
    margin-top: 30px;
}

.recent__reviews h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.recent__review__flex {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.recent__review__left,
.recent__review__right {
    padding: 45px 30px 45px 45px;
}

.single__recent__review:last-child {
    border-bottom: none;
}

.recent__review__left h5 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}

.recent__review__left p {
    font-size: 16px;
    font-weight: 500;
}

.review__rating__box h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
}

.review__star i {
    color: var(--primary-black);
    font-size: 20px;
}

.review__range__container h1 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: center;
}

.review__range h5 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px;
}

.labels__text__container span {
    color: #6C7164;
    font-weight: 500;
    font-size: 14px;
}

.labels__text__container span.labels__active {
    color: #000;
}

.review__range__container h1 span {
    font-weight: 700;
}

.recent__review__right .buy__ItemRating__star i {
    font-size: 11px;
}

.recent__review__right .itemRating__star i {
    font-size: 15px;
}

.recent__review__right .review__count {
    font-size: 18px;
    text-decoration: none;
    line-height: 18px;
}

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

.single__recent__review {
    border-bottom: 2px solid #EDEDED;
}

.more__review a {
    display: inline-flex;
    margin-top: 40px;
    background-color: #3E4039;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 18px 60px;
    border-radius: 8px;
}

.more__review a:hover {
    background-color: #000;
}

.guarantee__article {
    padding-block: 60px;
    border-top: 2px solid #EDEDED;
}

.guarantee__content {
    max-width: 650px;
    margin: auto;
}

.guarantee__text h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 12px;
}

.guarantee__text p {
    font-weight: 500;
    font-size: 14px;
    color: #666667;
    line-height: 20px;
}

/* review area end here */

/* product page end here */





/* cookie popup start here */

.cookie__popup {
    padding-block: 30px;
}

.cookie__popup__text {
    max-width: 1032px;
    margin-right: 30px;
}

.cookie__popup__text p {
    font-size: 16px;
    font-weight: 500;
    color: #3E4039;
}

.cookie__popup__text p a {
    font-weight: 700;
    color: var(--primary-black);
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.cookie__popup__button a {
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
}

.cookie__popup__button {
    display: flex;
    align-items: center;
    gap: 18px;
}

.cookie__setting {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    color: var(--primary-black);
}

.cookie__accept {
    color: #fff;
    background: var(--primary-black);
    padding: 15px 20px;
    border-radius: 5px;
    position: relative;
}

.cookie__accept:hover {
    background-color: #fff;
    color: var(--primary-black);
}

.cookie__accept::after,
.cookie__reject::after {
    position: absolute;
    content: '';
    border: 1px solid #51514F;
    inset: 1px;
    border-radius: 5px;
}

.cookie__reject {
    color: var(--primary-black);
    background: #fff;
    padding: 15px 30px;
    border-radius: 5px;
    position: relative;
    border: 1px solid var(--primary-black);
}

.cookie__reject::after {
    border-color: #999999;
    inset: 0px;
    transition: var(--transition);
}

.cookie__reject:hover {
    background-color: var(--primary-black);
    color: #fff;
}

.cookie__reject:hover::after {
    opacity: 0;
}

/* cookie popup end here */










/* offcanva css start here */

#offcanvasMain {
    width: 100%;
}

#offcanvasMain .offcanvas-body {
    padding: 0;
}

.offcanva__button a {
    font-size: 24px;
    color: #000;
}

.offcanva__nav>ul>li>a {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding: 8px 15px;
    display: flex;
    border-bottom: 2px solid #E8E4DA;
    background-color: #FBF8F5;
    align-items: center;
    justify-content: space-between;
}

.offcanva__nav>ul>li>a:hover {
    padding-left: 25px;
}

.offcanva__close {
    background: transparent;
    border: none;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    position: absolute;
    right: 10px;
}

.offcanva__register p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.offcanva__register p a {
    color: #000;
    text-decoration: underline;
    font-weight: 700;
    margin-left: 3px;
}

.offcanva__register {
    margin-top: 20px;
}

.offcanvas-body .header__shop {
    margin-top: 30px;
    justify-content: center;
}

.offcanvas-body .catagory__aside {
    display: block;
}

.filter__offcanva {
    border: 1px solid #000;
    border-radius: 6px;
    font-weight: 500;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #000;
    padding: 10px 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.offcanva__logo img {
    width: 140px;
}

#offcanvasMain #myTab {
    border-top: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#offcanvasMain .offcanvas-body #myTab li {
    /*width: 33.33%;*/
}

#offcanvasMain .offcanvas-body ul li button {
    width: 100%;
    border: none;
    height: 48px;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    background-color: #fff;
}

#offcanvasMain .offcanvas-body ul li button.active {
    background: #000;
    color: #fff;
}

.offcanva__search .header__search {
    display: block;
}

.offcanva__search .header__search input {
    width: 100%;
    height: 49px;
    padding-left: 48px;
    margin: 10px;
}

.offcanva__search .header__search .magnify__glass {
    left: 25px;
}

.offcanva__tab__wrapper {
    padding-inline: 20px;
}

.offcanva__tab__wrapper a {
    border-radius: 8px;
    overflow: hidden;
}

.offcanva__tab__wrapper a img {
    width: 100%;
    border-radius: 8px;
}

.offcanva__nav {
    margin-top: 15px;
}

.offcanva__footer ul li a {
    background-color: #EEE9E3;
    display: block;
    color: rgb(51, 51, 51);
    display: flex;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    line-height: 1.1;
    gap: 6px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    padding: 16px 24px;
    font-weight: 500;
}

.offcanva__footer ul li a:hover {
    text-decoration: underline;
}

#offcanvasMain .offcanvas-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#offcanvasMain #myTabContent {
    height: calc(100% - 119px);
}

.nonVip__display {
    padding: 16px;
    background: #FBF8F5;
    margin: 9px 9px 16px;
}

.nonVip__display h5 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.nonVip__display p {
    font-size: 12px;
    margin-bottom: 10px;
    margin-bottom: 0;
    font-weight: 500;
}

.nonVip__display a {
    background: rgb(27, 28, 25);
    padding: 8px 21px;
    color: #fff;
    display: inline-flex;
    border-radius: 100px;
    margin-top: 10px;
    font-size: 12px;
}

.nonVip__display a:hover {
    background: #000;
}

.offcanva__membership__block {
    background: #FBF8F5;
    padding: 16px;
    margin-block: 15px;
}

.offcanva__membership__block h1 {
    font-size: 24px;
    font-weight: 700;
    color: rgb(27, 28, 25);
    text-align: center;
}

.single__membership__text h5 {
    position: relative;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
}

.single__membership__image img {
    width: 100%;
    border-radius: 8px;
}

.membership__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-inline: 20px;
    margin-bottom: 15px;
}

.single__membership__image a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

.offcanva__nav ul li a i {
    font-size: 28px;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
}
.offcanva__nav ul li a[aria-expanded="true"] i {
    transform: rotate(-180deg);
}

.dropdown__main>ul>li>a {
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(211, 211, 211);
    padding: 15px 32px;
    color: rgb(51, 51, 51);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.dropdown__sub ul li a {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 12px 46px;
}

.highlight__label {
    display: inline-block;
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    background-color: rgb(249, 255, 13);
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
    margin-left: 10px;
    padding: 3px 6px;
}

.dropdown__sub ul li a:hover {
    background: #EEE9E3;
}

/* offcanva css end here */






/* megamenu start here */

.sticky .megaMenu__body {
    top: calc(93px - 32px);
}

.megaMenu__body {
    position: fixed;
    top: 93px;
    left: 0;
    right: 0;
    background-color: #ffff;
    z-index: 999;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.header__navigation ul li:hover .megaMenu__body {
    max-height: 650px;
    opacity: 1;
    visibility: visible;
}

.megaMenu__container {
    padding: 15px 25px;
}

.megaMenu__column.col__4 {
    max-height: 650px;
}

.megaMenu__column.col__3 {
    width: 31%;
}

.megaMenu__column.col__2 {
    width: 48%;
}

.megaMenu__column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.megaMenu__section__title h5 {
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    border-bottom: 1px solid #E8E4DA;
    padding: 0px 10px 10px;
}

.megaMenu__section__navigaiton ul li a {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000;
    padding: 8px 10px;
}

.megaMenu__section__navigaiton ul li a .highlight__label {
    background-color: rgb(249, 255, 13);
    padding: 3px 6px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 6px;
    text-transform: uppercase;
    color: #000;
    display: inline-flex;
}

.megaMenu__section__navigaiton ul li a:hover {
    background-color: #EEE9E3;
}

.megaMenu__image img {
    border-radius: 8px;
    width: 100%;
}

.megaMenu__image {
    border-radius: 8px;
    overflow: hidden;
}

.megaMenu__single__section.megaMenu__image__section .megaMenu__section__title h5 {
    border-bottom: 0;
}

.megaMenu__single__section {
    padding-right: 50px;
}

.megaMenu__block__title h1 {
    font-size: 24px;
    font-weight: 700;
    color: rgb(27, 28, 25);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0px;
    background-color: rgb(244, 242, 238);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.megaMenu__item__text h4 {
    position: relative;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
}

.single__megaMenu__item a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

.single__megaMenu__item img {
    border-radius: 8px;
}

.megaMenu__flex {
    gap: 20px;
}

.megaMenu__body::after {
    position: fixed;
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    opacity: .7;
    pointer-events: none;
}

/* megamenu end here */


.hidden-img{
    display: none;
}

.prodct__left .product__wrapper{
    position: relative;
}

.favourite__product{
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
}

.heart__icon{
    width: 50px;
    height: 50px;
}

/* login modal css start here */

#loginModal .modal-dialog {
    max-width: 980px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

#loginModal .modal-body {
    padding: 0;
}

#loginModal .modal-content {
    border-radius: 15px;
}

.loginModal__header {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9;
}

.login__modal__wrapper {
    width: 50%;
}

.login__modal__form {
    width: 50%;
    align-self: center;
    padding: 30px 60px;
}

.login__modal__wrapper .login__modal__image {
    border-radius: 12px 0 0 12px;
    overflow: hidden;
}

.login__form__title h4 {
    font-size: 24px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 12px;
}

.login__form__title h6 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}

.email__input .form-floating input {
    border: 1px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    padding: 5px 15px !important;
    font-size: 14px;
    max-height: 47.78px;
    height: 47.78px;
    min-height: unset;
}

.email__input .form-floating>label {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding-left: 15px;
}

.email__input .form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 0;
}

.email__input .form-control:focus {
    outline: 0;
    box-shadow: none;
    border-bottom-color: #000;
    padding-top: 20px !important;
}

.email__input .form-floating .form-control:focus~label {
    font-size: 10px;
    color: #000;
}

.login__email__text>p {
    font-size: 13px;
    line-height: 16px;
    margin-block: 15px 25px;
}

.login__email__submit button {
    width: 100%;
    background: var(--primary-black);
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 18px;
    border-radius: 4px;
    transition: var(--transition);
}

.login__email__submit button:hover {
    background-color: #000;
}

.login__email__submit p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 12px;
    font-weight: 500;
}

.login__email__submit p a {
    text-decoration: underline;
    font-weight: 600;
    color: #000;
}

#loginModal.modal .modal-dialog {
    transform: scale(0);
    transition: transform var(--transition);
}

#loginModal.modal.show .modal-dialog {
    transform: scale(1);
}

/* login modal css end here */




/* search dropdown css start here */

.header__search {
    position: relative;
}

.sticky .search__megaMenu {
    top: calc(93px - 32px);
}

.search__megaMenu {
    position: fixed;
    left: 0;
    top: 93px;
    width: 100vw;
    max-width: 110vw;
    background: #fff;
    z-index: 1000;
    padding: 2rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: top 0.3s ease, opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    padding-bottom: 20px;
    height: 720px;
}

.search__megaMenu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.search__megaMenu .megaMenu__container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.megaMenu__column__left {
    width: 18.5%;
}

.megaMenu__column__right {
    width: 80%;
}

.single__trend__style {
    width: 19.56%;
}

.megaMenu__column__title h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.recent__search__navigation {
    margin-top: -10px;
}

.recent__search__navigation li a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #000000;
    padding: 8px;
    display: flex;
    border-radius: 4px;
    margin-left: -8px;
}

.trend__style__text p {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 400;
    margin-top: 8px;
}

.trend__style__image img {
    transition: var(--transition);
}

.trend__style__image {
    overflow: hidden;
}

.trend__style__image:hover img {
    transform: scale(1.1);
}

.recent__search__navigation li a:hover {
    background: #F4F2EE;
}


#search__offcanvas .megaMenu__column__left {
    width: 100%;
    margin-bottom: 30px;
}

#search__offcanvas .megaMenu__column__right {
    width: 100%;
}

#search__offcanvas .offcanva__search {
    margin-bottom: 20px
}

#search__offcanvas .offcanva__search .header__search input {
    margin: 0;
}

#search__offcanvas .single__trend__style {
    width: 49%;
    margin-bottom: 25px;
}

#search__offcanvas .offcanvas-header {
    padding: 0;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
}

/*#search__offcanvas .offcanvas-body {
    margin-top: 45px;
}*/

#search__offcanvas .offcanva__close {
    top: 10px;
}

#offcanvasSearch {
    width: 100%;
}

/* search dropdown css end here */





/* profile page start here */

.profile__area {
    margin-top: 93px;
    padding-top: 60px;
    background-color: #FAFAFA;
    padding-bottom: 50px;
}

.profile__area .custom__container {
    max-width: 1190px;
}

.contact__support__container {
    background-color: #666666;
    padding: 50px 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}


.contact__support__icon {
    position: relative;
    margin-bottom: 20px;
}

.profile__navigation ul li a {
    padding: 8px 0;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    line-height: 19px;
}

.profile__navigation ul li a:hover {
    text-decoration: underline;
}

.profile__navigation {
    width: 12%;
}

.profile__main {
    width: 77%;
}

.profile__title h2 {
    font-size: 35px;
    font-weight: 700;
    color: rgb(27, 28, 25);
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.profile__membership__card {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 30px;
    border: 1px solid #F0F0F0;
}

.profile__membership__body {
    max-width: 500px;
    margin: auto;
    padding: 50px 20px;
}

.profile__membership__body h5 {
    font-size: 24px;
    font-weight: 700;
}

.profile__membership__body h2 {
    font-size: 40px;
    margin-block: 20px 40px;
    font-weight: 700;
}

.membership__card__credit {
    margin-top: 20px;
}

.single__credit span,
.single__credit p {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #6C7168;
    border-radius: 8px;
    transition: var(--transition);
    line-height: 20px;
}

.single__credit p {
    color: #000;
}

.single__credit {
    padding: 20px;
    padding-bottom: 0;
    position: relative;
}

.single__credit::after {
    position: absolute;
    content: '';
    background: #EDEDED;
    width: 2px;
    height: 70%;
    right: 0;
    bottom: 0;
    margin-block: auto;
}

.single__credit:last-child::after {
    display: none;
}

.contact__support__title,
.contact__support__flex {
    max-width: 600px;
    margin: auto;
}

.contact__support__title h2 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
}

.contact__support__title p {
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    max-width: 468px;
    margin-inline: auto;
    margin-bottom: 25px;
}

.contact__support__icon span {
    font-size: 23px;
    display: block;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
}

.contact__support__icon i {
    font-size: 40px;
    color: #fff;
}

.contact__support__block {
    border: 1px solid #A5A5A5;
    background: #F4F4F3;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    padding: 15px 48px;
    border-radius: 8px;
    text-wrap: nowrap;
}

.support__time span {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.contact__support__numbers {
    padding-inline: 30px;
}

.single__contact__support:first-child .contact__support__icon::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 2px;
    right: 0;
    top: 0;
    height: 70px;
}

.profile__randomize__box {
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 8px;
    padding: 40px;
    border: 1px solid #EDEDED;
}

.randomize__box__title {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 10px;
}

.randomize__box__title h2,
.randomize__content__title h4 {
    font-size: 28px;
    font-weight: 700;
    color: rgb(27, 28, 25);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.randomize__box__title i {
    font-size: 15px;
}

.randomize__box__title span {
    color: #666669;
    font-weight: 600;
    font-size: 16px;
}

.randomize__content__title {
    margin-bottom: 20px;
}

.profile__user__info ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 5px;
}

.profile__user__info ul li {
    width: 49%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-weight: 500;
    font-size: 18px;
}

.profile__user__info ul li .info__icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

.profile__user__info ul li .info__icon p {
    color: #9C9C9C;
}

.id__info span,
.profile__user__info ul li a {
    color: #000;
}

.prefer__sizes ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    font-weight: 500;
    font-size: 18px;
}

.prefer__sizes ul li {
    gap: 5px;
    font-weight: 500;
    font-size: 18px;
}

.prefer__sizes ul li p {
    color: #9C9C9C;
}

.newsletter__text p {
    font-weight: 500;
    font-size: 20px;
    color: #9C9C9C;
    max-width: 716px;
    line-height: 26px;
}

.subscribe__newsletter {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: space-between;
}

.subscribe__newsletter p {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    max-width: 716px;
    line-height: 26px;
}

.subscribe__newsletter .switch {
    width: 35px;
    height: 15px;
    background: #9C9C9C;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
}

.subscribe__newsletter .switch:has(input:checked)::after {
    left: 0;
    background-color: #DAD0D0;
}

.subscribe__newsletter .switch::after {
    position: absolute;
    width: 28px;
    height: 28px;
    content: '';
    background: var(--primary-black);
    border-radius: 100px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 100%;
    transition: var(--transition);
}

.credit__option {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-block: 2px solid #000;
}

.single__credit__option {
    width: 33.33%;
    text-align: center;
    padding: 20px;
}

.single__credit__option:last-child {
    width: 100%;
    text-align: center;
    border-top: 2px solid #000;
}

.profile__randomize__box.credit__box .randomize__box__title {
    margin: 0;
    border: none;
}

.single__credit__option:nth-child(2) {
    border-inline: 2px solid #EDEDED;
}

.single__credit__option p {
    color: #3E4039;
    font-weight: 500;
    font-size: 16px;
    max-width: 716px;
    line-height: 26px;
}

.single__credit__option:last-child p {
    color: #9C9C9C;
}

.profile__mobile__dropdown .nice-select {
    width: 100%;
    background: #E8E4DA;
    border-radius: 100px;
    font-weight: 600;
    font-size: 24px;
    text-align: center !important;
    padding: 15px 10px;
    height: auto;
}

.profile__mobile__dropdown {
    width: 100%;
}

.profile__mobile__dropdown .nice-select .list {
    width: 100%;
}

.profile__mobile__dropdown .nice-select::after {
    height: 12px;
    width: 12px;
    border-color: #3E4039;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.profile__mobile__dropdown .nice-select.open::after {
    transform: translateY(-50%) rotate(-135deg);
}

.profile__mobile__dropdown .nice-select .list li {
    font-size: 18px;
}

.profile__shop__btn {
    background: #1A1B18;
    color: #fff;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    font-size: 20px;
}

/* profile page end here */





/* login page css start here */

.login__section__content {
    max-width: 500px;
    margin: auto;
}

.login__section__content .login__modal__form {
    width: 100%;
}

.login__section {
    margin-top: 93px;
    padding-block: 10px 30px;
}

.login__section .error-container .errors{
    color: #f00000;
    margin-bottom: 15px;
}

/* login page css end here */

.login-form .loginInput input{
    margin-bottom: 10px;
}

.registration-form .loginInput{
    margin-bottom: 15px;
}

.registration-form .loginInput.agreement{
    text-align: start;
}

.registration-form .error-container{
    color: rgb(235, 53, 42);
    margin-bottom: 15px;
}

.header__main .loggedUser{
    display: inline-flex;
    gap: 10px;
    align-items: flex-end;
}

.header__basket {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.header__main .loggedUser p.loggedIn{
    font-size: 14px;
}

.header__main .loggedUser .usr{
    display: flex;
    gap: 10px;
    cursor: pointer;
}

.profile-dropdown{
    /*display: none;*/
    position: absolute;
    top: 80px;
}

/*.header__main .loggedUser .usr:hover + .profile-dropdown{
    display: block;
}

/* hidden by default */
.profile-dropdown {
    margin-right: 50px;
    position: absolute;
    margin-top: 10px;
    right: 0;                /* align to right edge of .loggedUser (adjust if needed) */
    min-width: 220px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    box-shadow: 0 10px 22px rgba(0,0,0,.08);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .4s ease, transform .4s ease, visibility .4s;
}

/* little arrow on the top */
.profile-dropdown::before {
    content: "";
    position: absolute;
    top: -8px;
    width: 0; height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff; /* same color as dropdown bg */
    filter: drop-shadow(0 -1px 1px rgba(0,0,0,.06)); /* soft top shadow */
    right: 102px;
}

/* show on hover (desktop) */
.header__main .loggedUser:hover .profile-dropdown,
.header__main .loggedUser:focus-within .profile-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* make the user area look clickable */
.header__main .loggedUser .usr {
    cursor: pointer;
}

.profile-dropdown ul a{
    color: #000;
}

.profile-dropdown ul li{
    padding: 5px 12px;
}

.profile-dropdown ul li:hover{
    background-color: rgb(251, 248, 245);
}

.edit-profile-container{
    display: grid;
    grid-template-columns: auto auto;
    gap: 20px;
    margin-bottom: 50px;
}

.single-input-profile .iti{
    width: 100%;
    height: 58px;
}

.single-input-profile .iti__tel-input{
    height: 58px;
}

.single-input-profile.postalCode .selectize-input{
    background: #fff;
    border: none;
    background-color: #fff !important;
    background-image: unset !important;
    height: 0;
    box-shadow: none !important;
}

.postalCode .selectize-dropdown .selected{
    background-color: #ececec !important;
    color: #000 !important;

}

.postalCode .selectize-dropdown{
    left: 0 !important;
    margin-top: 15px !important;
    padding: 0;
    padding: 0;
}

.selectize-control.single .selectize-input, .selectize-dropdown.single{
    border: none !important;
}

.selectize-dropdown-content div{
    padding: 6px 12px;
}

.success-message-container {
    display: none;
    font-size: 16px;
    font-weight: 500;
    color: #198754;
    margin-bottom: 25px;
    padding: 10px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    border: solid 1px #198754;
}

.edit-profile-form button.submit-btn {
    background: #1A1B18;
    color: #fff;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    font-size: 20px;
}

.single__input__color .checkbox__indicator{
    position: absolute;
    left: 2px;
    z-index: 999;
    border-radius: 60px;
    width: 22px;
    height: 22px;
}

.activeFilters {
    background: #F4F2EE;
    font-size: 14px;
    cursor: pointer;
}

.aside__sticky .catagory__topInfo{
    display: none;
}

.filter-selected-items .activeFilters i{
    padding-left: 5px;
}

.filter-selected-items{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

div#shopping-cart-popup {
    position: absolute;
    right: 20px;
    background: #fff;
    border: 1px solid #bdbdbd;
    margin-top: 10px;
    width: 375px;
    z-index: 99999999 !important;
    border-radius: 7px;
}

div#shopping-cart-popup .header-container{
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

div#shopping-cart-popup .header-container .title{
    font-size: 18px;
}

img.popUpBasketArticleImage{
    max-width: 60px;
    height: 90px;
    object-fit: cover;
    border-radius: 15px;
}

div#shopping-cart-popup .item-change-qty-delete .basket-rm-btn{
    max-width: 15px;
    width: 15px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5) !important;
}

.articles-in-cart-list {
    padding: 20px !important;
    padding-right: 40px !important;
    padding-bottom: 0 !important;
    border-bottom: 4px solid #E9E9E9;
}

#shopping-cart-popup{
    display: none;
}

#shopping-cart-popup.show{
    display: block;
}

.article-box.border.border-black {
    display: grid;
    grid-template-columns: auto 65px;
    justify-content: space-between;
    border: none !important;
}

div#shopping-cart-popup .flex-img-data{
    display: flex;
    gap: 15px;
    margin-right: 20px;
}

.popUpBasketArticleInfo h4{
    font-size: 14px;
}

div#shopping-cart-popup .size-color-container{
    font-size: 12px;
    margin-bottom: 5px;
}

div#shopping-cart-popup .remove-from-basket-btn{
    cursor: pointer;
}

div#shopping-cart-popup span.qtyContainer {
    display: flex;
}

span.NumOfItems {
    position: absolute;
    margin-top: -18px;
    margin-left: 12px;
    border-radius: 1em;
    padding: 1px 6px;
    background: rgb(201, 33, 23);
}

span.NumOfItems p{
    color: #fff;
    font-size: 10px;
}

body.overlay-bg .overlay-bg-container {
    width: 100%;
    content: var(--tw-content);
    opacity: 0.4;
    z-index: 100000;
}

body .overlay-bg-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    opacity: 0;
    content: "";
}

body .overlay-bg-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    opacity: 0;
    content: "";
}

.popUpBasketArticleInfo{
    padding: 10px 0;
}

div#shopping-cart-popup .p-price-group{
    font-size: 14px;
    display: flex;
    gap: 6px;
}

div#shopping-cart-popup .decrease-article-qty-in-basket, div#shopping-cart-popup .increase-article-qty-in-basket {
    border: none;
    background: #fff;
    border-radius: 5px;
}

div#shopping-cart-popup .nice-number input{
    border: none;
}

div#shopping-cart-popup div.item-change-qty-delete .qtyContainer{
    border: 1px solid #E9E9E9;
    width: auto;
    border-radius: 5px;
}

div#shopping-cart-popup .btn-checkout{
    background-color: var(--primary-black);
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 13px 10px;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: var(--transition);
    text-align: center;
}

div#shopping-cart-popup .btn-checkout a{
    color: #fff;
    text-align: center;
}

div#shopping-cart-popup .subtotal-container{
    display: flex;
    justify-content: space-between;
}

div#shopping-cart-popup .subtotal-container h3{
    font-size: 16px;
}

div#shopping-cart-popup .subtotal-container .total-price{
    font-size: 16px;
}

div#shopping-cart-popup .subtotal-bottom{
    padding: 20px;
    padding-top: 10px;
}

div#shopping-cart-popup .f-container:before{
    content: "";
    position: absolute;
    top: -25px;
    width: 0;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #fff;
    filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, .06));
    right: 8px;
    filter: drop-shadow(0 0 0 #000);

}

div#shopping-cart-popup .remove-from-basket-btn svg{
    max-width: 15px;
}

.flex.items-center.justify-center.relative.item-change-qty-delete{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 0;
}

.slick-list {
    overflow: hidden;   /* hides the previous slide */
    padding-left: 0 !important;
}

.slick-slide {
    transition: all 0.3s ease;
}

.mobile-product-view{
    display: none;
}

.slick-slide img {
    display: block;
    padding-right: 10px;
}

.product__content button.addToWishlistButton {
    width: 0;
    height: 0;
    border: none;
    background: transparent;
}

.catagory__area .favourite__item{
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catagory__area .favourite__item .fa-heart{
    font-size: 16px;
    display: flex;
    justify-content: center;
}

.wishlist-container .wishlist-data{
    border: 1px solid;
    border-radius: 12px;
    padding: 36px;
    display: grid;
    margin-bottom: 100px;
    grid-template-columns: auto auto auto;
    gap: 25px;
}

.wishlist-container .catagory__itemDetail{
    padding-top: 5px;
}

.wishlist-container .single__catagory{
    width: 100%;
}

.wishlist-container .btn-wishlist button{
    background: rgb(201, 33, 23);
    border: 1px solid rgb(201, 33, 23);
    border-radius: 4px;
    padding: 8px 12px;
    transition: background-color 0.16s
    ease-in-out, border-color 0.16s
    ease-in-out;
    width: 100%;
    margin-top: 15px;
}

.wishlist-container .btn-wishlist{
    bottom: 0;
    position: absolute;
    width: 100%;
}

.wishlist-container .color-name,
.wishlist-container .size-name{
    color: #000;
    line-height: 16px;
    font-size: 14px;
}

.wishlist-container .favourite__item {
    width: 25px;
    height: 25px;
}

.wishlist-container .fa-heart:before{
    font-size: 14px;
}

.wishlist-container .fa-heart{
    display: flex;
    justify-content: center;
    align-items: center;
}

.wishlist-container .item-single{
    max-width: 300px;
}

.fa-heart.visible{
    opacity: 1 !important;
    visibility: visible !important;
}

.addToWishlistButton{
    cursor: pointer;
}

.wishlist-container figure{
    margin-bottom: 50px;
}

.catagory__grid__box .articles-list-items{
    grid-template-columns: repeat(3, 1fr);
    display: grid !important;
    gap: 30px;
    margin-bottom: 30px;
}

.DefaultLayout__Body{
    max-width: 1800px;
    margin: auto;
    min-height: 50vh;
    padding: 150px;
    padding-top: 120px;
}

.center-main-block {
    max-width: 1800px;
    margin: auto;
    min-height: 50vh;
    padding: 150px;
    padding-top: 120px;
}


.content_wrapper {
    padding-top: 120px;
}

.error-page .mobile-img{
    display: none;
}

.error-page{
    padding-top: 100px;
    margin: auto;
    max-width: 1800px;
    width: fit-content;
    margin-bottom: 50px;
}

.error-page .error-data{
    display: flex;
    justify-content: center;
    position: relative;
}

.error-page .error-section{
    position: absolute;
    right: 0;
    margin-top: 20%;
    margin-right: 60px;
}

.title-area h3{
    font-weight: bold;
    font-size: 1.5rem;
    width: 100%;
    font-family: GTPressura, sans-serif;
    color: rgb(0, 0, 0);
}

.title-area .num-of-items{
    padding-top: 5px;
}

.category-top .top-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

select.sortBySelect{
    border: 1px solid rgb(237, 237, 237);
    border-radius: 2px;
    min-width: 100px;
    padding: 0.5rem !important;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgb(51, 51, 51);
    margin-left: 5px;
}
select.sortBySelect:focus-visible{
    outline: none;
}

.category-top .order-area span{
    font-size: 14px;
}

.header__top .mobile-top{
    display: none !important;
}

.header__top .mobile-top {
    background-color: rgb(51, 51, 51);
    border-bottom: 4px solid rgb(0, 0, 0);
    border-right: none;
    flex: 1 0 auto;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
}

a.logo-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
}

a.logo-mobile svg{
    height: 22px;
    width: 22px;
}

.megaMenu__container .search-articles{
    height: 400px;
}

.loader-s-1 {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    animation: rotateLoaderS1 1s linear infinite
}
.loader-s-1::before, .loader-s-1::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 5px solid #FFF;
    animation: LoaderS1ClipFix 2s linear infinite ;
}
.loader-s-1::after{
    inset: 8px;
    transform: rotate3d(90, 90, 0, 180deg );
    border-color: #FF3D00;
}

@keyframes rotateLoaderS1 {
    0%   {transform: rotate(0deg)}
    100%   {transform: rotate(360deg)}
}

@keyframes LoaderS1ClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    75%, 100%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
}

.search__megaMenu .single__trend__style{
    width: 100%;
}

.search__megaMenu .search-articles{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.search__megaMenu .catagory__itemColor,
.offcanvas-body .catagory__itemColor{
    display: none;
}

.search__megaMenu .catagory__itemPrice,
.offcanvas-body .catagory__itemPrice{
    display: none !important;
}

.search__megaMenu .catagory__itemDetail h4{
    padding: 0px 2px;
    font-size: 14px;
    font-weight: normal;
    font-family: GTPressura, sans-serif;
    padding-top: 8px;
}

.search__megaMenu .catagory__image__wrapper .favourite__item,
.offcanvas-body .catagory__image__wrapper .favourite__item{
    display: none;
}

.overlay {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background: #000;
    transition: opacity .25s ease, visibility 0s linear .25s;
}

.overlay.active {
    opacity: .5 !important;
    visibility: visible !important;
    z-index: 8 !important;
    transition: opacity .5s ease;
}

.offcanvas-body .search-articles{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

#offcanvasSearch .aos-init, #offcanvasSearch .aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.top-flex.mobile{
    display: none;
}

.top-flex.mobile h3{
    text-align: center;
}

.mobile-flex-category{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.top-flex.mobile select.sortBySelect{
    border: none;
    color: #000;
    font-size: 16px;
}

.product__wrapper_mobile .slick-slide{
    /*width: auto !important;*/
}


.mobileView{
    display: none;
}

.productSlider2 .catagory__itemColor{
    display: none;
}

.productSlider2 .catagory__itemDetail{
    padding-top: 10px;
}

.productSlider2 .favourite__item{
    width: 25px;
    height: 25px;
}

.productSlider2 .favourite__item i{
    font-size: 14px;
    display: flex;
    justify-content: center;
    padding-top: 2px;
    padding-left: 1px;
}

.product__content .old-price{
    color: #9A9E92;
    display: inline-block;
    margin-left: 3px;
}

.row{
    padding: 0;
    margin: 0;
}

.footer-notice{
    text-align: center;
    padding-top: 30px;
}

.btn-home{
    background-color: var(--primary-black);
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 13px 25px;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: var(--transition);
    text-align: center;
    width: fit-content;
    margin-top: 10px;
}

.btn-home a{
    color: #fff;
}

.orders-profile-container.flex{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.orders-profile-container .inside-order-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orders-profile-container .order-imgs{
    display: flex;
    gap: 10px;
}

.orders-profile-container .order-imgs img{
    max-height: 90px;
}

.orders-profile-container .order-date{
    text-align: center;
}

.orders-profile-container .single-inside{
    border: 1px solid #d6d6d6;
    padding: 10px;
}

.orders-profile-container .dropdown_icon{
    cursor: pointer;
}

.orders-profile-container .order-dropdown-data{
    margin-top: 50px;
    display: none;
}

.dropdown_icon .chev {
    transition: transform .2s ease;
}

.dropdown_icon.is-open .chev {
    transform: rotate(180deg);
}

.orders-profile-container .address-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.orders-profile-container .single-order-container{
    margin-bottom: 15px;
}

.orders-profile-container .item-flex{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: flex-end;
}

.orders-profile-container .item-flex-inside{
    display: flex;
    gap: 15px;
}

.orders-profile-container .img-item-container img{
    max-height: 140px;
}

.order-dropdown-data .user-data{
    padding-bottom: 15px;
    font-weight: 100;
}

.order-dropdown-data .address-container h5{
    font-size: 18px;
    margin-bottom: 3px !important;
}

.order-dropdown-data .ordered-items {
    margin-top: 20px;
}

.order-dropdown-data .ordered-items .item-container{
    border: 1px solid #d6d6d6;
    margin-bottom: 10px;
}

.order-dropdown-data .ordered-items h5{
    margin-bottom: 10px;
}

.font-ws{
    font-weight: 100;
}

.order-dropdown-data .item-title{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.order-dropdown-data .price-detail-container{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 400px;
    gap: 5px;
}

.order-dropdown-data .grid-price-row{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: right;
}

.order-dropdown-data .prices-detail{
    display: flex;
    justify-content: flex-end;
}

.order-dropdown-data .grid-price-row.b-top{
    border-top: 1px solid #d6d6d6;
    margin-top: 5px;
    padding-top: 5px;
}

.single-order-container .plus-images-dashboard{
    display: flex;
    align-items: center;
}

.product__area .product__container{
    border-bottom: 1px solid #808080;
    padding-bottom: 20px;
}

.product__content .buyItem__quantity {
    margin-top: 25px;
}

.product__content .buyItem__quantity .buyItem__title{
    margin-bottom: 6px;
}

.About.us.banner .megaMenu__flex{
    justify-content: space-evenly !important;
    align-items: center;
}

.header__main .header__register{
    display: flex;
}

.product__area .buyItem__size__selection{
    padding: 20px 0;
}

.profile__area .saveInfo-billing,
.profile__area .saveInfo-shipping{
    display: none;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    color: #fff;
}

.profile__area .saveInfo-billing.success,
.profile__area .saveInfo-shipping.success{
    background: green;
}

.profile__area .saveInfo-billing.error,
.profile__area .saveInfo-shipping.error{
    background: red;
}

.btn_save_profile_billing button,
.btn_save_profile_shipping button{
    background-color: var(--primary-black);
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 13px 10px;
    border: 2px solid transparent;
    border-radius: 8px;
    transition: var(--transition);
    text-align: center;
}

.selectize-input::before {
    display:none !important;
}

.content_container {
    padding-top: 90px;
}

.reset-password-form .form-floating {
    margin-bottom: 15px ;
}

.inside-order-flex {
    display: grid;
    grid-template-columns: 260px 1fr 100px 40px; /* imgs | data | price | dropdown */
    align-items: center;
    column-gap: 24px;
}

.order-imgs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 260px;
    min-width: 260px;
}

.order-imgs img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
}

.order-price {
    text-align: right;
    width: 100px;
    min-width: 100px;
}

.dropdown_icon {
    width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-order-container {
    padding: 10px 0;
}

.vip-swiper .swiper-pagination{
    right: 20px;
    text-align: right;
    left: unset;
}

.best__sellerWrapper .sellerTab__flex{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}

.best__sellerWrapper .single__tabItem{
    width: 100%;
}

.form-holder {
    width: 500px;
}

.form-holder input{
    width: 500px;
}

.form-button-group .spinner {
    display: none;
}

.form-alert-message.alert {
    margin-top: 16px;
    padding: 12px 16px;
    font-size: 15px;
    border-radius: 6px;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.form-alert-message.alert-success {
    background-color: #e7f8ec;
    color: #11833b;
}

.form-alert-message.alert-danger {
    background-color: #fdeaea;
    color: #b91c1c;
}

#submitFormBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #000;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 20px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

#submitFormBtn:hover {
    background: #333;
}

#submitFormBtn .spinner {
    display: none;
    width: 18px;
    height: 18px;
}

#submitFormBtn .spinner[style*="display: block"],

#submitFormBtn .spinner[style*="display: inline"],

#submitFormBtn .spinner[style*="display: flex"] {
    display: inline-block !important;
    margin-right: 8px;
}

#submitFormBtn .text {
    white-space: nowrap;
}

.form-alert-message.alert {
  margin-top: 16px;
  padding: 12px 16px;
  font-size: 15px;
  border-radius: 6px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.form-alert-message.alert-success {
  background-color: #e7f8ec;
  color: #11833b;
}

.form-alert-message.alert-danger {
  background-color: #fdeaea;
  color: #b91c1c;
}

#submitFormBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #000;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 20px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
}

#submitFormBtn:hover {
  background: #333;
}

#submitFormBtn .spinner {
  display: none;
  width: 18px;
  height: 18px;
}

#submitFormBtn .spinner[style*="display: block"],
#submitFormBtn .spinner[style*="display: inline"],
#submitFormBtn .spinner[style*="display: flex"] {
  display: inline-block !important;
  margin-right: 8px;
}

#submitFormBtn .text {
  white-space: nowrap;
}

.koszty {
    overflow: auto;
}

.koszty table tr td{
    border-width: 1px;
}

.koszty table tr th{
    border-width: 1px;
}

.detail__dropdown__text ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 1rem;
    font-size: 12px;
}

.table-container-size-guide table tr:nth-child(odd) {
    background-color: #f4f4f4;
}

.table-container-size-guide table.size-guide th{
    padding: 10px;
}

.table-container-size-guide p.table-notice{
    float: right;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
    color: rgb(132, 132, 132);
}

.table-container-size-guide p.table-notice span{
    font-family: GTPressura, sans-serif !important;
    color: rgb(132, 132, 132) !important;
}

.size-guide-description .sgd-grid{
    max-width: 791px;
    margin: auto;
}

.size-guide-description .sgd-text p{
    font-weight: 200;
    font-size: 14px;
}

.size-guide-description .sgd-image-placeholder img{
    max-width: 400px;
}

.swiper-button-next::after, .swiper-button-prev::after {
    display: block !important;
    font-size: 24px !important;
}

.swiper-button-next, .swiper-button-prev {
    color: #000 !important;
    opacity: 1 !important;
    z-index: 9999 !important;
}

table.size-guide{
    font-family: GTPressura, sans-serif !important;
}

table.size-guide th{
    color: rgba(255, 255, 255, 1);
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 100;
    background: rgba(27, 28, 25, 1);
}

table.size-guide td{
    padding: 8px 6px;
    text-align: center;
    font-size: 1rem;
    font-family: GTPressura, sans-serif;
    line-height: 1.2;
    font-weight: 100;
}

.form-textarea-group textarea{
    width: 100%;
    border: 1px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    padding: 5px 15px !important;
    font-size: 14px;
}

.override-style .form-style-1.DefaultLayout__Body{
    padding: 0;
    min-height: unset;
}

.form-textarea-group.mb-3 label{
    color: rgba(33,37,41, .65);
}