/*Global Styles*/
@font-face {
    src: url("../../fonts/Vazirmatn/Vazirmatn-Regular.fdaea94501f2.eot"),
    url("../../fonts/Vazirmatn/Vazirmatn-Regular.2b86e2d6e278.woff2") format('woff2'),
    url("../../fonts/Vazirmatn/Vazirmatn-Regular.11b69a6c316a.woff") format('woff'),
    url("../../fonts/Vazirmatn/Vazirmatn-Regular.e8e9648f5b8f.ttf")  format('truetype');
    font-family: 'Vazirmatn';
    font-weight: normal;
}
@font-face {
    src: url("../../fonts/Vazirmatn/Vazirmatn-Bold.7356c86603de.eot"),
    url("../../fonts/Vazirmatn/Vazirmatn-Bold.f3b289866f7f.woff2") format('woff2'),
    url("../../fonts/Vazirmatn/Vazirmatn-Bold.fafc7e1e9614.woff") format('woff'),
    url("../../fonts/Vazirmatn/Vazirmatn-Bold.4ac4426bc38f.ttf")  format('truetype');
    font-family: 'Vazirmatn';
    font-weight: bold;
}
@font-face {
    src: url("../../fonts/Vazirmatn/Vazirmatn-Black.7f50cb8df826.eot"),
    url("../../fonts/Vazirmatn/Vazirmatn-Black.c261c5241284.woff2") format('woff2'),
    url("../../fonts/Vazirmatn/Vazirmatn-Black.69d47e859382.woff") format('woff'),
    url("../../fonts/Vazirmatn/Vazirmatn-Black.6825ce8ccb37.ttf")  format('truetype');
    font-family: 'Vazirmatn';
    font-weight: 900;
}

@font-face {
    src: url("../../fonts/Almarai/Almarai-ExtraBold.5270f5e7ab01.ttf"),
    url("../../fonts/Almarai/Almarai-ExtraBold.eaca8a26b538.woff2") format('woff2');
    font-family: 'Almarai';
}
@font-face {
    src: url("../../fonts/Arizonia/Arizonia-Regular.fbd118d59d2e.ttf"),
    url("../../fonts/Arizonia/Arizonia-Regular.401ea0dea924.woff2") format('woff2');
    font-family: 'Arizonia';
}

:root {
    --red: #B10000;
    --black: #010000;
    --white: #ffffff;
    --gray: #F3F3F3;
    --transparent: #0000;
    --ease: all .3s ease;
}

input, textarea {
    font-family: 'Vazirmatn', sans-serif;
    box-sizing: border-box;
    transition: var(--ease);
}

input:focus, textarea:focus,
input:focus-visible, textarea:focus-visible {
    border: 1px solid var(--red) !important;
    border-radius: 0 !important;
    outline: unset !important;
}

body {
    font-family: 'Vazirmatn', sans-serif;
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
    background-color: var(--white);
}

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

a span {
    position: relative;
}


a:hover {
    color: var(--red);
}

a:hover span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    right: 0;
    background-color: var(--red);
}

a:hover i.icon {
    background-color: var(--red);
}

button {
    font-family: 'Vazirmatn', sans-serif;
    font-size: 14px;
    border: 0;
    outline: 0;
    cursor: pointer;
}

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

.checkboxBox {
    position: relative;
}

.checkboxBox input[type=checkbox] {
    /* opacity: 0; */
    display: none;
    appearance: none;
}

.checkboxBox .fakeCheckbox {
    position: relative;
    width: 18px;
    height: 18px;
}

.checkboxBox .fakeCheckbox::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid var(--black);
    background-color: var(--white);
    box-sizing: border-box;
    top: -2px;
    right: 0;
    z-index: 0;
}

.checkboxBox input[type=checkbox]:checked + .fakeCheckbox::before {
    border-color: var(--red);
}

.checkboxBox input[type=checkbox]:checked + .fakeCheckbox::after {
    transform: rotate(45deg) scale(1);
}

.checkboxBox .fakeCheckbox::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    top: 0;
    right: 7px;
    z-index: 1;
    transition: all ease .3s;
    width: 4px;
    height: 11px;
    border: solid var(--red);
    border-width: 0 1.6px 1.6px 0;
    -webkit-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
}

i.icon {
    width: 27px;
    height: 27px;
    background-color: var(--white);
    -webkit-mask-size: 27px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: var(--ease);
}

