:root {
    --primary: #3085C3;
    --color-text: #5a5c7a;
    --secondary: #e6f0f8;
}

* {
    direction: rtl;
    box-sizing: border-box;
}

p {
    padding: 0;
}

a {
    text-decoration: none;
}

[type=email], [type=number], [type=url], [type=text] {
    direction: rtl;
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/woff/IRANYekanX-Thin.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Thin.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/woff/IRANYekanX-UltraLight.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/woff/IRANYekanX-Light.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Light.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/woff/IRANYekanX-Medium.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Medium.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/woff/IRANYekanX-DemiBold.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/woff/IRANYekanX-ExtraBold.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/woff/IRANYekanX-Black.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/woff/IRANYekanX-ExtraBlack.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url('../fonts/woff/IRANYekanX-Heavy.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/woff/IRANYekanX-Bold.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?jef8xe');
    src: url('../fonts/icomoon.eot?jef8xe#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?jef8xe') format('truetype'),
    url('../fonts/icomoon.woff?jef8xe') format('woff'),
    url('../fonts/icomoon.svg?jef8xe#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-percent:before {
    content: "\e925";
}

.icon-bars:before {
    content: "\e923";
}

.icon-shield-solid:before {
    content: "\e917";
}

.icon-arrow:before {
    content: "\e924";
}

.icon-money:before {
    content: "\e900";
}

.icon-headset:before {
    content: "\e901";
}

.icon-medal:before {
    content: "\e902";
}

.icon-truck:before {
    content: "\e903";
}

.icon-heart-filled:before {
    content: "\e904";
}

.icon-arrow-right:before {
    content: "\e905";
}

.icon-bell-regular:before {
    content: "\e906";
}

.icon-cart:before {
    content: "\e907";
}

.icon-chart:before {
    content: "\e908";
}

.icon-left:before {
    content: "\e909";
}

.icon-circle:before {
    content: "\e90a";
}

.icon-ellipsis:before {
    content: "\e90b";
}

.icon-envelope:before {
    content: "\e90c";
}

.icon-file:before {
    content: "\e90d";
}

.icon-heart:before {
    content: "\e90e";
}

.icon-instagram:before {
    content: "\e90f";
}

.icon-list:before {
    content: "\e910";
}

.icon-location:before {
    content: "\e911";
}

.icon-phone:before {
    content: "\e912";
}

.icon-share:before {
    content: "\e913";
}

.icon-telegram:before {
    content: "\e914";
}

.icon-user:before {
    content: "\e915";
}

.icon-youtube:before {
    content: "\e916";
}

.price .border-bottom {
    border-bottom: 1px solid var(--primary) !important;
}

.color-secondry {
    color: var(--secondary);
}

.bg-secondry {
    background: var(--secondary);
}


h1, h2, h3, h4, h5, h6, p, strong, a, b, label, button, th, td, div {

    font-family: "IRANYekanX", sans-serif;
    color: #4c5e60;

}

.text-justify {
    text-align: justify;
}

a, a:hover {
    color: #000c;
}

body {
    overflow-x: hidden;
}

.costumbg {
    background-image: url("../img/bg.svg");
}

.iconFlip {
    transform: rotate(-180deg);
}

.theme-text-color {
    color: var(--primary);
}

.theme-text-weight {
    font-weight: 900;
}

h1 {
    font-size: 1.6rem;
    font-weight: bolder;
}

h2, h3, h4, h5, h6 {
    font-size: 1.2rem;
    font-weight: bold;
}

.text-10 {
    font-size: 0.7rem;
}
.color-main
{
    color: var(--primary)
}

/*-------------------------------------------------------------------------------------------------------------header*/
header {
    background: #F7F8FA;
    padding: 10px 5px;
}

header .mainlogo {
    height: 25px;
    width: auto;
}

.accountBtn {
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 5px;
    font-weight: 900;
    font-size: 13px;
}

.cartBtn {
    padding: 5px 9px;
}

span.cart_total {
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    line-height: 5px;
    text-align: center;
    font-size: 10px;
    font-weight: 900;
    left: 2px;
    top: -1px;
    z-index: 101;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0;
}

/*-------------------------------------------------------------------------------------------------------------article*/
article {
    font-family: iranyekan;
    text-align: justify;
}


/*-------------------------------------------------------------------------------------------------------------footer*/
footer {
    font-family: iranyekan;
    background: #2F2F2F;
    color: #fff;
    border-radius: 25px 25px 0 0;
    overflow-x: hidden;
}

footer p, footer b {
    color: #fff;
    text-align: justify;
}


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

#go-up {
    cursor: pointer;
}

