/* input(111,27): run-time error CSS1038: Expected hex color, found '#11111' */
/* Iranyekanx font */

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/iranyekan/IRANYekanX-Light.woff?v=bBaBSM2FYEyhmQmSoS4ySSH_jjM) format('woff'), url(../fonts/iranyekan/IRANYekanX-Light.woff2?v=tBwiNA0g8aEeHHDipHKd8qlIIsc) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url(../fonts/iranyekan/IRANYekanX-ExtraBlack.woff?v=SRJZGrXGopjN1lhDdwsJgj6leuQ) format('woff'), url(../fonts/iranyekan/IRANYekanX-ExtraBlack.woff2?v=TGz2XlC_rqxEWg_7-rE7peIfDL4) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url(../fonts/iranyekan/IRANYekanX-Heavy.woff?v=eiVMHCaK633J9RWj-AAwZv_E2XY) format('woff'), url(../fonts/iranyekan/IRANYekanX-Heavy.woff2?v=bBaBSM2FYEyhmQmSoS4ySSH_jjM) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/iranyekan/IRANYekanX-Regular.woff?v=ybJFBjLzeXh9_tHLDuEg9EK5zIs) format('woff'), url(../fonts/iranyekan/IRANYekanX-Regular.woff2?v=ybJFBjLzeXh9_tHLDuEg9EK5zIs) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/iranyekan/IRANYekanX-Medium.woff?v=tBwiNA0g8aEeHHDipHKd8qlIIsc) format('woff'), url(../fonts/iranyekan/IRANYekanX-Medium.woff2?v=ybJFBjLzeXh9_tHLDuEg9EK5zIs) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/iranyekan/IRANYekanX-DemiBold.woff?v=JTKvif50mOOEyJypVZAJlb0US3I) format('woff'), url(../fonts/iranyekan/IRANYekanX-DemiBold.woff2?v=SRJZGrXGopjN1lhDdwsJgj6leuQ) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/iranyekan/IRANYekanX-ExtraBold.woff?v=TGz2XlC_rqxEWg_7-rE7peIfDL4) format('woff'), url(../fonts/iranyekan/IRANYekanX-ExtraBold.woff2?v=eiVMHCaK633J9RWj-AAwZv_E2XY) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/iranyekan/IRANYekanX-Black.woff?v=7_vC-sxHRsaQ0wn-cHSEuewDyec) format('woff'), url(../fonts/iranyekan/IRANYekanX-Black.woff2?v=7_vC-sxHRsaQ0wn-cHSEuewDyec) format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/iranyekan/IRANYekanX-Bold.woff?v=keGgTdc9MkCEC_8LbBlQypE_ok4) format('woff'), url(../fonts/iranyekan/IRANYekanX-Bold.woff2?v=keGgTdc9MkCEC_8LbBlQypE_ok4) format('woff2');
}

/* Iranyekanx font */

:root {
    --primerycolor: #EC5800;
    --gprimerycolor: #EC5800;
    --primerycolorrgb: rgba(236,88,0,.9);
    --primerycolorrgblight: rgba(236,88,0,.15);
    --primerycolorrgbverylight: rgba(236,88,0,.05);
    --primerycolorrgbmedlight: rgba(236,88,0,.4);
    --primerycolordark: #973700;
    --primerycolorlight: #ff9b61;
    --seconderycolor: #333333;
    --seconderycolordark: #111111;
    --seconderycolormed: #666666;
    --seconderycolorlight: #999999;
    --thirdcolor: #5f6e51;
    --textcolor: #2D2E4A;
    --textcolormed: #555555;
    --textcolordark: #151736;
    --textcolorlight: #888888;
    --gtextcolor: #2D2E4A;
    --gtextcolormed: #555555;
    --gtextcolordark: #151736;
    --gtextcolorlight: #888888;
    --bgcolor: #fff;
    --bgcolorlight: #fff;
    --bgcolormed: #eee;
    --bgcolordark: #ccc;
    --lightred: #c70008;
    --brediushuge: 35px;
    --brediusbig: 30px;
    --brediusmedium: 10px;
    --brediussmall: 5px;
    --brediustiny: 3px;
}