i.icon.search {
    -webkit-mask-image: url("../../images/icon-search.97896f5e6162.svg");
}
i.icon.heart {
    -webkit-mask-image: url("../../images/heart.1b5fae39b71b.svg");
}
i.icon.cart {
    -webkit-mask-image: url("../../images/icon-cart.0292df39f90c.svg");
}
i.icon.profile {
    -webkit-mask-image: url("../../images/icon-profile.6c17a30430b6.svg");
}
i.icon.navLeft {
    -webkit-mask-image: url("../../images/nav-left-strong.218119f29753.svg");
}
i.icon.arrowLeft {
    -webkit-mask-image: url("../../images/arrow-left-icon.8ca1ea4680cc.svg");
}
i.icon.telegram {
    -webkit-mask-image: url("../../images/telegram-icon.76a838a23440.svg");
}
i.icon.whatsapp {
    -webkit-mask-image: url("../../images/whatsapp-icon.e46f088ce158.svg");
}
i.icon.instagram {
    -webkit-mask-image: url("../../images/Instagram-icon.b1a9d38557fd.svg");
}
i.icon.phone {
    -webkit-mask-image: url("../../images/phone.644a4ad6d422.svg");
}
i.icon.email {
    -webkit-mask-image: url("../../images/email.da66c6a0b808.svg");
}
i.icon.clock {
    -webkit-mask-image: url("../../images/clock.912d15ddec0e.svg");
}
i.icon.location {
    -webkit-mask-image: url("../../images/location.3fcea9fec96f.svg");
}
i.icon.arrowDown {
    -webkit-mask-image: url("../../images/icon-arrowDown.6091e21a68d2.svg");
}
i.icon.plus {
    -webkit-mask-image: url("../../images/icon-plus.59a8d49fc24e.svg");
}
i.icon.loadingIcon {
    -webkit-mask-image: url("../../images/icon-loading.d676e81d668b.svg");
}
i.icon.hamburger {
    -webkit-mask-image: url("../../images/hamburger.737e4cd1e840.svg");
}
i.icon.hamburger.opened {
    -webkit-mask-image: url("../../images/icon-close.cb2fafbf1280.svg");
}
i.icon.close {
    -webkit-mask-image: url("../../images/icon-close.cb2fafbf1280.svg");
}
i.icon.alert {
    -webkit-mask-image: url("../../images/icon-alert.10b6daf9f69e.svg");
}
i.icon.envelope {
    -webkit-mask-image: url("../../images/envelope.644bfaeba1d4.svg");
}
i.icon.filters {
    -webkit-mask-image: url("../../images/filters.7dc1436f2f8f.svg");
}
i.icon.share {
    -webkit-mask-image: url("../../images/share.d0b93e814d95.svg");
}
i.icon.share2 {
    -webkit-mask-image: url("../../images/share2.f9479bf827f1.svg");
}
i.icon.check {
    -webkit-mask-image: url("../../images/check.e5451ddb7653.svg");
}
i.icon.addToCart {
    -webkit-mask-image: url("../../images/addToCart.82cbbc5f564c.svg");
}
i.icon.star-fill {
    -webkit-mask-image: url("../../images/star-fill.f46fe73f72bb.svg");
}
i.icon.compare {
    -webkit-mask-image: url("../../images/compare.5de8bf788924.svg");
}
i.icon.copy {
    -webkit-mask-image: url("../../images/copy.a43972fe499a.svg");
}
.icon.black {
    background-color: var(--black);
}
i.icon.watch {
    -webkit-mask-image: url("../../images/watch.b0b3e3f70d3c.svg");
}
i.icon.quality {
    -webkit-mask-image: url("../../images/quality.db5e26aa52b7.svg");
}
i.icon.consult {
    -webkit-mask-image: url("../../images/consult.5c02f824c0f9.svg");
}
i.icon.secureShip {
    -webkit-mask-image: url("../../images/secure-shipping.059e38f83c48.svg");
}
i.icon.support {
    -webkit-mask-image: url("../../images/support.49cebf2bfb00.svg");
}
i.icon.phone2 {
    -webkit-mask-image: url("../../images/phone-icon.380dab02d759.svg");
}
i.icon.email2 {
    -webkit-mask-image: url("../../images/email-icon.c3c7a85bd1dd.svg");
}
i.icon.location2 {
    -webkit-mask-image: url("../../images/location-icon.fe29df626419.svg");
}
i.icon.instagram2 {
    -webkit-mask-image: url("../../images/instagram.a44b2139a231.svg");
}
i.icon.person {
    -webkit-mask-image: url("../../images/person.c6209763ee88.svg");
}
i.icon.bag {
    -webkit-mask-image: url("../../images/bag.0f2bf5848d4f.svg");
}
i.icon.headphone {
    -webkit-mask-image: url("../../images/headphone.4d473cd72a7d.svg");
}
i.icon.trash {
    -webkit-mask-image: url("../../images/trash-outline.9dbbf68e2b6c.svg");
}
i.icon.add {
    -webkit-mask-image: url("../../images/add-outline.88f747fc689c.svg");
}
i.icon.remove {
    -webkit-mask-image: url("../../images/remove.3ff4d7c2b862.svg");
}
i.icon.shoppingBag {
    -webkit-mask-image: url("../../images/shopping-bag-outline.1a40e0773bd3.svg");
}
i.icon.copyOutline {
    -webkit-mask-image: url("../../images/copy-outline.926526585136.svg");
}
i.icon.cardOutline {
    -webkit-mask-image: url("../../images/card-outline.b0815f8591ca.svg");
}
i.icon.checkCircle {
    -webkit-mask-image: url("../../images/checkmark-circle.fce243e4c4f6.svg");
}
i.icon.info {
    -webkit-mask-image: url("../../images/info.ea82b3253dfd.svg");
}
i.icon.upload {
    -webkit-mask-image: url("../../images/upload.fe74c1a2f892.svg");
}
i.icon.send {
    -webkit-mask-image: url("../../images/send.1020826dd654.svg");
}