img.footerLogo, footer .footerImage {
    width: auto;
    height: 45px;
}

.newsletterBtn {
    background: none;
    border: 1px solid var(--primary);
}

input#newslettermail {
    background: none;
    border: 1px solid var(--primary);
    padding: 5px 10px;
    border-radius: 5px;
}

button.newsletterBtn.position-absolute {
    left: 5px;
    right: auto;
    background: var(--primary);
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
}

::placeholder {
    color: #fff;
}

.icon-telegram {
    color: #0088CC;
}

.icon-instagram {
    color: #c13584;
}

.license img {
    filter: invert();
}

/*search bar----------------------------------------------------------------------------------------------------------*/
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 8px;
    min-width: 560px;
    height: 40px;
    background: #fff;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
    top: 12px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    font-family: iranyekan;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: none;
}

/*Swiper Slider-------------------------------------------------------------------------------------------------------*/
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    background: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 12px;
    color: var(--primary);
}

/*product Page-------------------------------------------------------------------------------------------------------*/
.min-h-65 {
    min-height: 65px;
}

.productTitle {
    font-size: 18px;
    text-transform: uppercase;
}

.themeFont {
    font-family: iranyekan;
}

.slidePrice {
    min-height: 65px;
}

.productEnglish {
    font-size: 12px;
    color: #c3c3ce;
    font-family: sans-serif;
    text-transform: uppercase;
    position: relative;
    max-height: 24px;
}

.lineDevider {
    height: 1px;
    background: #c3c3ce;
    flex-grow: 1;
}

.productSinglExcerpt ul li {
    list-style: circle;
}

.productSinglExcerpt ul li {
    font-size: 12px;
}

.woocommerce-product-details__short-description ul {
    padding-right: 16px;
}

.alertText {
    font-size: 10px;
}

nav.woocommerce-breadcrumb {
    font-size: 0.75rem;
}

form.cart {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-evenly;*/
}

input.qty {
    padding: 5px 10px;
    width: 50px;
    border-radius: 5px;
    border: 1px solid var(--primary);
}

button.single_add_to_cart_button.button.alt, button.single_add_to_cart_button.button.alt:hover {
    border: none;
    outline: none;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
    width: 100%;
    padding: 0.5rem 1rem;
    margin-right: 1rem;:;
}

.actions span {
    background: #fff;
    padding: 5px;
    line-height: 10px;
    border-radius: 5px;
    cursor: pointer;
}

.report {
    font-size: 10px;
    font-weight: bold;
}

.report:hover {
    cursor: pointer;
}

.regular-price {
    text-align: left;
    font-weight: 900;
    font-size: 1.3rem;
}

.text-color {
    color: var(--color-text);
}

.theme-breadcrumb, .error-desc {
    font-size: 0.68rem;
}

img.brandIcon {
    height: 35px;
    width: auto;
}

.brandSliderIcons {
    filter: grayscale(1);
    opacity: 0.3;
}

.brandSliderIcons:hover {
    filter: grayscale(0);
    opacity: 1;
}

.relatedSwiper {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 10px 0;
}