[data-theme="dark"] {
    --primerycolor: #EC5800;
    --gprimerycolor: #EC5800;
    --primerycolorrgb: rgba(236,88,0,.9);
    --primerycolorrgblight: rgba(236,88,0,.15);
    --primerycolorrgbmedlight: rgba(236,88,0,.4);
    --primerycolordark: #973700;
    --primerycolorlight: #ff9b61;
    --seconderycolor: #333333;
    --seconderycolordark: #11111;
    --seconderycolormed: #666666;
    --seconderycolorlight: #999999;
    --thirdcolor: #5f6e51;
    --textcolor: #eee;
    --textcolormed: #ddd;
    --textcolordark: #ccc;
    --textcolorlight: #fff;
    --bgcolor: #222;
    --bgcolorlight: #333;
    --bgcolormed: #111;
    --bgcolordark: #000;
    --lightred: #c70008;
    --brediushuge: 35px;
    --brediusbig: 25px;
    --brediusmedium: 10px;
    --brediussmall: 5px;
    --brediustiny: 3px;
}
/* ===================== dont replace ========================*/

body, input[type="text"], input[type="button"], textarea, button, select, code, kbd, pre, samp {
    font-family: 'IRANYekanX';
}

.lightred, .currency {
    color: var(--textcolor) !important;
}

.gray-hover .swiper-scrollbar {
    display: none;
}

.swiper-pagination {
    background: #fff;
    border-radius: 2rem 2rem 0 0;
    padding: .25em 1em 0;
    left: 50%;
}

.swiper-pagination-bullet {
    background: var(--seconderycolor);
}

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--primerycolor);
    }

.swiper.fullwidth.swiper-horizontal > .swiper-pagination-bullets {
    bottom: 0;
}

/* color */
/*body.home header:not(.fixed-header) {
    box-shadow: none;
}
*/

.modal-dialog .newmodal .modal-pic {
    background-color: #fff;
}

.main-header .logo-holder .img-parent, .main-header .logo-holder .img-parent img {
    max-height: 80px;
    width: 220px;
}

.header-nav {
    background-color: #f5f5f5;
}

.header-nav .navbar-default .navbar-nav > li > a:not(.admin-edit) {
    font-size: 10.5pt;
}

    .header-nav .navbar-default .navbar-nav > li > a > .icon {
        width: 18px;
        fill: var(--seconderycolormed);
    }

/*body.first-page header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}

header .header-inner {
    border-radius: 0 2em 2em;
}*/
.top-cart-row .dropdown-cart .items-cart-inner .basket {
    font-size: 1em !important;
    font-weight: 600 !important;
    color: var(--seconderycolor) !important;
    letter-spacing: 1px !important;
}

.top-cart-row .dropdown-cart .items-cart-inner .basket .icon {
    fill: var(--seconderycolor);
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    padding: 9px;
    border-radius: 50rem;
}

img[data-src] {
    max-height: 100px;
    aspect-ratio: 1 / 1;
    margin-left: auto;
    margin-right: auto;
    width: unset !important;
}

.column-title .title {
    background: linear-gradient( -45deg,var(--primerycolor) 0%, var(--primerycolor) 70%, var(--seconderycolor) 70%, var(--seconderycolor) 100% );
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: table;
    margin: 0 auto;
}