.icon.black:hover {
    background-color: var(--red);
}
.icon.red {
    background-color: var(--red);
}
.icon.red:hover {
    background-color: var(--black);
}

.btn {
    padding: 12px 40px;
    color: var(--white);
    border-right: 0;
    font-size: 16px;
    transition: var(--ease);
}

.btn.red {
    color: var(--red);
}

.btn.red i.icon {
    background-color: var(--red);
}

.btn.btn-red {
    background-color: var(--red);
}

.btn.btn-red:hover {
    background-color: var(--black);
    color: var(--white);
}

.btn.btn-outline {
    border: 1px solid var(--white);
}

.btn.btn-outline:hover {
    background-color: #FFFFFF1A;
    color: var(--white);
}

.btn.btn-backFilter {
    box-shadow: 0 4px 24px -1px #0000001A;
    backdrop-filter: blur(40px);
    border-image: linear-gradient(to right, #FFFFFFDE, #FFFFFF00, #FFFFFF) 1;
    background: linear-gradient(to right, #FFFFFF00, #FFFFFF4D);
}

.btn.btn-backFilter::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../images/btn-bg.4b7d80c8f5a2.webp") no-repeat center center;
    background-size: cover;
    opacity: .05;
}

.btn.btn-backFilter:hover {
    background: var(--white);
    color: var(--black);
}

.underline {
    position: relative;
    text-align: center;
}

.underline::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(251, 251, 251, 0) 0%, #FBFBFB 50%, rgba(251, 251, 251, 0) 100%);
}

.underline.red::after {
    background: linear-gradient(90deg, rgba(177, 0, 0, 0) 0%, #B10000 50%, rgba(177, 0, 0, 0) 100%);
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
}

/* Header */
header {
    background-color: var(--transparent);
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    transition: var(--ease);
}

header #searchBox {
    display: none;
}

header .searchSection {
    padding: 52px 75px;
    display: flex;
    flex-wrap: wrap;
    gap: 38px;
    background-color: var(--white);
}

.searchSection .searchInputBox {
    width: 100%;
    display: flex;
    align-items: center;
}

.searchInputBox input {
    flex: 1;
    padding: 16px;
    font-size: 20px;
    border: 0.5px solid #1A1A1A42;
    background-color: var(--gray);
}

.searchInputBox .iconBox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    background-color: var(--red);
    cursor: pointer;
}

.searchInputBox .iconBox i.icon {
    width: 43px;
    height: 43px;
    -webkit-mask-size: 43px;
}

.searchSection .popSearchBox {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.popSearchBox .title {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--red);
    width: fit-content;
}

.popSearchBox .reslutList {
    display: flex;
    align-items: center;
    gap: 32px;
}

.reslutList a {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    font-size: 18px;
    line-height: 18px;
}

.reslutList a::after {
    content: '';
    position: absolute;
    left: -16px;
    top: 0;
    width: 1px;
    height: 18px;
    background-color: var(--black);
}

.reslutList a i.icon {
    width: 24px;
    height: 24px;
    -webkit-mask-size: 24px;
    transform: rotate(-90deg);
    background-color: var(--black);
}

.searchResultBox {
    display: flex;
    gap: 38px;
    width: 100%;
}

.searchResultBox .resultRight {
    width: calc(85% - 19px);
    display: flex;
    flex-direction: column;
    gap: 38px
}

.searchResultBox .resultLeft {
    width: calc(15% - 19px);
    direction: ltr;
}

.resultRight .searchProductBox {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
}

.searchProductBox .title {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--red);
    width: fit-content;
}

.searchProductBox .productBox {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.searchProductBox .productBox .productItem {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.searchProductBox .productItem .imgBox {
    width: 100%;
    background-color: var(--gray);
    padding: 36px 50px;
    box-sizing: border-box;
}

.searchProductBox .productItem .imgBox img {
    width: 100%;
}

.searchProductBox .productItem h6 {
    margin: 0;
    font-size: 14px;
}

.resultLeft .offers {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.offers .title {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--red);
    width: fit-content;
}

.offers .offersList {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.offersList a {
    font-size: 18px;
}

header #brandsMenu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--white);
    direction: ltr;
}


header .brandsMenu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 52px 100px;
    box-sizing: border-box;
    gap: 120px;
}

.brandsMenu .closeBrandsMenu {
    display: flex;
    position: absolute;
    top: 52px;
    right: 52px;
    cursor: pointer;
}

.closeBrandsMenu i.icon {
    background-color: var(--black);
    width: 37px;
    height: 37px;
    -webkit-mask-size: 37px;
}

.brandsMenu .brandsCol {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: calc(50% - 60px);
}

.brandsCol .colTitle {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--red);
    width: fit-content;
}

.brandsCol .menuBox {
    display: flex;
    gap: 52px;
}

.brandsCol .menuBox .menuCol {
    width: calc(50% - 26px);
    display: flex;
    flex-direction: column;
    gap: 16px
}