.relatedSwiper .swiper-slide:hover, .productSwiper .swiper-slide:hover, .magSlide:hover {
    box-shadow: 2px 10px 5px #f5f5f5;
}

.pr_name {
    color: var(--primary);
}

div#desc {
    text-align: justify;
    height: 25vh;
}

.nextAdvantage {
    font-size: 10px;
}

.advIcons {
    background: #Fff;
    color: var(--primary);
    padding: 5px;
    border-radius: 50%;
}

.price .img-50 {
    height: 20px;
    width: auto;
}

.woocommerce-message::before, .woocommerce-message::after, .woocommerce-error::before {
    content: "";
}

ul.woocommerce-error li {
    list-style: none !important;
}

#seemore {
    cursor: pointer;
}

/*log in page--------------------------------------------------------------------------------------------------*/
.logInform {
    background: var(--secondary);
    max-width: 25vw;
    transform: translate(50%, 50%);
    position: absolute;
    bottom: 50%;
    right: 50%;
    min-width: 500px;
    border-radius: 0.5rem;
}

.btn-green, .btn-green:hover, .wc-proceed-to-checkout .btn-green {
    background: var(--primary) !important;
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border: none;
}

.alertSpan {
    font-size: 10px;
}

/*cart*/
.w-15 {
    width: 15%;
    height: auto;
}

.actions .button {
    border: none;
    padding: 5px 12px;
    border-radius: 5px;
    color: var(--primary);
}

.alert-info {
    color: var(--color-text);
    background-color: var(--secondary);
    border-color: var(--primary);
}

.coupon * {
    border: none;
}

.coupon .button {
    padding: 5px 12px;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
}

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

input#coupon_code {
    outline: none;
}

/*checkout*/
p#billing_country_field {
    display: none;
}

.checkout_coupon p button {
    padding: 5px 12px;
    background: var(--primary);
    color: #fff;
    border-radius: 5px;
    border: none;
}

input#coupon_code {
    border: none;
}

.woocommerce-billing-fields__field-wrapper p {
    display: flex;
}

.woocommerce-billing-fields__field-wrapper p span input, textarea#order_comments {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 6px;
    width: 100%;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    height: 36px;

}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-top: 4px;
}

textarea#order_comments {
    width: 100%;
}

p#order_comments_field {
    display: flex;
    flex-direction: column;
    width: 100%;
}

button#place_order {
    border: none;
    padding: 10px;
    width: 100%;
    background: var(--primary);
    color: #fff;
}

.alert p {
    margin-bottom: 0;
}

.alert {
    font-size: 12px;
    padding: 5px 10px;
}

.woocommerce-billing-fields__field-wrapper p {
    display: flex;
    align-items: center;
    justify-content: start;
}

.woocommerce-billing-fields__field-wrapper p label {
    flex: 1;
}

.woocommerce-billing-fields__field-wrapper p span {
    flex: 2;
}

.payment_box p {
    margin-bottom: 0;
}

ul.wc_payment_methods.payment_methods.methods {
    padding: 0;
}

/*My acount dashboad*/
.text-12 {
    font-size: 12px;
}

.text-10 {
    font-size: 10px;
}

/*category page*/
.theme-badge {
    padding: 0 0.2rem;
    font-size: 0.75rem;
}

.offPrice {
    font-size: 0.75rem;
}

.productCatTitle {
    font-weight: 900;
    font-size: large;
}

/*mag post*/
p img {
    margin: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.breadcrum {
    color: var(--primary);
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.magContent {
    text-align: justify;
}

.magContent p {
    margin-bottom: 1rem;
    line-height: 2rem;
}

.magContent ul li {
    list-style: inside;
}

h1.magHeader {
    font-weight: 900;
    border-bottom: 2px solid var(--primary);
    padding-bottom: 20px;
    font-size: 1.5rem;
}

.magContent h2, .magContent h3, .magContent h4 {
    font-size: 1.2rem;
    font-weight: 900;
}

.magContent img {
    border-radius: 0.6rem;
}

p.form-submit {
    text-align: end;
}

textarea#comment {
    width: 100%;
    border: 1px solid #bbbbbb;
    border-radius: 9px;
}

p.comment-form-comment {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-content: space-between;
}

input#submit {
    background: var(--primary);
    color: #Fff;
    border-radius: 5px;
    border: none;
    padding: 10px 20px;
}