.bg-primary .column-title .title {
    background: linear-gradient( -45deg,#fff 0%, #fff 70%, var(--seconderycolor) 70%, var(--seconderycolor) 100% );
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket-item-count {
    background-color: var(--primerycolordark);
}

.top-search-holder .search-area .search-field {
    background: var(--bgcolor);
    border: solid 2px #ddd;
    border-radius: 50rem;
}

.search-result-container .product .cart {
    display: none;
}

.listView .product .product-ex-btns {
    padding-top: 0;
}

.product-comparison .compare-table .product .product-info {
    min-height: auto;
}

.products-List .product .product-image .tag-parrent {
    top: -12px;
    right: -12px;
}

.swiper-slide .product .product-image .tag-parrent {
    top: -16px;
    right: -16px;
    border-radius: 0 6px 0 6px;
    overflow: hidden;
}

.swiper-slide .product .product-image .tag {
    margin: 0 !important;
}

    .swiper-slide .product .product-image .tag:first-child {
        border-radius: 0 6px 0 0
    }

    .swiper-slide .product .product-image .tag:last-child {
        border-radius: 0 0 0 6px
    }

.btn-primary:hover {
    background: var(--primerycolor);
}

.info-boxes .info-box .info-box-heading {
    color: var(--textcolor)
}

.info-boxes .info-box .icon {
    color: var(--primerycolor);
}

.main-header .logo-holder a {
    display: inline-block;
    max-width: 100%;
}

.menu-grouping :not(.swiper-slide) > .item {
    margin: 0 !important;
}

.menu-grouping.row-content [class^="col"] {
    margin-bottom: 1em;
    align-items:inherit;
}

    .menu-grouping.row-content [class^="col"] .item {
        height: auto;
        align-items: inherit;
    }

.menu-grouping.row-content .item .head{
    font-size:1em;
}

.menu-grouping .item .text {
    color: inherit;
}

footer.footer {
    color: var(--seconderycolor);
    overflow: hidden;
    background-size: 100% auto;
    background-color: #eee;
}

    footer.footer a {
        color: #fff;
    }

.footer .footer-bottom .module-title,
.footer .footer-bottom .module-title h1,
.footer .footer-bottom .module-title h2,
.footer .footer-bottom .module-title h3 {
    color: var(--seconderycolor);
    font-size: 1.1em;
    font-weight: 900;
}

.footer .copyright-bar {
    background: transparent;
    padding: 0;
}

body.rtl .footer .footer-bottom .module-body ul li a {
    color: var(--seconderycolor);
    font-weight: 600;
}

    body.rtl .footer .footer-bottom .module-body ul li a:hover {
        color: var(--primerycolor);
    }

.copyright-bar .copyright {
    color: var(--gtextcolor);
    background: #fff;
    padding: 10px;
    border-radius: 20px 20px 0 0;
    font-size: 1em;
}

    .copyright-bar .copyright a.box-style {
        display: none;
    }

.blog-page .blog-post p:first-child {
    margin-top: 0;
}

.blog-page .blog-post h3 a {
    color: var(--seconderycolor);
}

    .blog-page .blog-post h3 a:hover,
    .blog-page .blog-post h3 a:focus {
        color: var(--primerycolor);
    }

.scroll-to-top {
    right: auto;
    left: 20px;
}

.black-friday label, .black-friday .label {
    color: #000;
}

.story-ring {
    background: linear-gradient(45deg, var(--primerycolor), var(--seconderycolor));
}

/* animation */
#item102 {
    position: relative;
    --shape-x: 0px;
    --shape-y: 0px;
    --shape-rotate: 0deg;
    --shape-scale: 1;
}

    #item102::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        right: 0;
        top: 50%;
        background: url("/uploads/landing/index/r-right-shape.webp?v=K2fAOtyHwEfR-5efYQYyvXRc49g") no-repeat center;
        background-size: contain;
        opacity: 1;
        pointer-events: none;
        transform: translate(var(--shape-x), var(--shape-y)) translateY(-50%) rotate(var(--shape-rotate));
        transition: transform .15s linear;
        will-change: transform;
    }

@media (max-width: 767px) {
    #item122 {
        margin-top: 0
    }
}

@media (max-width: 480px) {

/*    header .header-inner {
        border-radius: 0 .5em .5em;
    }*/

    .search-result-container .product .product-image img {
        max-height: 95px;
    }

    .search-result-container .product .product-info .text {
        font-size: .85em;
    }

    .listView .product .product-info {
        margin: 0;
    }

    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }

    .swiper-slide .product .product-image .tag-parrent {
        top: -11px;
        right: -11px;
    }

    .products-List .product .product-image .tag-parrent {
        top: -10px;
        right: -10px;
    }
}