.brandsCol .menuBox .menuCol .menuItem {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.brandsCol .menuBox .menuCol .menuItem i.icon {
    background-color: var(--black);
    width: 24px;    
    height: 24px;
    -webkit-mask-size: 24px;
    transform: rotate(-90deg);
}

.brandsCol .menuBox .menuCol .childMenu {
    display: none;
}

.brandsCol .menuBox .menuCol .childMenuItems {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    padding-left: 20px;
}


header .headerBox {
    display: flex;
    justify-content: center;
    padding: 20px 100px;
    transition: var(--ease);
}

.headerRight {
    flex: 1;
}

.headerRight .logo img {
    width: 118px;
}

.headerRight .logo .mainLogo {
    display: block;
}

.headerRight .logo .stickyLogo {
    display: none;
}

.headerRightMenu {
    display: block;
}

.headerRightMenu ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px
}

.headerMain ul li a {
    font-size: 16px;
    color: var(--white);
    padding-bottom: 12px;
    border-bottom: 3px solid transparent;
}

.headerMain ul li a:hover {
    border-bottom-color: var(--red);
    color: var(--red) !important;
}

.headerMain {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex: 3;
}

.headerMain .mainMenu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

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

.headerLeft {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.headerLeft i {
    display: block;
}

/* Sticky Header */
header.stickyHeader {
    position: sticky !important;
}

header.stickyHeader .headerBox {
    padding: 9px 100px !important;
    background-color: var(--white);
    box-shadow: 0px 4px 25px 0px #00000026;
}

.stickyHeader .headerRight .logo img {
    width: 91px;
}

.stickyHeader .headerRight .logo .mainLogo {
    display: none;
}

.stickyHeader .headerRight .logo .stickyLogo {
    display: block;
}

.stickyHeader .headerRightMenu {
    display: none;
}

.stickyHeader .mainMenu ul li a {
    color: var(--black);
}

.stickyHeader .headerLeft {
    align-items: center !important;
}

.stickyHeader .headerLeft i {
    background-color: var(--black);
} 

.mobileHeaderBox {
    display: none;
}

/* Light Header */
header.lightHeader {
    position: relative;
}

header.lightHeader .headerBox {
    padding: 32px 100px 20px;
    background-color: var(--white);
    box-shadow: 0px 4px 25px 0px #00000026;
}

.lightHeader .headerRight .logo .mainLogo {
    width: 118px;
}

.lightHeader .headerRight .logo img {
    width: 91px;
}

.lightHeader .headerRightMenu li a {
    color: var(--black);
}

.lightHeader .mainMenu ul li a {
    color: var(--black);
}

.lightHeader .headerLeft {
    align-items: start;
}

.lightHeader .headerLeft i {
    background-color: var(--black);
} 

.mobileHeaderBox {
    display: none;
}

/* Mobile Header */
#hamMenu {
    display: none;
}
/**/

/* Main */
.landingSliderBox,
.landingSlider {
    width: 100%;
    height: 100vh;
    position: relative;
}

.landingSlider .sliderItem {
    height: 100vh;
    display: flex;
    align-items: flex-end;
    /*padding: 100px;*/
    /*background: url("../../images/landing-watch.8b749a7f048a.webp") no-repeat center center / cover;*/
    box-sizing: border-box;
}

.landingSlider .sliderItem video {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.landingSlider .sliderItem img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.landingSlider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 92px;
    box-sizing: border-box;
}

.landingSlider .owl-nav .owl-prev::before {
    content: '';
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    background: url("../../images/arrow-left-icon.8ca1ea4680cc.svg") center center no-repeat;
    transform: rotate(180deg);
    background-size: cover;
}

.landingSlider .owl-nav .owl-next::before {
    content: '';
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    background: url("../../images/arrow-left-icon.8ca1ea4680cc.svg") center center no-repeat;
    background-size: cover;
}

.landingSlider .owl-nav button {
    border: 1px solid transparent !important;
    border-radius: 100% !important;
    transition: all .3s ease;
}

.landingSlider .owl-nav button:hover {
    backdrop-filter: blur(40px);
    box-shadow: 0px 4px 24px -1px #0000001A;
    border-color: var(--white) !important;
    /*border-image-source: linear-gradient(95.18deg, rgba(255, 255, 255, 0.87) -2.22%, rgba(255, 255, 255, 0) 32.24%, #FFFFFF 95.55%);*/
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 100%) !important;
}

.landingSlider .owl-nav button::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../../images/btn-bg.4b7d80c8f5a2.webp") no-repeat center center;
    background-size: cover;
    opacity: 0;
}

.landingSlider .owl-nav button:hover::after {
    opacity: .05;
}

.landingSlider .owl-nav .owl-prev,
.landingSlider .owl-nav .owl-next {
    position: relative;
}

.landingSlider .owl-nav .owl-prev span,
.landingSlider .owl-nav .owl-next span {
    display: none !important;
}

.landingSliderBox .sliderContent {
    position: absolute;
    bottom: 10%;
    right: 140px;
    z-index: 1;
}

.sliderContent {
    color: var(--white);
}

.sliderContent .subTitle {
    font-size: 18px;
    margin-bottom: 8px;
}