.comment-form input {
    border: 1px solid #bbb;
    padding: 5px;
    border-radius: 5px;
}

.comment-form-author, .comment-form-email {
    display: flex;
    align-items: center;
}

#author, #email {
    flex-grow: 1;
}

.adv-link {
    color: var(--color-text);
    font-size: 0.8rem;
}

div#mag-list a {
    color: var(--color-text);
}

div#mag-list i {
    color: var(--primary);
}

div#mag-list p {
    background: #00000008;
    padding: 0.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    margin: 0 0 0.3rem 0;

}

.magGrid {
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 1rem;
}

/*mobile*/
@media only screen and (max-width: 570px) {
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        max-width: 100%;
        min-width: 100%;
    }

    .logInform {
        min-width: 90vw;
    }

    h1.magHeader {
        font-size: 1.2rem;
    }

    .category-swiper a img {
        max-width: 85px !important;
    }

    h2 {
        font-size: 1rem;
        font-weight: 900;
    }

    h3 {
        font-size: 1rem;
        font-weight: 900;
    }

    footer p, footer b {
        font-size: .85rem;
        text-align: justify;
    }

    .magGrid {
        grid-template-columns: auto auto;
        gap: 0.5rem;
        overflow: hidden;
    }

    .row .loopStart {
        grid-template-columns: auto auto;
        gap: 0.5rem;

    }

    .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {

    span#go-up {
        font-size: 0.6rem;
    }

    .footer-logo {
        width: 40%;
        height: auto;
    }

    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        max-width: 100%;
        min-width: 100%;
    }

}

/*mega menu*/
.level1 {
    top: 40px;
    min-width: 300px;
    z-index: 999;
    border-radius: 0.5rem;
}

.child-link {
    border-right: 4px solid var(--primary);
}

.level2 a.link-dark:last-of-type {
    padding-bottom: 0.2rem;
}

.megaMenu {
    background: #fff;
    top: 136px;
    z-index: 100;
    right: 0;
}

.submenu {
    background: #00baba21;
    border-radius: 0.3rem 0 0 0.3rem;
}

.offcanvas-start {
    width: 80vw;
}

.main-Cat {
    font-weight: 900;
    border-right: 4px solid var(--primary);
    padding-right: 5px;
    line-height: 16px;
    margin-bottom: 8px;
}

.text-14 {
    font-size: 14px;
}

#megaHover:hover {
    cursor: pointer;

}



/*product slider*/
.blend {
    mix-blend-mode: multiply;
}

.productSwiper .swiper-slided {
    border-left: 1px solid #f5f5f5;
}

.slide-price {
    color: var(--color-text);
}

.slider-title {
    font-weight: 900;
    font-size: 1.2rem;
}


/*my acoount page*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

.d-grid-4 {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 5px;
}

.favItems .btn-close {
    font-size: 8px;
    top: 4px;
    cursor: pointer;
}


/*Front Page Mag*/
.fp-header {
    font-weight: 1000;
    font-size: xx-large;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    width: fit-content;
    right: 32px;
}

.swiper-pagination-bullet {

    height: 32px;
    border-radius: 1rem;
    color: #fff;
    background: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--primary);
}

.front-page-desc p {
    text-align: justify;
}

.loopStart {
    display: grid;
    grid-gap: 0.5rem;
    grid-template-columns: repeat(5, 1fr); /* Define 5 columns with equal width */
}

.woocommerce .woocommerce-ordering select {
    padding: 0.3rem;
    border: 1px solid #dddddd;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: none;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none;
}