.sliderContent h1 {
    font-family: 'Almarai';
    font-size: 64px;
    margin-top: 0;
    margin-bottom: 24px;
}

.sliderContent p {
    font-size: 24px;
    margin-bottom: 52px;
}

.sliderContent .btnBox {
    display: flex;
    align-items: center;
    gap: 24px;
}

.landingSlider .swiper-pagination {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 80px;
    right: unset;
    top: 50%;
}

.landingSlider .swiper-pagination .swiper-pagination-bullet {
    width: 27px;
    height: 2px;
    border-radius: 0;
    background-color: var(--gray);
    transition: all .1s ease;
}

.landingSlider .swiper-pagination .swiper-pagination-bullet-active {
    height: 4px;
    background-color: var(--white);
}

.bannerBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 64px 50px;
}

.bannerBox .bannerItem {
    display: flex;
    flex-direction: column;
    padding: 109px 32px 114px;
    flex: 1;
    color: var(--white);
    text-align: center;
    transition: var(--ease);
    position: relative;
    overflow: hidden;
}

.bannerItem .bannerImg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    transition: all .7s ease-out;
    z-index: -1;
}

.bannerItem:hover .bannerImg {
    transform: scale(1.2);
}

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

.bannerItem .bannerContent {
    width: fit-content;
}

.bannerItem h2 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 32px;
}

.bannerItem .bannerDetails {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.bannerDetails span {
    font-size: 18px;
}

.limitedWatch {
    padding: 100px 140px;
}

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

.limitedHeader a {
    position: absolute;
    right: 140px;
    font-size: 14px;
    color: var(--black);
}

.limitedSlider {
    direction: ltr;
}

.limitedSlider .sliderItem {
    text-align: center;
}

.limitedSlider .sliderItem .imgBox {
    background-color: var(--gray);
    padding: 51px 69px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.limitedSlider .owl-stage-outer {
    margin: 52px auto;
}

.limitedSlider .imgBox {
    overflow: hidden;
}

.imgBox img {
    max-width: 138px;
    margin: 0 auto;
    transition: var(--ease);
}

.imgBox .img1 {
    position: relative;
    opacity: 1;
    transition: all .8s ease;
    transform: none;
    transform-origin: 0 40%;
}

.imgBox .img2 {
    position: absolute;
    opacity: 0;
    z-index: 1;
}

.imgBox.change:hover .img1 {
    opacity: 0;
}

.imgBox.change:hover .img2 {
    opacity: 1;
}

.imgBox.zoom:hover .img1 {
    transform: scale(2.5);

}

.limitedSlider .sliderItem .itemContent {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.itemContent h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}

.itemContent span {
    font-size: 14px;
}

.limitedSlider .owl-nav .owl-prev::before {
    content: '';
    position: absolute;
    width: 55px;
    height: 55px;
    background: url("../../images/nav-left.188dbb1b0192.svg") center center no-repeat;
    background-size: cover;
    left: -70px;
    top: 32px;
}

.limitedSlider .owl-nav .owl-next::before {
    content: '';
    position: absolute;
    width: 55px;
    height: 55px;
    background: url("../../images/nav-right.91bdd54c9e0a.svg") center center no-repeat;
    background-size: cover;
    right: -70px;
    top: 32px;
}

.limitedSlider .owl-nav .owl-prev,
.limitedSlider .owl-nav .owl-next {
    position: relative;
}

.limitedSlider .owl-nav .owl-prev span,
.limitedSlider .owl-nav .owl-next span {
    display: none !important;
}

.limitedSlider .owl-dots {
    display: flex;
    justify-content: center;
}

.limitedSlider .owl-dots .owl-dot {
    width: 100%;
}

.limitedSlider .owl-dots .owl-dot span {
    width: 100%;
    height: 2px;
    background: var(--gray);
    border-radius: 0;
    transition: var(--ease);
}

.limitedSlider .owl-dots .owl-dot.active span {
    background: var(--red);
    height: 4px;
}

.ctaSection {
    color: var(--white);
    display: flex;
    align-items: stretch;
    background: var(--black);
}

.ctaSection .ctaContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 55%;
    padding: 90px 140px;
}

.ctaContent .btn:hover {
    background-color: var(--white);
    color: var(--black);
}

.ctaSection .ctaMSlider {
    display: none;
}

.ctaSection .ctaSlider {
    width: 45%;
}

.ctaSlider .owl-stage,
.ctaSlider .owl-item {
    height: 100%;
}

.ctaSlider .sliderItem {
    height: 100%;
}

.ctaSlider > * {
    height: 100%;
}

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

.ctaContent h2 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 24px;
    margin-top: 0;
}

.ctaContent p {
    font-size: 20px;
    margin-bottom: 52px;
    margin-top: 0;
    text-align: center;
}

.zarinSelected {
    position: relative;
}

.zarinSelected .selectedContent {
    display: flex;
    flex-direction: column;
    padding-top: 116px;
    padding-left: 10%;
    margin-bottom: -13%;
    max-width: 40%;
    justify-content: center;
    justify-self: flex-end;
    position: relative;
    z-index: 2;
}

.selectedContent h2 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 32px;
    font-weight: 900;
}

.selectedContent p {
    font-size: 20px;
    margin: 0;
    text-align: center;
}

.selectedSlider .itemImage {
    width: 55%;
}

.itemImage img {
    width: 100%;
}

.selectedSlider {
    position: relative;
}

.selectedSlider::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 10%;
    right: 0;
    background-color: var(--black);
    z-index: 0;
}

.selectedSlider .sliderItem {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 137px;
    position: relative;
    z-index: 1;
    padding: 0 140px 0 200px;
}

.selectedSlider .sliderItem .itemContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white);
    margin-bottom: -15%;
    width: 45%;
}

.selectedSlider .sliderItem .itemContent h3 {
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 0;
    font-weight: bold;
}

.selectedSlider .sliderItem .itemContent span {
    font-size: 20px;
}

.selectedSlider .sliderItem .itemContent > span:last-of-type {
    margin-bottom: 24px;
}

.selectedSlider .sliderItem .itemContent a {
    display: flex;
    align-items: center;
}

.selectedSlider .sliderItem .itemContent p {
    text-align: center;
}

#slider-counter {
    position: absolute;
    bottom: 0%;
    left: 30%;
    font-size: 24px;
    /*margin-bottom: 5px;*/
}

.selectedSlider .owl-nav {
    width: calc(45% + 100px);
    float: left;
    margin-top: -40px;
    direction: ltr;
}

.selectedSlider .owl-nav .owl-prev::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url("../../images/slider-left.c4af30827257.svg") center center no-repeat;
    background-size: cover;
}

.selectedSlider .owl-nav .owl-next::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 31px;
    height: 31px;
    background: url("../../images/slider-right.6d1431321b89.svg") center center no-repeat;
    background-size: cover;
}

.selectedSlider .owl-nav [class*=owl-]:hover {
    background: unset !important;
}

.selectedSlider .owl-nav .owl-prev,
.selectedSlider .owl-nav .owl-next {
    position: relative;
}

.selectedSlider .owl-nav .owl-prev span,
.selectedSlider .owl-nav .owl-next span {
    display: none !important;
}