.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--primary);
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--primary);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--secondary);
}

.price_slider_amount {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row-reverse;
}

.price_label {
    display: flex;
}

.seemore {
    cursor: pointer;
}

#desc {
    overflow: hidden;
}

div#desc * {
    font-size: 1rem;
    line-height: 2rem;
}

div#desc h2, div#desc h3, div#desc h4 {
    font-weight: 900;
}

div#desc * li {
    list-style: disc;
}


.desktop {
    position: relative;
}

.submenu {
    position: absolute;
    z-index: 100000000;
    background: #fff;
    top: 105px;
}

.sub-half {
    position: absolute;
    left: 0;
    height: 100%;
}

.category-swiper a img {
    max-width: 130px;
    height: auto;
}

.toast-fav {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px;
    border-radius: 5px;
    display: block;
    z-index: 1000;
}

/* Style the switch container */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

/* Hide the default checkbox input */
.switch input {
    display: none;
}

/* Style the slider (the visible part of the switch) */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
}

/* Style the slider's appearance when the switch is on (checked) */
.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

/* Adjust the slider appearance when the switch is checked */
.switch input:checked + .slider {
    background-color: var(--primary);
}

.switch input:checked + .slider:before {
    transform: translateX(22px);
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

span#id_number-description {
    font-size: 0.6rem;
    color: #dc3545;
}

.form-check-input:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 186 186 / 22%);
}

.brand-in-english {
    text-transform: capitalize;
}

#showDesc {
    cursor: pointer;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.sort-btn span {
    cursor: pointer;
}

.bg-off {
    background: radial-gradient(circle, transparent 25%, #dc3545 26%), linear-gradient(45deg, transparent 46%, #ffffff 47%, #ffffff 52%, transparent 53%), linear-gradient(135deg, transparent 46%, #ffffff 47%, #ffffff 52%, transparent 53%);
    background-size: 1rem 1rem;
    background-color: #dc3545;
    opacity: 1
}

.page-content ul li {
    list-style: disc;
}

.page-content strong {
    color: var(--primary);
}



#resendOTP {
    cursor: pointer;
}

.theme-modal {
    background: none;
    border: none;
}

.payment_box.payment_method_prepay {
    display: block !important;

}

ul#shipping_method li {
    list-style: none;
}

.payment_box p {
    font-size: 0.6rem;
    padding-bottom: 0.5rem;
}

a.woocommerce-terms-and-conditions-link, a.woocommerce-privacy-policy-link {
    color: #dc3545;
    font-weight: bolder;
}

.rotate {
    transform: rotate(-90deg);
}

.woocommerce-MyAccount-content .favpage li {
    list-style: none;
}

#officialForm .input-group-text {
    min-width: 230px;
}

.follow {
    content: '';
    position: absolute;
    background: var(--primary);
    z-index: 0;
    height: 0.5rem;
    top: 1.5rem;
    border-radius: 1rem;
}

.form-range::-webkit-slider-thumb {
    background-color: var(--primary); /* Change this color to whatever you prefer */
}

.white-shadow {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0) 100%);
    height: 100px;
}

#expand-data {
    cursor: pointer;
}

.line2 {
    line-height: 3rem;
}


table.variations select {
    display: none;
}


.cover-photo {
    right: 0;
}

.service-icons a {
    background: #3085c324;
    padding: 20px;
    border-radius: 50%;
    border: 2px solid var(--primary);
}

.service-icons img {
    min-width: 3rem;
}

footer a
{
    color: #fff;
}


.service-card
{
    border-radius: 25px;
    padding: 20px;
    box-shadow: 4px 5px 10px #0000000d;
}

.ads-end-section {
    background-image: url(../img/bg.svg);
    background-size: cover;
    background-position: center top;
    width: 411px;
    height: 460px;
    padding: 25px 40px;
    color: #fff;
    text-align: center;
}

.ads-center-section {
    position: relative;
    background-color: #FFE0A5;
    width: 411px;
    height: 458px;
    border-radius: 40px;
    padding: 25px 40px;
}

.ads-first-section {
    background-color: #E3EFFF;
    width: 411px;
    height: 458px;
    border-radius: 40px;
    padding: 25px 40px;
    text-align: center;
}

.ads-first-section p {
    font-weight: 900;
}

.ads-center-img {

    position: absolute;
    left: 0;
    max-width: 100%;
    bottom: -2rem;
}
span.icon-bars{
    color: #0c0c0c;
}
.btn-dark-call {
    width: 194px;
    height: 70px;
    border-radius: 15px 15px 15px 15px;
    padding-top: 22px;
}

.btn-light-call {
    width: 194px;
    height: 70px;
    border-radius: 15px 15px 15px 15px;
    padding-top: 22px;
    font-weight: bold;
}

.btn-light, .btn-light:hover {
    background-color: #ffffff;
    border: 1px solid #D1D1D1;
}

.box-gray {
    background-color: #F7F8FA;
}

.verified {
    position: absolute;
    z-index: 50;
    right: 2rem;
    top: 2rem;
    max-width: 2rem;
    height: auto;
}

.bg-theme {
    background-color: #E3EFFF;
}


.ss02 {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";

}

.btn-link-header {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: #000000;
}
.instagram {
    position: absolute;
    max-width: 96px;
    right: 18rem;
    bottom: 2rem;
}
.icon-logo {
    width: 32px;
    height: auto;

}
.circle
{
    width: 64px;
    height: 64px;
    background: #0038FF;
    padding: 12px;
    border-radius: 50%;
    display: block;
}