.brandsSection {
    width: 100%;
    box-sizing: border-box;
    padding: 100px 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brandsSection h2 {
    margin-top: 0;
    margin-bottom: 52px;
}

.brandsSection .brandsSlider .owl-stage-outer {
    margin-bottom: 52px;
}

.brandsSlider .sliderItem::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: linear-gradient(0deg, rgba(177, 0, 0, 0) 0%, #B10000 50%, rgba(177, 0, 0, 0) 100%);
}

.brandsSlider .sliderItem {
    padding: 10px 60px;
    position: relative;
}

.brandsSlider .sliderItem img {
    transition: var(--ease);
    transform: none;
}

.brandsSlider .sliderItem:hover img {
    opacity: .38;
    transform: scale(1.1);
}

.brandsSlider .owl-dots {
    display: flex;
    justify-content: center;
    gap: 13px;
}

.brandsSlider .owl-dots .owl-dot {

}

.brandsSlider .owl-dots .owl-dot span {
    width: 30px;
    height: 6px;
    background: var(--gray);
    border-radius: 0;
    transition: var(--ease);
    margin: 0;
}

.brandsSlider .owl-dots .owl-dot.active span {
    width: 48px;
    background: var(--red);
}

.capitalSection {
    width: 100%;
    min-height: 520px;
    display: flex;
    align-items: center;
    background: url("../../images/capital-bg.b21e6a0c6663.png") no-repeat center center / contain;
    box-sizing: border-box;
    padding: 100px 140px;
    position: relative;
}

.capitalSection::before {
    content: '';
    position: absolute;
    width: 57%;
    height: 75%;
    right: 10%;
    top: 12.5%;
    background: linear-gradient(270deg, #1A1A1A 0%, #E5E5E5 100%);
    filter: blur(105.5px);
    opacity: .18;
    border-radius: 100%;
    z-index: 0;
}

.capitalSection .capitalContent {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    box-sizing: border-box;
    z-index: 1;
}

.capitalContent .h2 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 900;
}

.capitalContent p {
    font-size: 20px;
    text-align: center;
}

.capitalContent .btn:hover {
    color: var(--black);
    background-color: var(--white);
}

.capitalSection .capitalSlider {
    width: 50%;
}

.capitalSlider .sliderItem {
    display: flex;
    align-items: center;
    color: var(--white);
    justify-content: space-between;
}

.capitalSlider .sliderItem .itemImage {
    width: 67%;
}

.capitalSlider .sliderItem .itemContent {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.capitalSlider .sliderItem .itemContent span {
    text-align: center;
    display: block;
    font-size: 14px;
}

.capitalSlider .sliderItem .itemContent h3 {
    text-align: center;
    margin-bottom: 12px;
    margin-top: 0;
    font-size: 16px;
}

.capitalSlider .sliderItem .itemContent > span:first-of-type {
    text-align: center;
    margin-bottom: 8px;
}

.capitalSlider .sliderItem .itemContent > span:last-of-type {
    text-align: center;
    margin-bottom: 24px;
}
.capitalSlider .sliderItem .itemContent a {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.capitalSlider .owl-dots {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: -90px;
    top: 50%;
}

.capitalSlider .owl-dots .owl-dot span {
    width: 27px;
    height: 2px;
    border-radius: 0;
    background-color: var(--gray);
    transition: all .1s ease;
}

.capitalSlider .owl-dots .owl-dot.active span {
    height: 4px;
    background-color: var(--white);
    margin: 10px 7px;
}

.newestWatch {
    position: relative;
    /*margin-top: 100px;*/
    padding: 0 140px;
    background: var(--gray)
}

.newestWatch::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("../../images/newest-bg.d5c2a7aadf14.svg") no-repeat center center / cover;
    opacity: .6;
}

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

.newestHeader a {
    position: absolute;
    right: 140px;
    font-size: 14px;
    color: var(--black);
}

.newestSlider {
    direction: ltr;
}

.newestSlider .sliderItem {
    text-align: center;
}

.newestSlider .owl-stage-outer {
    padding-top: 134px;
}

.newestSlider .sliderItem .imgBox {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -134px;
    z-index: 999999;
    left: 50%;
    transform: translateX(-50%);
}

.newestSlider .owl-stage-outer {
    margin: 52px auto;
}

.newestSlider .sliderItem .itemContent {
    background-color: var(--white);
    padding: 134px 24px 24px;
    display: flex;
    flex-direction: column;
}

.newestSlider .sliderItem .itemContent > span:last-of-type {
    margin-bottom: 16px;
}

.newestSlider .sliderItem .itemContent a {
    display: flex;
    align-items: center;
    direction: rtl;
    justify-content: center;
}

.newestSlider .owl-nav .owl-prev::before {
    content: '';
    position: absolute;
    width: 55px;
    height: 55px;
    background: url("../../images/nav-left.188dbb1b0192.svg") center center no-repeat;
    background-size: cover;
    left: -70px;
    top: 32px;
}

.newestSlider .owl-nav .owl-next::before {
    content: '';
    position: absolute;
    width: 55px;
    height: 55px;
    background: url("../../images/nav-right.91bdd54c9e0a.svg") center center no-repeat;
    background-size: cover;
    right: -70px;
    top: 32px;
}

.newestSlider .owl-nav .owl-prev,
.newestSlider .owl-nav .owl-next {
    position: relative;
}

.newestSlider .owl-nav .owl-prev span,
.newestSlider .owl-nav .owl-next span {
    display: none !important;
}

.newestSlider .owl-dots {
    display: flex;
    justify-content: center;
}

.newestSlider .owl-dots .owl-dot {
    width: 100%;
}

.newestSlider .owl-dots .owl-dot span {
    width: 100%;
    height: 2px;
    background: var(--gray);
    border-radius: 0;
    transition: var(--ease);
    margin: 0;
}

.newestSlider .owl-dots .owl-dot.active span {
    background: var(--red);
    height: 4px;
}

.kalaBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.kalaBox .kalaImg {
    width: 100%;
}

.kalaImg img {
    width: 100%;
}

.kalaBox .kalaContent {
    padding: 0 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: -13%;
}
.kalaContent .kalaItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 24px 32px;
    border-radius: 8px;
    background: linear-gradient(187.95deg, rgba(255, 255, 255, 0.24) -43.94%, rgba(255, 255, 255, 0.06) 91.7%);
    border: 1px solid var(--white);
    /*border-image-source: linear-gradient(360deg, rgba(255, 255, 255, 0.2) 0%, #FFFFFF 100%);*/
    backdrop-filter: blur(40px);
    box-shadow: 0px 4px 24px -1px #0000001A;
    min-height: 315px;
    box-sizing: border-box;
}

.kalaItem h3 {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 16px;
    margin-top: 0;
}

.kalaItem p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 34px;
}

.searchBox {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 38px 140px;
    margin-top: 100px;
    background-color: var(--gray);
    gap: 87px;
}

.searchBox .searchContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
}

.searchContent h2 {
    font-size: 32px;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 16px;
}

.searchContent p {
    font-size: 20px;
    text-align: center;
}

.searchBox .searchForm {
    width: 55%;
}

.searchForm form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

form .fieldBox {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 20px;
}

.fieldBox input {
    width: calc(50% - 10px);
    border: 0.5px solid #1A1A1A42;
    background-color: var(--white);
    padding: 10px;
    direction: rtl;
}

form input[type=submit] {
    border: unset;
    padding: 12px 78px;
    cursor: pointer;
}

.fieldBox textarea {
    width: 100%;
    border: 0.5px solid #1A1A1A42;
    background-color: var(--white);
    padding: 10px;
}

.blogBox {
    padding: 100px 0;
    background-color: var(--gray);
}

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

.blogHeader a {
    position: absolute;
    right: 140px;
    font-size: 14px;
    color: var(--black);
}

.blogHeader h2 {
    margin-bottom: 32px;
    font-size: 32px;
}

.tab {
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.tab .tabItems {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-bottom: 1px solid var(--white);
    width: fit-content;
    align-self: center;
}

.tabItems .tabItem {
    padding-bottom: 10px;
    cursor: pointer;
    font-size: 20px;
    transition: var(--ease);
    border-bottom: 3px solid transparent;
}

.tabItems .tabItem:hover,
.tabItems .tabItem.active {
    border-color: var(--red);
}

.tabContents .tabContent {
    padding: 0 140px 10px;
    gap: 20px;
    align-items: center;
    overflow: auto;
    scrollbar-width: thin;
    display: none;
}

.tabContents .tabContent.active {
    display: flex;
}

.blogCart {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    background-color: var(--black);
    min-width: calc(50% - 10px - 70px);
}

.blogCart .blogImg {
    width: calc(35% - 8px);
}

.blogImg img {
    width: 100%;
}

.blogCart .blogContent {
    width: calc(65% - 8px);
    display: flex;
    flex-direction: column;
    color: var(--white);
}

.blogContent h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0;
}

.blogContent p {
    text-align: justify;
    font-size: 14px;
    margin-bottom: 24px;
    margin-top: 0;
}

.blogContent a {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.socialBox {
    padding: 36px 140px;
    display: flex;
}

.socialBox span {
    font-size: 14px;
}

.socialBox .socialRight {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 50%;
    box-sizing: border-box;
    position: relative;
}

.socialBox .socialRight::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(177, 0, 0, 0) 0%, #B10000 50%, rgba(177, 0, 0, 0) 100%);
}

.socialRight .fieldBox {
    display: flex;
    align-items: center;
}

.socialRight .fieldBox input {
    background-color: var(--gray);
    color: var(--black);
    border: 0.5px solid #1A1A1A42;
    padding: 10px;
}

.socialRight .fieldBox input::placeholder {
    opacity: .4;
}

.socialRight .fieldBox button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: unset;
    height: 100%;
    padding: 9px 17.5px;
    cursor: pointer;
}

.socialRight .fieldBox button i {
    width: 24px;
    height: 24px;
}

.socialBox .socialLeft {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-right: 15%;
    box-sizing: border-box;
}

.socialLeft .socialIcons {
    display: flex;
    align-items: center;
    gap: 24px;
}

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


/*Footer*/
.footerBox {
    padding: 100px 140px 74px;
    background-color: var(--gray);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

.footerBox .footerTop {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 92px;
}

.footerTop .footerColumn {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footerColumn h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.footerColumn .footerSocial {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footerSocial .socialItem {
    display: flex;
    align-items: center;
    gap: 10px;
}

.socialItem span {
    font-size: 16px;
}

.footerColumn .footerLink {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footerLink .linkItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.footerBox .separator {
    display: block;
    width: 45%;
    height: 1px;
    background: linear-gradient(90deg, rgba(177, 0, 0, 0) 0%, #B10000 50%, rgba(177, 0, 0, 0) 100%);
}

.footerBox .footerBottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 55px;
}

.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    background-color: #E6E6E6;
}

.copyright img {
    height: 50px;
    object-fit: contain;
}

footer img {
    width: 100%;
}

/* استایل های مودال */

/* overlay */
.modal-overlay-default {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* محتوای مودال */
.modal-default-content {
    background: var(--white);
    /*border-radius: 12px;*/
    width: 90%;
    max-height: 90%;
    max-width: 500px;
    padding: 24px 32px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: auto;
}

.modal-overlay-default.active {
    display: flex;
    opacity: 1;
}

.modal-overlay-default.active .modal-default-content {
    transform: scale(1);
    opacity: 1;
}

/* هدر مودال */
.modal-header {
    /*position: sticky;*/
    top: -16px;
    /*padding-top: 16px;*/
    padding-bottom: 18px;
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px var(--red);
    color: var(--black);
    z-index: 1;
}

.modal-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
}

.modal-close {
    border: none;
    background: none;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    padding: 0;
}

.modal-close i.icon {
    background-color: var(--black);
    width: 32px;
    height: 32px;
    -webkit-mask-size: 32px;
}

/* دیتای داخلی مودال */
.inner-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inner-content p {
    line-height: 20px;
}

.modal-btns-box {
    display: flex;
    width: 100%;
    gap: 4px;
    padding: 8px;
    margin-top: 20px;
}

.modal-btns-box > * {
    flex: 1
}

.modal-btns-box btn {
    display: flex;
    /* width: 100%; */
    background-color: var(--red);
    color: var(--white);
    justify-content: center;
    /*border-radius: 8px;*/
    padding: 8px;
    font-size: 14px;
    cursor: pointer;
}

/* دکمه ثبت */

.submit-section {
    display: flex;
    width: 100%;
}

.return-btn btn {
    font-size: 14px;
}

.submit-section btn,
.submit-section input {
    display: flex;
    gap: 16px;
    width: 100%;
    background-color: transparent;
    color: var(--black);
    justify-content: center;
    /*border-radius: 8px;*/
    padding: 12px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid var(--black);
}

.submit-section .btn i.icon {
    background-color: var(--black);
}

.submit-section .btn:hover {
    color: var(--red);
    border-color: var(--red);
}
.submit-section .btn:hover i.icon {
    background-color: var(--red);
}

/* end */