.accordion-opened {
    background-color: #F7F8FA;
    border-radius: 20px;
    transition: all 0.1s linear;
}
.accordion-button:focus
{
    border: none;
    box-shadow: none;
}
.accordion-item {
    background-color: #F7F8FA;
    border: none;
}
.accordion-button:not(.collapsed)
{
    background-color: #F7F8FA;
    border: none;
    color: #000;
}
button.accordion-button.collapsed {
    border-bottom: 1px solid;
    border-radius: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed
{
    border-radius: 0;
}
.service-header
{
    min-height: 510px;
}
.service-content{
    position: relative;
    top: -400px;
}
.post-thumbnail {
    border-radius: 20px;
    width: 100%;
    height: 540px;
    object-fit: cover;
    object-position: top;
}


@media (max-width: 768px) {
    .ads-first-section,.ads-center-section {
        margin-bottom: 20px;
        width: 100%;
         height: 458px;
        padding: 72px 10px;
    }
}
@media (max-width: 768px) {
    .ads-end-section {
        margin-bottom: 20px;
        width: 100%;
        height: 458px;
        padding: 72px 10px;
        border-radius: 40px;
        background-color: #0038FF;
        background-image: none;
    }
    .fp-header {
    font-size: x-large;
    }
    header .mainlogo {
        height: 30px;
    }
}

@media (max-width: 420px) {
    .fp-header {
        font-size: large;
    }
    header .mainlogo {
        height: 25px;
    }
    .btn-dark-call
    {
        margin-left: 1rem!important;
    }
}

        .basket {
    bottom: 40px;
    right: 20px;
    text-decoration: none;
}


.theme-top-border
{
    border-top: 10px solid var(--primary);
}
.theme-icons span{
    border-bottom: 4px solid var(--primary);
    padding: 0.5rem;
}
.toman
{
    height: auto;
    width: 2rem
}


/**
 * ⚠️ این استایل‌ها اختیاری هستند
 * ⚠️ فقط در صورتی که می‌خواهید ظاهر اسلایدرها را بهبود دهید، اضافه کنید
 */

/* ========================================
   استایل‌های عمومی اسلایدرها
   ======================================== */

.newestProductSwiper,
.bestSellingProductSwiper {
    padding: 20px 40px;
    position: relative;
}

/* ========================================
   دکمه‌های ناوبری
   ======================================== */

.newestProductSwiper .swiper-button-next,
.newestProductSwiper .swiper-button-prev,
.bestSellingProductSwiper .swiper-button-next,
.bestSellingProductSwiper .swiper-button-prev {
    color: var(--primary, #3085C3);
    background: rgba(255, 255, 255, 0.95);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.newestProductSwiper .swiper-button-next:hover,
.newestProductSwiper .swiper-button-prev:hover,
.bestSellingProductSwiper .swiper-button-next:hover,
.bestSellingProductSwiper .swiper-button-prev:hover {
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transform: scale(1.1);
}

.newestProductSwiper .swiper-button-next::after,
.newestProductSwiper .swiper-button-prev::after,
.bestSellingProductSwiper .swiper-button-next::after,
.bestSellingProductSwiper .swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
}

/* ========================================
   کارت محصول
   ======================================== */

.slide-price {
    transition: all 0.3s ease;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.slide-price:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

/* تصویر محصول */
.slide-price img.blend {
    transition: transform 0.3s ease;
}

.slide-price:hover img.blend {
    transform: scale(1.05);
}

/* ========================================
   هدر اسلایدر
   ======================================== */

.fp-header {
    position: relative;
    padding-bottom: 15px;
}

.fp-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(to left, var(--primary, #3085C3), transparent);
}

/* ========================================
   بج‌های محصول (اختیاری)
   ======================================== */

/* بج "جدید" */
.product-badge-new {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* بج "پرفروش" */
.product-badge-bestseller {
    position: absolute;
    top: 10px;
    right: 10px;
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    z-index: 10;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* ========================================
   ریسپانسیو (موبایل)
   ======================================== */

@media (max-width: 768px) {
    .newestProductSwiper,
    .bestSellingProductSwiper {
        padding: 10px 30px;
    }

    .newestProductSwiper .swiper-button-next,
    .newestProductSwiper .swiper-button-prev,
    .bestSellingProductSwiper .swiper-button-next,
    .bestSellingProductSwiper .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .newestProductSwiper .swiper-button-next::after,
    .newestProductSwiper .swiper-button-prev::after,
    .bestSellingProductSwiper .swiper-button-next::after,
    .bestSellingProductSwiper .swiper-button-prev::after {
        font-size: 14px;
    }

    .fp-header {
        font-size: 18px;
    }

    .slide-price img.blend {
        max-height: 200px;
    }
}

/* ========================================
   انیمیشن لودینگ (اختیاری)
   ======================================== */

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.slide-price.loading {
    background: linear-gradient(to right, #f0f0f0 8%, #f8f8f8 18%, #f0f0f0 33%);
    background-size: 1000px 100%;
    animation: shimmer 2s infinite;
}

/* ========================================
   حالت تاریک (اختیاری)
   ======================================== */

@media (prefers-color-scheme: dark) {
    .slide-price {
        background: #2d2d2d;
    }

    .slide-price span {
        color: #fff;
    }
}

/* ========================================
   بهبود دسترسی‌پذیری
   ======================================== */

.slide-price:focus {
    outline: 2px solid var(--primary, #3085C3);
    outline-offset: 2px;
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: 2px solid var(--primary, #3085C3);
}

/* ========================================
   سایر استایل‌های مفید
   ======================================== */

/* نمایش تعداد فروش */
.sales-count {
    font-size: 11px;
    color: #666;
    display: block;
    margin-top: 5px;
}

/* نمایش امتیاز */
.star-rating {
    color: #ffc107;
    font-size: 14px;
}

/* محصولات ناموجود */
.out-of-stock {
    opacity: 0.6;
    position: relative;
}

.out-of-stock::after {
    content: 'ناموجود';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(220, 53, 69, 0.95);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    z-index: 10;
}