/*
Theme Name: قالب فروشگاهی ریوشاپ
Theme URI: http://wordpress.org/themes/develop-wp-theme
Author: گروه طراحی ریوکد
Author URI: http://develop-wp.local/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive,2 columns,rtl
Text Domain: develop-wp-theme
*/
body{
    margin: 0 !important;
}
.main-rioshop-content {
    width: 100%;
}
.main-rioshop-asg-core {
    display: flex;
    justify-content: center;
}

body {
    direction: rtl !important;
}

body.rtl.wp-singular.page-template.page-template-blog.page-template-blog-php.page.page-id-8.logged-in.admin-bar.no-customize-support.wp-theme-rioshop.red-skin.blog-page {
    direction: rtl;
}


article.blog-post {
    padding: 12px;
}
swiper-slide {
    text-align: center;


    display: block;
    justify-content: center;
    align-items: center;
}



.head-section.head-section--blog {
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0 40px;
}

.head-section__right.head-section__right--blog:after {
    content: "";
    width: 1000px;
    height: .5px;
    display: inline-block;
    background: #e2e4eb;
    margin: 4px 10px;
}
a.head-section__more.head-section__more--blog {
    color: black;
    text-decoration: none;
}
swiper-container.mySwiper {
        direction: rtl;
    display: flex;
}
a.head-section__more.head-section__more--blog {
        align-items: center;
    display: flex;
}

i.fa-solid.fa-angle-left.riocode.new-modern {
    font-size: 11px;
    color: #fff;

    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 8px 15px 8px 15px;
    border-radius: 20px 8px 8px 20px;
    background: #541580;
    box-shadow: 3px 4px 9px 0px rgba(240, 58, 80, 0.21);

}
.content-total-single-blog-rioshop {
    width: 1336px;
    display: flex;
    gap: 50px;
}
main.single-post-page {
    justify-content: center;
    display: flex;
}
.author-box {
    direction: rtl;
}
.author-box,div#my_custom_posts_widget-2,div#my_custom_categories_widget-2,div#my_custom_products_widget-2,div#emotion_rating_widget-2 {
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-color: #e4e4e4 !important;
    border-style: solid !important;
    border-radius: 20px;
    padding: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
    margin-bottom: 12px;
}

div.riocode-content-c1 img {
    border-radius: 20px;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
img.riocode-image-rioshop-tumb-single-post-autuor {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 4px solid white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    border-radius: 50%;
}
.row.align-items-center {
    display: flex
;
    align-items: center;
    gap: 20px;
}
.riocode-content-c1 {
    text-align: right;
    width: 65%;
    direction: rtl;
}
h1.post-title {
    font-family: iranyekanx;
    font-size: 20px;
        color: #021959;
}
.post-content p {
    font-family: YekanBakhFaNum-Regular;
}
.sidebar-content-c2 {
    width: 35%;
}

.sidebar-content-c2 {
    direction: rtl;
}
.my-custom-posts-widget.riocode-new-modern {
    padding: 20px;
}
.my-custom-posts-widget.riocode-new-modern a {
    font-family: 'IRANYekanX';
    font-size: 14px;
    color: black;
    line-height: 23px;
}
ul.social-links {
    display: flex;
    gap: 10px;
    direction: ltr;
}
::marker {
    color: #ff000000;
}
.author-website.mt-3 {
    float: right;
}
ul.social-links li {
    background: #ebebeb;
    padding: 5px;
    border-radius: 13px;
}
ul.social-links li i {
    color: #a9a9a9;
}
div.author-content p {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
}
h3.pa-name {
    font-family: 'IRANYekanX';
    font-size: 14px;
}
h3.widget-title {
    padding: 0px 20px;
    font-family: 'IRANYekanX';
}

ul.my-custom-categories-widget a {
    color: black;
    text-decoration: none;
    font-family: 'YekanBakhFaNum-Regular';
    display: flex;
    justify-content: space-between;
    border-right: 2px solid #dcdcdc;
    padding-right: 12px;
    height: 14px;
    align-items: center;
}
ul.my-custom-categories-widget {
    margin: 0 30px 20px;
    padding-right: unset;
}
.title-time-post-rioshop {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px;
    color:#021959;
}
span.restimate {
    display: flex;
    color: #3d3d3d;
    font-family: 'YekanBakhFaNum-Regular';
    gap: 6px;
}
.view-rioshop-single-post {
    display: flex;
    gap: 20px;
}
.view-rioshop-single-post a {
    color: #707070;
    text-decoration: none;
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
}
span.updated-post-date,.post-view-count {
    font-family: 'YekanBakhFaNum-Regular';
    color: #707070;
}
span.comment-asg-post a
{
    font-family: 'YekanBakhFaNum-Regular';
    color: #707070;
    text-decoration:none;
        display: flex;
    align-items: center;
    gap: 3px;
}
.view-rioshop-single-post i {
    font-size: 13px;
}

.post-meta-rioshop-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.post-meta-rioshop-new {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 10px;
    border-bottom: 1px solid #d8d8d8;
}
.comment-rioshop-new img {
    width: 80px !important;
    height: 80px !important;
    display: block;
    object-fit: cover;
}
h3#comments {
    font-family: 'IRANYekanX';
    font-size: 17px;
    margin: 20px 0 30px;
    color: #3d3d3d;
}
p.logged-in-as {
    display: none;
}
.comment-meta.commentmetadata {
    display: none;
}
span.says {
    display: none;
}
.comment-rioshop-new p {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
}
textarea#comment {
    border: unset;
    background: #e4e4e485;
    border-radius: 20px;
    padding: 12px;
    width: 100%;
    font-family: 'IRANYekanX';
}
.comment-author.vcard {
    display: flex
;
    align-items: center;
}
.comment-author.vcard a {
    font-family: 'IRANYekanX';
    text-decoration: none;
    color: black;
    font-style: normal;
}
ol.commentlist {
    border-right: 4px solid #e4e4e4;
    border-radius: 12px;
}
.comment-rioshop-new {
    border-top: 1px solid #e4e4e4;
    margin-top: 40px;
    padding: 15px 0;
}
textarea#comment:focus {
    outline: 0;
}
ol.commentlist {
    padding-right: 30px;
}
h3#reply-title {
    font-family: 'IRANYekanX';
    font-size: 19px;
    margin: 40px 0 30px;
    color: #3d3d3d;
 }
p.comment-form-comment label {
    display: none;
}
input#submit {
    border-radius: 10px;
    background: #541580;
    box-shadow: -8px 0px 11px -6px rgb(84 21 128);
    align-items: center;
    padding: 8px 25px;
    color: white;
    border: 0;
    font-family: yekan-bold;
    cursor: pointer;
}
a.comment-reply-link {
    font-family: 'Yekan-Bold';
    text-decoration: none;
    font-size: 14px;
}

button.riobtn-new-modern-t {
    padding-left: 15px;
        border-radius: 12px 0 0 12px;
    border: 0;
    background: #f3f5f8;
    color: #b0bed2;
}
input.rioshop-new-modern-input:focus {
    outline: none;
}
.form-search-rioshop { 
    position: relative;

    transition: all 0.3s ease;

}


.logon-register-rioshop:before {
    position: absolute;
    top: -20px;
    right: -16px;
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #dee2eb;
    filter: blur(28px);
}

a.rio-cart-new {
font-family: 'YekanBakhFaNum-Regular';
    color: #161A1DE7;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    margin: 0px -5px 0px -5px;
    padding: 13px;
    border-radius: 10px;
    transition: all .2s ease-in-out;
}
.head-section__right.head-section__right--blog span {
    font-family: iranyekanx;
    font-size: 14px;
    font-weight: 600;
}

a.head-section__more.head-section__more--blog {
    align-items: center;
    display: flex
;
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
}


.main-menu {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-menu li a {
    text-decoration: none;
    color: #141212;
    font-weight: 500;
    font-family: 'IRANYekanX';
}
.rioshop-nav ul {
  display: grid;
    padding: 20px;
    gap: 30px;
}
.menu-rioshop {
direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;


    padding: 10px;
}

div.menu-rioshop li a {
    font-family: 'IRANYekanX';
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 400;
}

img.img-dis-rioshop {
position: absolute;
    border-radius: 4px 4px 10px 10px;
    background: #541580;
    box-shadow: -3px 0px 4px -2px rgba(240, 58, 80, 0.6);
    line-height: 0;
    padding: 1px 3px 2px 1px;
    width: 12px;
    left: 20px;
}
a.header-category-off-content__off-amazing {
display: Flex;
    font-family: 'IRANYekanX';
    text-decoration: none;
    color: #4a4a4a;
    align-items: center;
    gap: 4px;
}

span.header-category-off-content__off-amazing-title-logo {
    display: flex;
    font-size: 13px;
    align-items: center;
    gap: 4px;
}
span.header-category-off-content__off-amazing-title {
    font-size: 15px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    border-radius: 14px;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    padding: 7px 15px;
    color: #131b1f;
    margin-top: 10px;
        width: 100%;
        height: 50px;
}


.rio-tr-new-two {
    display: flex;
    gap: 15px;
}
.form-col.rio {
    width: 50%;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required:focus {
    outline: none;
}
.form-row.rioshop-new {
    font-family: 'IRANYekanX';
    color: #54565b;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #e0e0e2;
    border: none;
    padding: 12px 35px;
    color: white;
    border-radius: 14px;
    font-family: 'Yekan-Bold';
}
wpcf7-response-output {
    border: 0 !important;
    font-family: 'YekanBakhFaNum-Regular';
    color: #ef4056;
}
h3.elementor-icon-box-title {
    padding-right: 8px;
}

.styles_Title__line--red__TP9mu {
    background-color: #ef394e;
    width: 7rem;
    height: .2rem;
        margin-top: 12px;
}
.title-two-2 {
    display: grid;
}
.rio-image-new-modern-team img {
    width: 190px;
    height: 190px !important;
    display: block;
    object-fit: cover;
    border-radius: 15px !important;
}
.li-riocode-team {
    display: grid;
    justify-content: center;
        border: 1px solid #eaeaea;
    padding: 25px 0;
    border-radius: 15px;
}
h4.name-rio-code-new {
    margin-bottom: 10px;
}
div.social-team i {
        font-family: fontawesome;
    font-style: normal;
    color: #a4a4a4;
    font-size: 18px !important;
}
.social-team {
    display: flex;
    justify-content: center;
    gap: 8px;
}


/*faq*/
.custom-faq-accordion .faq-item {
        padding-bottom: 12px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 10px;
        }

        .custom-faq-accordion .faq-question {
    display: flex;
    cursor: pointer;
    padding: 15px 0;
    transition: background 0.3s ease;
    justify-content: space-between;
        }

        .custom-faq-accordion .faq-answer {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.4s ease-in-out;
            padding: 0 15px;
        }

        .custom-faq-accordion .faq-answer.open {
            padding-top: 10px;
        }
h5.title-rioshop-faq {
    margin: 0;
}

.faq-search-box {
    display: flex
;
    margin-bottom: 20px;
    text-align: right;
    align-items: center;
    gap: 20px;
}
        #faq-search-input {
    padding: 12px 15px;
    width: 100%;
    max-width: 400px;
    border-radius: 8px;
    background: #f8f9fb;
    border: unset;
    font-family: 'YekanBakhFaNum-Regular';
        }
        .faq-answer {
            overflow: hidden;
            transition: max-height 0.3s ease;
            max-height: 0;
        }
        .faq-answer.open {
            max-height: 1000px;
        }
        input#faq-search-input:focus {
    outline: unset;
}
        div.faq-question i {
    font-size: 14px;
}
        
        .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-question .toggle-icon {
    transition: transform 0.3s ease;
}
.custom-shop-wrapper.rioshop-new {
    display: flex;
    gap: 40px;
}
h2.name-product-rioshop {
    font-family: iranyekanx;
    font-size: 13px;
    text-decoration: none !important;
    color: #031955;
}
.product-item a {
      
    text-decoration: none;
}
        
   .rio-addcart-price {
    display: flex;
    gap: 30px;
        justify-content: space-between;
            align-items: center;
}

 .price-box-rioshop {
    display: grid;
    float: left;
    gap: 5px;
}       
   a.button.add_to_cart_button {
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 11px;
    background: #7D33AA;
    box-shadow: 0 4px 15px rgb(125 51 170 / 17%) !important;
    padding: 10px;
    display: flex;
    align-items: center;
    font-family: yekan-bold;
    cursor: pointer;
    width: 100%;
}     
   span.regular-price-rioshop {
    font-size: 11px;
    color: #9aa8bc;
    font-family: 'IRANYekanX';
    text-align: left;
    text-decoration: line-through;
    align-items: center;
}  

        span.sale-price-rioshop {
    color: #021959;
    font-family: iranyekanx;
    font-size: 16px;
    font-weight: 700;
}
.product-item {
    border-radius: 14px;
}
span.rio-sort-rioshop {
    font-family: 'IRANYekanX';
    color: #021959;
}
p.stock-quantity.rio-shop {
    font-family: 'IRANYekanX';
    color: #021959;
}
span.stock-number {
    font-size: 15px;
    font-weight: 600;
    padding-left: 3px;
}
.rate-new-stock {
    display: flex
;
    justify-content: space-between;
    padding: 12px 0 25px;
}
i.fa-solid.fa-star {
    color: #db9521;
        font-size: 13px;
}

p.product-rating {
    font-family: 'IRANYekanX';
}
span.discount-percent {
    border-radius: 16px 16px 16px 0;
    background: #7d33aa;
        box-shadow: 3px 1px 4px 0px #7d33aa54;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px 5px 2px;
    color: white;
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 11px;
}
.dis-regular {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}
.new-rio-sort-total {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.svg-decor-fixed {
position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    width: 80px;
    height: auto;
    z-index: 10;
    pointer-events: none
}

svg.svg-rio-shop-left {
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%) rotate(180deg);
    width: 80px;
    height: auto;
    z-index: 10;
    pointer-events: none;
}

.mySwiper::part(pagination) {
position: absolute;
    bottom: 10px;
    left: 0;
    right: 20px;
    text-align: center;
    z-index: 5;
    display: flex
;
    bottom: 20px;
    justify-content: center;
}

.mySwiper::part(bullet) {
    width: 10px;
    height: 10px;
    background-color: #7d33aa;
    opacity: 0.6;
    border-radius: 50%;
    margin: 0 4px;
    transition: opacity 0.6s;
}

.mySwiper::part(bullet-active) {
    opacity: 1;
    background-color: #ffffff;
    width: 30px;
    transition: 0.6s;
    border-radius: 12px;
}


.ri-boxing-line::before {
    content: "\eae7";
    font-family: "remixicon"; /* یا نام فونت مناسب */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    speak: none;
    display: inline-block;
}

.rio-title-new-two {
    display: flex;
    align-items: center;
        justify-content: space-between;
}
.line-red {
    width: 85%;
    height: 1.6px !important; 
    background: #e9e9e9;
}
a.custom-button.asg-rioobtn {
    direction: ltr;
    display: flex
;
    align-items: center;
    gap: 12px;
    text-align:right;
}


span.name-rio-code-new {
    margin-top: 12px;
}
        .rio-img-new-modern {
            padding: 12px 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .new-rio-code-img-t {
            width: 80px;
            height: 40px;
            object-fit: contain;
            margin-bottom: 6px;
        }

        .name-rio-code-new {
            font-size: 13px;
            color: #333;
        }
img.new-rio-code-img-t {
    background: #e2e6ec;
    padding: 4px;
    border-radius: 50% !important;
}

img.new-rio-code-img-t:hover {
    box-shadow: 0px 0px 9px 6px rgb(178 189 206 / 44%) !important;
    transition: 0.2s;
}

.product-card.rio-new-card-new {
    border-radius: 19px;
    background: #fff;
    padding: 20px;
    position: relative;
        margin: 12px 0;
}

        .product-card {
            text-align: center;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 8px;
            transition: all 0.3s ease;
            background: #fff;
        }

        .product-card:hover {
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .product-card img {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

        .product-title {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
            overflow: hidden;
        }

div.product-card.rio-new-card-new div.product-title {
        margin: 11px 0;
    height: 100%;
    text-align: right;
    font-family: 'IRANYekanX';
    color: #021959;
    font-size: 14px;
    line-height: 1.6;
        font-weight: 600;
}
.product-card {
            text-align: center;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 8px;
            transition: all 0.3s ease;
            background: #fff;
        }

        .product-card:hover {
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .product-card img {
    display: block;
    margin: 0 auto 10px auto;
    max-width: 150px;
    height: auto;
}

        .product-title {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
            overflow: hidden;
        }

        .product-price {
            font-weight: bold;
            color: #c00;
        }
        .bt-pr-rio-shop {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
div.bt-pr-rio-shop div.product-add-to-cart
{
       width: 60%; 
}
div.bt-pr-rio-shop div.product-price
{
        text-align: left;
    width: 40%; 
}
span.old-price {
    font-size: 11px;
    font-weight: 600;
    color: #9aa8bc;
    text-decoration: line-through;
    font-family: 'IRANYekanX';
}
span.sale-price {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    color: var(--text-600, #021959);
    font-family: 'IRANYekanX';
}
.bt-pr-rio-shop {
        align-items: center;
}
div.product-card.rio-new-card-new img {
    width: 150px !important;
    height: auto;
    display: block;
    object-fit: cover;
}
.product-stock {
    text-align: right;
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 12px;
    color: #021959;
    font-weight: 600;
}
.ratee-stock-rio {
    display: flex;
    margin: 15px 0;
    justify-content: space-between;
}
.product-rating {
    font-family: 'IRANYekanX';
    font-size: 12px;
    color: #021959;
    font-weight: 600;
}

.product-swiper-rioshop:before {
    content: "";
    height: 103%;
    transform: skewX(-8deg);
    border-radius: 32px;
    display: block;
    position: absolute;
    z-index: -1;
    width: 528px;
    right: -220px;
    top: 0px;
    
}
.product-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
            }

            .single-product img {
                max-width: 100%;
                height: auto;
            }
            .single-product h3 {
                font-size: 16px;
                margin: 10px 0 5px;
            }
            .single-product .price {
                color: #c00;
                font-weight: bold;
            }
            
            .discount-product-item {
    background: #FFF;
    padding: 5px;
    box-shadow: 10px 10px 4px -8px rgba(0, 0, 0, 0.03);
    border-radius: 17px;
    width: 60px;
    height: 60px;
}
.discount-product-item img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
span.discount-badge.rioshop {
    position: absolute;
    top: 3px;
    left: 3px;
    background: #f04055;
    color: white;
    padding: 2px 5px;
    border-radius: 15px;
    font-size: 12px;
    font-family: 'YekanBakhFaNum-Regular';
}

.img-top-riocode-new-slider img {
    width: 213px;
    height: 213px !important;
    background-color: #fff;
    object-fit: scale-down;
    border-radius: 15px !important;
    padding: 30px;
}
swiper-container.mySwiper.rio-top-new swiper-slide.swiper-slide-active,swiper-container.mySwiper.rio-top-new swiper-slide.swiper-slide-next,swiper-container.mySwiper.rio-top-new swiper-slide.swiper-slide-prev {
    display: flex;
    padding: 0 50px;
    align-items: center;
}
a.title-rocode-new-to-slider {
    color: white;
    font-family: iranyekanx;
    font-size: 20px !important;
    text-align: right !important;
    float: right;
    line-height: 1.7;

}
.price-wrapperr {
    display: flex
;
    justify-content: space-between;
    border-bottom: 2px solid #ffffff;
    padding: 20px 0px;
}
span.price-riop-shop-diss {
    color: white;
    font-family: 'IRANYekanX';
    font-size: 19px;
    font-weight: 800;
}
span.discount-percent.rio-dis {
    background: white;
    color: #e80645;
    font-size: 14px;
    border-radius: 8px;
}

.product-stock-counttt {
    color: white;
    font-family: 'IRANYekanX';
    font-size: 13px;
    text-align: right;
}


.product-image.rio-shop-list-product img {
    width: 50px !important;
    height: 50px !important;
}
.bwp-product-list-riocode-grid a {
    text-align: right;
    font-family: 'IRANYekanX';
    font-size: 12px;
    color: #021959;
    line-height: 1.8;
    width: 95%;
    margin-right: 15px;
}
.product-number.rio-shop-new-modern-n {
    color: #e80645;
    font-size: 25px;
    font-family: 'IRANYekanX';
    font-weight: 600;
}
        .custom-story-swiper swiper-slide {
                margin: 7px 0;
            display: flex;
            justify-content: center;
        }
.custom-story-swiper img {
    cursor: pointer;
    width: 80px;
    height: 80px !important;
    border-radius: 50% !important;
    background-size: cover;
    background-position: center;
    border: 2px solid #e80645 !important;
    position: relative;
    padding: 3px;
    box-shadow: 0px 6px 10px 0px rgb(232 6 69 / 24%) !important;
    transition: 0.5s;
}
        .custom-story-swiper img:hover {
            transform: scale(1.1);
            transition: 0.5s;
        }

.rio-story-title {
    font-family: 'YekanBakhFaNum-Regular';
   margin: 17px 0 7px;
    color: #414141;
    font-size: 14px;
}
.brand-item {
    display: grid
;
    justify-content: center;
    border: 1px solid #f6f6f6;
    border-radius: 15px;
    padding: 20px 0;
}
.b-c-rioshop {
    display: flex
;
    justify-content: space-between;
    font-family: 'YekanBakhFaNum-Regular';
    color: #13275f;
    font-size: 14px;
    margin-top: 21px !important;
}

.header-right.riooo {
    display: flex
;
    align-items: center;
    gap: 20px;
}
.rio-new-email.shop-modern {
    display: flex
;
    align-items: center;
    gap: 13px;
}
.wpcf7-spinner {

    display: inline !important;
}
.rio-new-email.shop-modern p {
    margin: 0px;
    padding: 0;
}
.rio-new-email.shop-modern input {
    text-align: right;
    font-family: 'YekanBakhFaNum-Regular';
}
h2.post-title {
    font-family: 'IRANYekanX';
    font-size: 14px !important;
    font-weight: 600;
    text-align: right;
    color: #181959;
}
.posts-grid img {
    border-radius: 15px;
}
.t-b-rrr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.post-date.r span {
    font-family: iranyekanx;
    color: #9f9fa9 !important;
    font-size: 12px;
}
a.read-more.rioo {
    font-family: yekan-bold;
    text-decoration: none;
    font-size: 13px;
    color: #000029;
}
img.date-svg-rio {
    width: 21px;
}
span.updated-post-date {
    display: flex
;
    align-items: center;
    gap: 3px;
}
span.updated-post-date img.date-svg-rio {
    width: 21px;
}
.riobt-arrow i {
    font-size: 9px;
}
.riobt-arrow {
    display: flex
;
    align-items: center;
    gap: 7px;
}
.t-b-rrr {
    margin: 20px 0 0;
}
/*single product*/

.product-layout-container {
    display: flex;
    flex-direction: row-reverse;

    margin: 30px 0;
    gap: 10px;
        padding-left: 10px;
}

.product-column {
    flex: 1;
    padding: 15px;
}

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

.product-sale-flash .onsale {
    display: inline-block;
    background-color: #e00;
    color: #fff;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 5px;
    margin-top: 10px;
}

.product-title h1 {
    font-size: 28px;
    margin-bottom: 10px;
}

.product-price {
    font-size: 22px;
    color: #222;
    margin-bottom: 15px;
}

/* سایر بخش‌ها را هم به دلخواه استایل بده */

h1.product_title.entry-title {
    font-family: 'IRANYekanX';
    font-size: 17px;
    text-align: right;
    color: #021959;
}
.content-rio-shop-p {
    width: 100%;
    text-align: right;
    font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
}

.product-attributes-row {
    display: grid
;
    grid-template-columns: repeat(3, 1fr);
        gap: 8px;
}
.attribute-item {
    align-items: center;
    border: 1px solid #eaeef4;
    border-radius: 10px;
    justify-content: space-between;
    padding: 9px 15px 9px 15px;
    display: grid
;
}
.product-column.left-column {
        margin-left: 20px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 12px;
    padding: 15px 24px;
    position: relative;
    border: 1px solid #e0e5ec;
}

button.single_add_to_cart_button.button.alt {
    display: flex
;
    gap: 24px;
    border-radius: 10px;
    background: #541580;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
    align-items: center;
    padding: 16px 16px;
    width: 100%;
    justify-content: center;
    font-family: 'Yekan-Bold';
    font-weight: 500;
    margin-top: 10px;
}
.woocommerce .quantity .qty {
    padding: 15px 0;
    width: 100%;
    text-align: center;
    border-radius: 15px;
    background: #f3f5f8;
    border: unset;
}
.product-price.single-product {
    display: grid
;
    gap: 0;
    padding-top: 20px;
}
span.price-old {
    color: #9aa8bc;
    font-size: 15px;
    font-weight: 500;
    text-decoration: line-through;
    font-family: YekanBakhFaNum-Regular;
}
span.price-new {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    color: var(--text-600, #021959);
    font-family: 'YekanBakhFaNum-Regular';
}
p.stock.in-stock {
    font-family: 'YekanBakhFaNum-Regular';
}

ul.extra-info-items {
    padding: 0 0 12px !important;
    font-family: 'IRANYekanX';
    font-size: 14px;
    font-weight: 500;
    color: #021959;
    border-bottom: 1px solid #e0e5ec;
}

li.rio-li-new-shop {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
li.rio-li-new-shop img {
    width: 27px !important;
    height: 27px !important;
}
.product-image.img-single-rioshop {
    border: 1px solid #e0e5ec;
    padding: 17px;
    border-radius: 15px;
    display: flex
;
    justify-content: center;
}
img.tmb-galley-rio-new {
    clear: unset !important;
    border-radius: 15px;
    border: 1px solid #e1e6ec;
    overflow: hidden;
    padding: 12px 4px;
    width: 80px !important;
    height: 80px !important;
}

div#tab-description {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 16px;
    color: #021959; 
}
.image-Additional-information {
    margin-top: 17px;
}
.image-Additional-information img {
    border-radius: 15px;
    max-width: 100% !important;
}
.extra-product-images {
    display: grid;
    gap: 10px;
}

.product-column.center-column img {
    border-radius: 15px;
}

ul.tabs.wc-tabs {
    display: flex;
    gap: 30px;
    font-family: 'YekanBakhFaNum-Regular';
    font-weight: 600;
    padding: 0;
        justify-content: flex-end;
}
ul.tabs.wc-tabs a {
    color: #7e8eb9;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px dashed #fff;
    transition: all 0.2s;
    text-decoration: none;
}
.new-total-rioshop-r-l {
    display: flex
;

}
.new-p-right {
        padding-left: 14px;
    width: 73%;
}
.new-p-left {
    position: sticky;
    top: 100px;
    align-self: start;
    z-index: 10;
    width: 25%;
} 

.sale-countdown {
    width: 87%;
    display: flex
;
    justify-content: space-between;
    font-family: 'YekanBakhFaNum-Regular';
    background: #541580;
    color: white;
    padding: 14px 14px;
    border-radius: 12px;
 
            box-shadow: -8px 0px 11px -6px rgb(90 29 132 / 54%);
}


.product-main-content__detail-product-feature-header-line {
    height: 1px !important;
    background-color: #e6eaf0;
    width: 78%;
    display: grid
;
}
.new-rio-des-shop-pr {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
span.info-rio-shop {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 13px;
    position: relative;
    top: 18px;
    color: #a1a3a8;
}
.info-rio-wrapper svg {
    position: relative;
    top: 6px;
}
.woocommerce table.shop_attributes {
    font-family: 'YekanBakhFaNum-Regular';

    font-style: normal;
    color: #021959;
}
.woocommerce table.shop_attributes td {
    font-style: normal;
}
p.stock.in-stock {
    margin: 0 0 20px;
}
.dis-old-price {
    display: flex
;
    gap: 6px;
}
.custom-quantity-box {
    background: #f2f4fb;
    padding: 10px;
    border-radius: 14px;
}

button.qty-btn.minus,button.qty-btn.plus {
    background: white;
    border: unset;
    border-radius: 8px;
}
input.input-n-i-r {
    background: #f2f4fb;
    border: unset;
    font-family: 'YekanBakhFaNum-Regular';
}
/* برای کروم، اج، سافاری */
.input-n-i-r::-webkit-inner-spin-button,
.input-n-i-r::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* برای فایرفاکس */
.input-n-i-r[type=number] {
    -moz-appearance: textfield;
}

.product-stock-sales {
    justify-content: space-between;
    font-family: 'YekanBakhFaNum-Regular';
}
.foreign-name {
    color: #a2a9be;
    font-size: 12px;
    font-weight: 700;
    font-family: 'IRANYekanX';
}
.rioshop-feature-title {
    font-family: 'IRANYekanX';
    color: #021959;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 15px;
}
.rioshop-feature-subtitle {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    color: #7a87b2;
    letter-spacing: -0.22px;
    font-family: 'YekanBakhFaNum-Regular';
}
span.countdown-timer {
    direction: ltr;
}
swiper-slide.related-product-slide {
    border-left: 1px solid #e7ecf3;
}
.related-product-image {
    text-align: center; /* وسط چین کردن تصویر */
}
.related-product-image img {
    max-width: 70%; /* کوچک‌تر کردن تصویر */
    height: auto;
    display: inline-block;
}
.related-product-title {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
}
.related-product-price {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    color: #444;
}
.related-product-title a {
    color: #021959;
    font-family: 'IRANYekanX';
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}
.related-product-title {
    text-align: right;
}
.related-product-item {
    padding: 15px 15px;
}
.related-product-price {
    display: grid
;
    text-align: right;
}
.related-product-price {
    text-align: center;
    margin-top: 6px;
}
.related-product-price .old-price {
    text-decoration: line-through;
    color: #888;
    margin-left: 6px;
    font-size: 13px;
}
.related-product-price .discount-badge {
    background: #e53935;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 4px;
    margin-left: 6px;
}
.related-product-price .new-price {
    color: #021959;
    font-size: 17px;
    text-align: right;
    font-weight: 600;
    font-family: 'IRANYekanX';
}
.new-d-r-g {
    display: flex
;
    gap: 8px;
    align-items: center;
}

.product-related-rio-shop {
    border: 1px solid #e7ecf3;
    border-radius: 25px;
}
h2.r-t-rt {
    font-family: 'IRANYekanX';
    font-size: 18px;
    padding: 0px 0 12px;
}
.new-info-product-list {
    display: flex;
    flex-direction: column; /* آیکن‌ها زیر هم */
    align-items: center;    /* وسط‌چین افقی */
    gap: 10px;              /* فاصله بین آیکن‌ها */
}

.new-info-product-list svg {
    display: block;
}

.new.dpf-rioshop {
        width: 2%;
    padding-top: 35px;
}


#share-popup {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #1320352e;
    backdrop-filter: blur(1.2px);
    z-index: 999;
}
#share-popup .popup-content {
    background: #fff;
    padding: 30px 30px;
    width: 20%;
    margin: 15% auto;
    border-radius: 10px;
    text-align: center;
    position: relative;
    height: max-content;
}
#share-popup h2 {
    margin-bottom: 10px;
    color: #021959;
}
#share-popup p {
    margin-bottom: 20px;
}
#close-popup {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 25px;
    color: #bfbfbf;
}
.share-icon {
    cursor: pointer;
}
button#copy-link-btn {
    width: 100%;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 11px;
    font-family: 'IRANYekanX';
}
.popup-content h2 {
    padding-bottom: 18px;
    border-bottom: 1px solid #eff2f6;
        text-align: right;
    font-family: 'IRANYekanX';
    font-size: 16px;
    color: #021959;
}
#share-popup p {
        font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}
div#main-product-image img {
    width: 300px !important;
    height: 300px !important;
}
.gallery-item {     border: 1px solid #e6eaf0;     padding: 10px;     border-radius: 15px !important; }

.star-product-new2 {
  
    border-bottom: 1px solid #e0e5ec;
    width: 30px;
    justify-content: center;
    font-family: 'YekanBakhFaNum-Regular';
}
.name-compare {
        text-align: center !important;
    color: #021959;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 40px;
    margin: 18px 0;
    font-family: iranyekanx;
    line-height: 1.7;
}
.left-compare img {
    width: 160px;
    height: 160px;
    margin: auto;
    display: block;
}
td.t-rio {
    font-family: 'YekanBakhFaNum-Regular';
    color: #2b1959;
}
td.tr-n-t {
    font-family: iranyekanx;
    font-size: 12px;
    font-weight: 400;
    color: #321959;
}
th.v-t {
    font-family: 'IRANYekanX';
    font-weight: 600;
    color: #321959;
}

button.button.remove-compare {
    width: 28%;
    border-radius: 9px;
    border: 1px solid #e7ecf3;
    background: #fff;
    color: #6e7da7;
    font-size: 14px;
    font-weight: 600;
    font-family: 'YekanBakhFaNum-Regular';
    padding: 10px 25px;
}
a.button.add-to-cart {
    border-radius: 9px;
    background: #f04055;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    width: 40%;
    text-decoration: none;
    font-family: yekan-bold;
}


/* پس‌زمینه تمام صفحه سفید */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(97, 109, 130, 0.7);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* باکس آبی وسط */
.rio-new-pp {
background: #ffffff;
    padding: 30px 40px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* تصویر لوگو */
.rio-new-pp img {
    max-width: 150px;
    margin-bottom: 20px;
}

/* حالت لودینگ ساده */
.loader {
          width: 30px;
          height: 30px;
          margin: auto;
          position: relative;
        }
        .loader:before {
    content: '';
    width: 30px;
    height: 5px;
    background: #b3b3b3;
    opacity: 0.25;
    position: absolute;
    top: 45px;
    left: 0;
    border-radius: 50%;
    animation: shadow 0.5s linear infinite;
          }
          .loader:after {
            content: '';
            width: 100%;
            height: 100%;
            background: #e80646;
            animation: bxSpin 0.5s linear infinite;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 4px;
          }
        @keyframes bxSpin {
          17% {
            border-bottom-right-radius: 3px;
          }
          25% {
            transform: translateY(9px) rotate(22.5deg);
          }
          50% {
            transform: translateY(18px) scale(1, .9) rotate(45deg);
            border-bottom-right-radius: 40px;
          }
          75% {
            transform: translateY(9px) rotate(67.5deg);
          }
          100% {
            transform: translateY(0) rotate(90deg);
          }
        }

        @keyframes shadow {
          0%, 100% {
            transform: scale(1, 1);
          }
          50% {
            transform: scale(1.2, 1);
          }
        }
      
      /* افزونه پنل پیامک */
      .register-new-modern-rio-shop {
    display: flex;
    justify-content: center;
}
img.img-register-rio {
    width: 189px;
    display: block;
    margin: 30px auto;
}
form.form-register-login-rioshop {
        margin-top: 60px;
    display: grid;
        gap: 20px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0px 33px 126px 20px rgba(154, 168, 188, 0.06);
    padding: 48px 40px;
}

button.register-btn-rio {
    border-radius: 15px;
    background: #f04055;
    box-shadow: 7px 7px 13px -3px rgba(240, 64, 85, 0.24);
    border: none;
    outline: none;
    display: flex
;
    align-items: center;
    gap: 35px;
    padding: 13px 25px 13px 20px;
    color: white;
    justify-content: center;
    font-family: yekan-bold;
    cursor: pointer !important;
}
p.hint {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 13px;
}
p.hint a {
    text-decoration: none;
    color: #18a6b2;
}
.p-l-rio {
    display: flex
;
    gap: 10px;
}
img.p-l-new {
    width: 25px;
}
h2.n-t {
    color: #021959;
    font-size: 19px;
    font-weight: 600;
    font-family: 'IRANYekanX';
}
form.form-register-login-rioshop label {
    color: #8c94a9;
    font-size: 12px;
    font-weight: 600;
    font-family: 'IRANYekanX';
}
input#user-phone-number:focus {
    outline: none;
}

span.re-shop {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 11px;
    color: #ed194d;
}


div#user-phone-number {
    display: grid;
    gap: 12px;
}

input.input-phone-nb {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    border-radius: 15px;
    border: 1px solid #e6eaf2;
    padding: 13px 20px 13px 30px;
    width: 100%;
    font-family: iranyekanx;
    letter-spacing: 12px;
}
input.input-veri-code-nb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-family: iranyekanx;
    letter-spacing: 12px;
    gap: 25px;
    border-radius: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(230, 234, 242);
    border-image: initial;
    padding: 13px 20px 13px 30px;
    text-align: center !important;
}

input.input-veri-code-nb:focus,input.input-phone-nb:focus{
    outline: none;
}
div#verification-code {
    display: none;
}
span.title-register-new {
    font-family: 'IRANYekanX';
    color: #8c94a9;
    font-weight: 600;
    font-size: 13px;
    display: block;
    margin-bottom: 12px;
}
div.page-register div.menu-rioshop {
    display: none;
}
div.page-register header.custom-header.rioshop-new-modern {
    display: none !important;
}

.code-veriy-new-t {
    display: grid
;
    gap: 12px;
}
.mobile-error {
    display: none;
    color: #FF1356;
    font-size: 0.9em;
    margin-top: 5px;
}
.mobile-error.show {
    display: block;
    animation: fadeIn 0.3s;
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

span#mobileError {
    font-family: 'IRANYekanX';
}


ul.new-list-dashbord-rioshop li {
        text-align: right;
    border-bottom: 1px solid #e5e5e7;
}
ul.new-list-dashbord-rioshop li:last-child {
    border-bottom: none;
}

.tab-link,a.logout-rio-shio {
        font-weight: 500;
        font-size: 14px;
    font-family: 'IRANYekanX';
  display:block;
  padding:15px 0;
  margin-bottom:5px;
  text-decoration:none;
  color:#02195980;
  border-radius:6px;
  transition:0.3s;
}
.tab-link:hover,
.tab-link.active {

  color:#021959;
}


.form-group {
  position: relative;
}

.form-group input,
.form-group select {
        font-family: 'IRANYekanX';
    color: #8fa2c4;
  width: 100%;
  padding: 13px 15px;
  border: 1px solid #e5e5e7;
  border-radius: 6px;
  outline: none;
  font-size: 13px;
  background: #fff;
}

.form-group label {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #fff;
  padding: 0 4px;
  font-size: 14px;
  color: #666;
  transition: 0.2s;
  pointer-events: none;
}

.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label {
    top: -10px;
    left: auto;
    font-size: 13px;
    color: #808cac;
    font-family: 'YekanBakhFaNum-Regular';
    margin-right: 20px;
}

/* دکمه کل عرض */
.btn-save {
  grid-column: 1 / -1;
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
}

/* فیلد آدرس تمام عرض */
.form-group.full-width {
  grid-column: 1 / -1;
}



.my-account-custom {
    width: 1420px;
    margin: 0 auto;
}
.btn-save {
    grid-column: 1 / -1;
    background: #541580;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    width: 12%;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
        font-family: yekan-bold;
}
button.btn-saveLfocus {
    outline: none;
}
div#dashboard h2,div.rio-info-user-pro h2,div#tiketrioshop h3 {
    font-family: 'IRANYekanX';
    font-size: 17px;

    color: #021e72;

}
.two-panel-rio-shop {
    display: flex
;
    align-items: center;
    gap: 10px;
}
.two-panel-rio-shop {
    display: flex
;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #e5e5e7;
    margin-bottom: 50px;
    padding-bottom: 10px;
        width: 103%;
}
.new-list-dashbord-rioshop li a {
  position: relative;
  display: block;
  padding: 15px 15px 15px 45px; /* فاصله برای فلش */
  color: #909ab6;
  text-decoration: none;
}



.sucsess-rioshop-new-modern {
    color: #021959;
    font-family: 'IRANYekanX';
    margin: 40px 0;
    background: #f3f5f8;
    padding: 25px 25px;
    width: 99%;
    border-radius: 12px;
    display: flex
;
    align-items: center;
    gap: 12px;
}
ul.new-list-dashbord-rioshop li:hover {
    padding-right: 6px;
    transition: 0.6s;
}
ul.new-list-dashbord-rioshop li
{
    transition: 0.6s;
}
.rio-info-user-pro {
    width: 75%;
}
.order-box {
    display: flex
;
    flex: 1;
    padding: 20px;
    margin: 0 5px;
    border-radius: 14px;
    border: 1px solid #e5e5e7;
    justify-content: center;
    gap: 12px;
    font-family: 'IRANYekanX';
    color: #021959;
}
.current-order-rioshop svg {
    width: 30px;
}
.current-order-rioshop {
    display: flex
;
    gap: 8px;
}

.user-menu-wrapper {
    position: relative;
    display: inline-block;
}




.user-dropdown li a {
    text-decoration: none;
    color: #021e72;
    display: flex
;
    font-size: 12px;
    transition: 0.2s;
    justify-content: space-between;
}

.user-dropdown li a:hover {
    padding-right: 4px;
    transition: 0.5s;;
}

.user-menu-wrapper:hover .user-dropdown {
    opacity: 1;
    visibility: visible;
}

.logon-register-rioshop {
    position: relative;
    z-index: 1001; /* بالاتر از بقیه المنت‌ها */
}
.logon-register-rioshop {
    font-family: 'IRANYekanX';
    color: #161A1DE7;
    display: flex
;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    margin: 0px -5px 0px -5px;
    padding: 15px 26px 15px;
    border-radius: 10px;
    transition: all .2s ease-in-out;
}


/* مخفی کردن منوی کاربر در حالت عادی */
.user-dropdown {
    display: none;
    position: absolute;
    top: 150%;
    left: -70px;
    background: #fff;
    z-index: 100;
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        width: 240px;
}

/* وقتی فعال شد */
.user-dropdown.active {
    display: block;
}

/* لایه تارکننده */
.blur-overlay {
    position: fixed;
    inset: 0;
    backdrop-filter: blur(2px);
    background: rgba(0,0,0,0.15);
    z-index: 50;
    display: none;
}
.blur-overlay.active {
    display: block;
}



.user-dropdown a {
    display: flex;
    justify-content: space-between; /* متن و فلش دو طرف */
    align-items: center;
    padding: 8px 0px;
    color: #333;
    text-decoration: none;
}

.user-dropdown svg {
    flex-shrink: 0;
}

.li-rioo-new-panel {
border-top: 1px solid #e9e9e9;
    width: 180px;
    margin: 0 auto;
        padding: 15px 0 5px;
}
.user-dropdown a {
    transition: 0.5s;
}
.new-img-avatar-panel {
    text-align: center;
    padding: 10px 0;
        display: grid
;
}
span.phone-number-user-rio {
    font-family: 'YekanBakhFaNum-Regular';
    color: #5f71a6;
    font-size: 12px;
}
.tree-icon-new-info {
    display: flex
;
    justify-content: center;
    gap: 10px;
    padding-top: 11px;
}

li.wishlist-item {
    display: flex
;
    align-items: center;
        justify-content: space-between;
}
.wishlist-thumb.rio-panel-new a {
    font-family: 'IRANYekanX';
    text-decoration: none;
    color: #181e72;
    font-weight: 600;
    font-size: 13px;
}
.two-panel-myaccount {
    display: flex
;
    align-items: center;
    gap: 10px;
}

.wishlist-actions {
    display: flex
;
    align-items: center;
    gap: 10px;
}
button.remove-from-wishlist {
    background: #f3f5f8;
    border: 0;
    padding: 12px;
    border-radius: 12px;
        cursor: pointer;
}
a.buttonrio-shop-panel {
    background: #541580;
    border: 0;
    padding: 12px;
    border-radius: 14px;
}
.wishlist-price {
    font-family: 'YekanBakhFaNum-Regular';
    color: #909ac6;
    font-size: 12px;
    direction: ltr;
    display: grid
;
    gap: 5px;
    text-align: left;
    margin-left: 10px;
}
.wishlist-thumb.rio-panel-new {
    display: flex
;
    align-items: center;
        gap: 20px;
}
ul.wishlist-products {
    padding: 0;
}
ul.wishlist-products img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    display: block;
}

li.wishlist-item {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e7;
    padding-bottom: 25px;
}
li.wishlist-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
p.empty-p {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021e72;
}
div#wishlist p {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021e72;
    font-size: 14px;
    display: flex
;
    align-items: center;
    gap: 8px;
}

.tree-icon-new-info {
    position: relative;
    display: inline-block;
}

.wishlist-link {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.wishlist-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: red;
    color: #fff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cart-items-list {
    width: 70%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cart-item {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #e6e6e6;
    padding: 15px;
    border-radius: 15px;
}

.cart-item-image img {
      width: 70px;
    height: 70px;
    display: block;
    object-fit: contain;
  border-radius: 8px;
}

.cart-item-details .product-name {
  font-size: 13px;
  margin: 0 0 5px 0;
}

.product-price {
  font-weight: bold;
  color: #333;
}

.cart-summary {

  width: 30%;
}

.checkout-button {
display: flex
;
    gap: 24px;
    border-radius: 10px;
    background: #541580;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
    align-items: center;
    padding: 10px 16px;
    color: white;
    font-family: 'YekanBakhFaNum-Regular';
    text-decoration: none;
    font-size: 15px !important;
    justify-content: center;
}
a.cart-item-link {
    display: flex
;
    gap: 20px;
    align-items: center;
    font-family: 'IRANYekanX';
    text-decoration: none;
    color: #02197d;
}
.cart-item {
    border: 1px solid #e2e3e4;
    border-radius: 14px;
    display: flex;
    align-items: center;
    padding: 15px 15px 11px;
    justify-content: space-between;
}

.product-price-cart-total-panel {
display: grid
;
    gap: 6px;
    text-align: left;
    border-left: 1px solid #e2e3e4;
    padding-left: 30px;
}
div.new-page-cart-total span.regular-price {
    font-family: iranyekanx;
    font-size: 12px;
    color: #9aa8bc;
    text-decoration: line-through;
}
.remove-from-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: transform 0.2s ease;
}

.remove-from-cart:hover {
  transform: scale(1.1);
}

.price-delete-cart-rioshop {
    display: flex
;
    align-items: center;
    gap: 20px;
}
div.price-delete-cart-rioshop input.qty-input {
background: #f3f5f8;
    border: 0;
    padding: 10px;
    text-align: center;
    font-family: 'IRANYekanX';
    width: 20px;
}
div.price-delete-cart-rioshop input.qty-input:focus {
    outline: none;
}

div.price-delete-cart-rioshop button.qty-minus {
    border: 0;
    padding: 12px;
    background: #f3f5f8;
    border-radius: 14px;
    cursor: pointer;
}

div.price-delete-cart-rioshop button.qty-plus
{    cursor: pointer;
    border-radius: 14px;
    background: #f3f5f8;
       border: 0;
    padding: 12px;

}
div.price-delete-cart-rioshop div.quantity-box {
background: #f3f5f8;
border-radius: 14px;
}
/* مخفی کردن فلش های بالا/پایین در فایرفاکس */
input[type=number] {
    -moz-appearance: textfield;
}

/* مخفی کردن فلش های بالا/پایین در کروم، سافاری، اج */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

h2.new-title-cart-c {
    font-family: 'IRANYekanX';
    font-size: 16px;
    color: #02197d;
}
.cart-subtotal-panel {
    font-family: 'IRANYekanX';
    font-size: 17px;
    font-weight: 700;
    color: #02197d;
    margin-bottom: 25px !important;
    padding-bottom: 20px;
}
p.p-cart-new-riocode {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
    color: #9aa8bc;
}
.sidebar-left-cart-new-riocode {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e2e3e4;
    border-radius: 14px;
}
.cart-subtotal-panel {
    border-bottom: 1px solid #e2e3e4;
    margin: 12px 0;
}
.sider-bar-rioshop-new {
    width: 28%;
}

div#woocommerce_brand_nav-2 h3 {
    border-bottom: 1px solid #e4e4e4;

    margin: 0 auto;
    padding: 12px 0;
}
li.wc-layered-nav-term {
        padding: 5px 0;
    display: flex;
    justify-content: space-between;
}
ul.wc-brand-list-layered-nav-product_brand {
    padding: 0;
}
li.wc-layered-nav-term a,ul.product-categories li a {
    font-family: 'IRANYekanX';
    text-decoration: none;
    font-size: 14px;
    color: #031955;
}

li.wc-layered-nav-term span,ul.product-categories li span {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
    color: #8f9cca;
}
div.sider-bar-rioshop-new h3.widget-title {
        padding: 12px 0;
    font-family: 'IRANYekanX';
    font-size: 16px;
    color: #021959;
    border-bottom: 1px solid #e4e4e4;
}
main.error-404.not-found.container {
    display: grid
;
    justify-content: center;
    text-align: center;
}
h1.page-404-title {
    font-family: 'IRANYekanX';
    color: #021959;
    font-size: 27px;
}

.btn-rio-404-riocode {
    margin: 0 auto;
    display: flex
;
    justify-content: center;
    gap: 3px;
    align-items: center;
}
a.rio-new-btn-404 {
    font-family: 'IRANYekanX';
    color: #21acba;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
span.new-s-time {
    font-family: iranyekanx;
    display: flex
;
    justify-content: center;
    padding: 0px 0 25px;
    color: #a1a3a8;
}
div.new-rio-tt {
    font-family: 'IranYekanx';
    color: #021959;
    font-size: 32px !important;
}
h2.shop-title-sidebar {
    font-family: 'IRANYekanX';
    font-size: 17px;
    display: flex
;

    color: #021959;
}
.countdown-circle {
  position: relative;
  width: 50px;   /* قبلا 80px */
  height: 50px;  /* قبلا 80px */
  margin: 15px auto;
}
.countdown-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: bold;
  font-family: 'IRANYekanX';
  color: #15a9b2;
  
}
.progress-ring__circle {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 1s linear; /* برای انیمیشن نرم */
}

div.sider-bar-rioshop-new div.widget.woocommerce,div#rio_price_filter-2 {
    border: 1px solid #e4e4e4;
    border-radius: 14px;
    padding: 5px 20px;
    margin: 12px 0 !important;
}

.rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
    font-family: 'YekanBakhFaNum-Regular';
}
.price_slider_amount {
    display: grid
;
    justify-content: center;
}
div.price_slider_amount button.button
{
display: flex
;
    gap: 24px;
    border-radius: 10px;
    background: #541580;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
    align-items: center;
    padding: 10px 16px;
    color: white;
    font-family: 'YekanBakhFaNum-Regular';
    text-decoration: none;
    font-size: 15px !important;
        justify-content: center;
}
ul.product-categories li {
    display: flex
;
    justify-content: space-between;
    padding: 6px;
}
ul.product-categories {
    PADDING: 0;
}
span.normal-price-rioshop {
    font-family: 'IRANYekanX';
    color: #021959 !important;
    font-weight: 700;
}
.wc-block-components-checkout-step__heading {
    font-family: 'IRANYekanX';
    color: #021959;
    font-size: 14px;
}
p.wc-block-components-checkout-step__description {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
}


div.wc-block-components-main.wc-block-checkout__main form.wc-block-checkout__form div.wc-block-components-text-input input {
    background: #f3f5f8;
    border: 0;
    font-family: 'YekanBakhFaNum-Regular';
    border-radius: 14px;
}
.wc-blocks-components-select .wc-blocks-components-select__select {
    background: #f3f5f8 !important;
    font-size: 13px !important;
    border: 0 !important;
    font-family: 'YekanBakhFaNum-Regular' !important;
}
span.wc-block-components-checkbox__label {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
    font-family: 'YekanBakhFaNum-Regular' !important;
}
span.wc-block-components-address-form__address_2-toggle {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
}
label.wc-blocks-components-select__label {
    font-family: 'IRANYekanX' !important;
}
select#shipping-state {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 12px;
}
.wc-block-components-radio-control__label-group {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    background: #f3f5f8;
    box-shadow: unset !important;
    border-radius: 14px !important;
    font-family: 'IRANYekanX' !important;
    color: #331959;
        font-size: 13px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    display: flex
;
    gap: 24px;
    border-radius: 10px;
    background: #541580;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
    align-items: center;
    padding: 10px 16px;
    color: white;
    font-family: 'YekanBakhFaNum-Regular';
    text-decoration: none;
    font-size: 18px !important;
    border: 0;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: #021959 !important;
}
.wc-block-components-checkout-return-to-cart-button {
    font-family: 'IRANYekanX';
    color: #1a1d59 !important;
}
p.wc-block-components-checkout-order-summary__title-text {
    font-family: 'IRANYekanX';
    color: #021959;
        font-weight: 700 !important;

    font-size: 18px;
}
.wc-block-checkout__sidebar .wc-block-components-product-name {
    font-family: 'IRANYekanX' !important;
    color: #131959 !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 24.2px !important;
}
span.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 13px;
    color: #a2a2a2;
    font-weight: 700;
}

div.wc-block-components-product-metadata__description p {
    font-family: 'IRANYekanX';
    color: #021959;
}
.wc-block-components-order-summary-item__quantity {
    color: white !important;
    background: #7d33aa !important;
    border: 0 !important;
    font-family: 'IRANYekanX';
    border-radius: 8px !important;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    font-family: 'IRANYekanX';
    color: #021959;
    font-size: 17px;
}
textarea.wc-block-components-textarea {
    font-family: 'YekanBakhFaNum-Regular';
    color: #838383;
    border: 0;
    background: #f3f5f8;
    padding: 22px 22px 100px;
    border-radius: 14px;
}
.wc-block-components-panel__button {
    font-family: 'IRANYekanX';
    color: #021959;
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    display: flex
;
    gap: 24px;
    border-radius: 10px;
    background: #541580;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
    align-items: center;
    padding: 10px 16px;
    color: white;
    font-family: 'YekanBakhFaNum-Regular';
    text-decoration: none;
    font-size: 15px !important;
    border: 0;
}
input#wc-block-components-totals-coupon__input-coupon {
    border: 0;
    background: #f3f5f8;
    border-radius: 14px;
}
input#wc-block-components-totals-coupon__input-coupon:focus {
    outline: none;
}
.wc-block-components-totals-item__label {
    font-family: 'IRANYekanX';
    color: #021959;
}

.wc-block-components-totals-shipping__via {
    padding: 30px 12px 0px;
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px !important;
    color: #021959;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
    font-family: 'IRANYekanX';
    font-weight: 600;
    color: #021959;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
    font-family: 'YekanBakhFaNum-Regular';
    text-transform: uppercase;
    color: #a2a5b1;
    font-weight: 100;
    font-size: 15px;
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #e4e4e4;
        border-radius: 14px !important;
    padding: 14px;
}
.custom-faq-accordion .faq-item:last-child {
    border-bottom: 0px solid #ddd;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    text-align: center;
    font-family: 'IRANYekanX';
    color: #021959;
    font-size: 21px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex
;
    justify-content: center;
    margin-top: 42px;
    font-family: 'YekanBakhFaNum-Regular';
    text-align: center;
    gap: 20px;
    color: #9aa8bc;
    font-weight: 500;
    font-size: 17px;
}
.woocommerce-order p {
color: #021959;
    text-align: center;
    font-family: 'IRANYekanX';
    background: #f3f5f8;
    padding: 14px;
    border-radius: 14px;
    font-weight: 600;
}
h2.woocommerce-order-details__title {
    font-family: 'IRANYekanX';
    font-size: 20px;
    margin-top: 50px;
    color: #021959;
}
h2.woocommerce-order-details__title {
    font-family: 'IRANYekanX';
    color: #021973;
    font-size: 22px;
    margin: 50px 0 20px;
}
.woocommerce table.shop_table th {
    font-family: 'YekanBakhFaNum-Regular';

    color: #3b2f73;
}
td.woocommerce-table__product-name.product-name a {
    font-family: 'YekanBakhFaNum-Regular';
    text-decoration: none;
    color: #3b2f73;
}
.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child {
    margin-bottom: 0;
    font-family: 'YekanBakhFaNum-Regular';
    color: #3b2f73;
}
.category-pro-menu svg {
    cursor: pointer;
}


        .product-categories-button {
font-family: 'IRANYekanX';
    cursor: pointer;
    padding: 8px 15px;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    margin-left: 10px;
    font-weight: 500;
    font-size: 14px;
        }


        .product-categories-menu-wrapper:hover .product-categories-dropdown {
            display: block;
        }

        .product-categories-menu li {
            list-style: none;
            padding: 10px 15px;
        }

        .product-categories-menu li a {
            text-decoration: none;
            color: #333;
            display: block;
        }

        .product-categories-menu li a:hover {
            background: #f2f2f2;
            color: #021959;
        }

.btn-cat-list-riocode {
    display: flex
;
    align-items: center;
    gap: 15px;
}

.category-riocode-menu-pro {
    display: flex
;
    align-items: center;
}
.category-pro-menu {
    display: flex
;
    align-items: center;
}

/* دکمه‌های سفارشی */
.custom-prev,
.custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;    /* گرد کردن دکمه */
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* موقعیت دکمه‌ها */
.custom-prev {
    left: 10px;
}

.custom-next {
    right: 10px;
}

/* فلش داخل دکمه‌ها (با CSS ساده) */
.custom-prev::after,
.custom-next::after {
    content: '';
    border: solid #b0bfd3;
    border-width: 0 4px 4px 0;
    padding: 6px;
    display: inline-block;
    border-radius: 3px;
}

.custom-prev::after {
    transform: rotate(135deg);
}

.custom-next::after {
    transform: rotate(-45deg);
}




   /*menu asg */

/* ظرف اصلی */
.product-categories-dropdown {
    position: relative;
    display: inline-block;
}

/* منو مخفی باشه */
.product-categories-menu-wrapper {
    display: none;
    position: absolute;
    top: 100%;  /* پایین دکمه */
    right: 0;   /* راست‌چین */
    background: #fff;

    z-index: 999;
    min-width: 220px;
}

/* وقتی هاور شد دکمه، منو نمایش داده بشه */
.product-categories-dropdown:hover .product-categories-menu-wrapper {
    display: block;
}

/* لیست اصلی */
.product-categories-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.product-categories-menu > li {
    position: relative;
        display: flex;
}

.product-categories-menu li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.product-categories-menu li a:hover {
    background: #f5f5f5;
}

/* زیرمنوها */
.product-categories-menu li .sub-menu {
    display: none;

}

/* وقتی روی آیتم هاور شد → زیرمنو نمایش داده بشه */
.product-categories-menu li:hover > .sub-menu {
    display: flex;
        border-radius: 15px 0 0 15px;
}
}

.product-categories-menu li .sub-menu li a {
    padding: 8px 12px;
    font-size: 14px;
}


/*sub menu asg */
/* استایل زیرمنوها */
ul.sub-menu {
    top: 0;
    right: 100%;
    position: absolute;        /* دیگه کنار آیتم والد باز نشه */
    background: #fff;
    border: none;
    width: 600px;
    padding: 10px;
    margin: 0;
    display: none;
    flex-wrap: wrap;
    list-style: none;
}

/* آیتم‌های زیرمنو */
ul.sub-menu li {
    width: 50%;             /* نصف نصف = دو ستون */
    padding: 0;
    box-sizing: border-box;
}

/* آیتم‌های ششم به بعد بره تو ستون دوم */
ul.sub-menu li:nth-child(n+6) {
    order: 2;
}

/* لینک‌های زیرمنو */
ul.sub-menu li a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

ul.sub-menu li a:hover {
    background: #f5f5f5;
}
.btn-wishlist-rio-header {
    padding: 15px 16px 10px;
    border-radius: 14px;
    box-shadow: 0px 0px 10px 0px #b2bdce33;
}


.btn-wishlist-rio-header {
    color: #161A1DE7;
    display: flex
;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    margin: 0px -5px 0px -5px;
    padding: 15px 13px 11px;
    border-radius: 10px;
    box-shadow: -3px 4px 10px rgba(2, 25, 89, 0.1);
    transition: all .2s ease-in-out;
}
span.cart-count {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #541580;
    color: white;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 43%;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'IRANYekanX';
    padding: 0px 0 1px;
}
a.user-menu-trigger {
        color: #373539;
}
.rio-cart-new {
    position: relative; /* برای اینکه شمارنده نسبت به این عنصر قرار گیرد */
    display: inline-block;
}
a.user-menu-trigger {
    font-size: 15px;
    display: flex
;
    gap: 6px;
    align-items: flex-end;
}
form.form-search-rioshop.active {
    position: absolute;
    z-index: 11111111;
    background: white;
    top: 9%;
    width: 90%;
    border-radius: 12px;
}
.new-riocode-b-s-i {
    display: flex
;
    justify-content: space-between; 
    background: #f3f5f8;
    padding: 10px 8px;

}



input.rioshop-new-modern-input {
    font-family: 'IRANYekanX';
    background: #00008000;
    border: 0;
    width: 100%;
    padding: 0px 20px;
    font-size: 11px;
}
form.form-search-rioshop.active div.new-riocode-b-s-i{
    background: #f3f5f8;
    border-radius: 11px 11px 0 0;
        padding: 12px 0;

}

.search-result-header {
    font-family: 'IRANYekanX';
    color: #02195e;
    font-size: 13px;
}
ul.search-suggest-list {
    padding: 0;
}
ul.search-suggest-list a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 4px 0;
    font-family: 'IRANYekanX';
    text-decoration: none;
    color: #02195e;
    font-size: 12px;
}
form.form-search-rioshop.active div.search-results-inside
 {
    margin: 15px;
    border-top: 1px solid #e4e4e4;
    padding: 11px 0 0;
}

.ajax-other-categories {
    margin-top: 10px;
    padding: 10px;
    border-top: 1px solid #e4e4e4;

}

.ajax-other-categories h4 {
    font-size: 14px;
    margin-bottom: 5px;
    color: #021959;
}

.ajax-category-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ajax-category-list li a {
padding: 8px 20px;
    background: #f3f5f8;
    border-radius: 11px;
    text-decoration: none;
    color: #021959;
    font-size: 13px;
    font-family: 'YekanBakhFaNum-Regular';
}

.ajax-other-categories h4 {
    font-family: 'IRANYekanX';
    padding: 0px 0 12px;
    font-size: 13px;
    font-weight: 600;
}
/* اندازه و چرخش آیکن لودینگ */
#search-btn.loading i.fa-spinner {
    animation: spin 1s linear infinite;
    font-size: 18px;
}

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

.product-categories-menu-wrapper {
    border-radius: 15px;
}
span.cart-count-wish {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #541580;
    color: white;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 43%;
    display: flex
;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'IRANYekanX';
    padding: 0px 0 1px;
}
.btn-wishlist-rio-header {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
}

.story-a-bar-riocode img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
}

.rio-img-ss {
    position: relative;
    display: inline-block;
}

.rio-img-ss img {
    display: block;
    border-radius: 8px;
}

/* آیکون روی تصویر */
.story-hover-icon {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none; /* تا کلیک نخوره */
}

.rio-img-ss:hover .story-hover-icon {
    opacity: 1;
}
.story-wrapper:before {
    content: "";
    width: 90%;
    height: 70%;
    position: absolute;
    border-radius: 25px 20px;
    z-index: -1;
    left: 13%;
    top: 12px;
    background: #ffffff12;
    box-shadow: 0px 10px 60px 0px rgb(255 255 255 / 33%);
}


span.normal-price {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    color: var(--text-600, #021959);
    font-family: 'IRANYekanX';
}
h2.woocommerce-Reviews-title {
    font-family: 'IRANYekanX';
    font-size: 17px;
    color: #0a275e;
}
.story-wrapper:after {
    content: "";
    width: 90%;
    height: 70%;
    position: absolute;
    border-radius: 25px 20px;
    z-index: -1;
    right: 13%;
    top: 12px;
    background: #ffffff12;
    box-shadow: 0px 10px 60px 0px rgb(255 255 255 / 33%);
}
a.added_to_cart.wc-forward {
    display: none;
}
div.single-product a.new-rio-img-shop img {
    width: 140px;
    height: 140px;
    display: block;
    justify-content: center;
    margin: 0 auto;
}

.wishlist-btn-rio {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
.wishlist-btn {
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s;
}
.wishlist-btn:hover svg {
    stroke: red;
}
.wishlist-btn.in-wishlist svg {
    fill: red;
    stroke: red;
}

.wishlist-btn.in-wishlist svg {
    fill: red;
    stroke: red;
}
span.discount-percent.rio-dis {
    color: #e80645 !important;
}
div.rio-product-slide div.price-wrapperr span.woocommerce-Price-amount.amount {
    color: white;
    font-family: 'IRANYekanX';
}
.related-posts-carousel.riocode-new-rel img {
    height: 220px;
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 20px 20px 0 0 !important;
}
.related-posts-carousel.riocode-new-rel a {
    font-family: 'IRANYekanX';
    font-size: 13px;
    text-align: right;
    text-decoration: none;
    color: #656565;
}
.related-posts-carousel.riocode-new-rel h2 {
    font-family: 'IRANYekanX';
    font-size: 19px;
    color: #3d3d3d;
}



.related-header-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
    gap: 15px;
}

.related-header-line .section-title {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
}

.related-header-line .divider {
    flex-grow: 1;
    height: 1px;
    background-color: #ededed; /* رنگ خط */
    margin: 0 10px;
}

.related-header-line .all-posts-btn {
    font-size: 14px;
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.related-header-line .all-posts-btn:hover {
    color: #005177;
    text-decoration: underline;
}

.related-posts-carousel.riocode-new-rel {
    width: 1336px;
    margin: 0 auto;
}
p.rio-rel-des-single-new {
    font-size: 13px;
    color: #595959;
    line-height: 21px;
    letter-spacing: -1px;
}
div.related-post-item h3.title {
    color: #4c4c4c;
    margin: 17px 0 0px;
}
.related-post-item {
    border: 1px solid #ededed;
    border-radius: 20px;
    box-shadow: 0 3px 2px rgba(2, 25, 89, 0.02);
}
.new-rio-code-relpost {
    padding: 10px 17px;
}

span.comment-asg-post {
    display: flex
;
    gap: 3px;
    align-items: center;
}
.coment-soshial-riocode {
    display: flex
;
    gap: 20px;
    align-items: center;
}
span.so-riocode-new {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
    color: #707070;
    padding-top: 3px;
}
span.soshial-meta-riocode {
        cursor: pointer;
    display: flex;
    gap: 8px;
    align-items: center;
}

.soshial-meta-riocode {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.share-dropdown {
    position: absolute;
    top: 50%;
    left: 100%; /* از سمت راست باز میشه */
    transform: translateY(-50%);
    display: flex;
    gap: 8px;
    background: #fff;
    padding: 6px 8px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 100;
}

.share-dropdown .share-icon {
    font-size: 13px;
    padding: 5px 8px;
    border-radius: 6px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.share-icon.telegram { background: #0088cc; }
.share-icon.whatsapp { background: #25d366; }
.share-icon.eitaa { background: #1d9bf0; }
.share-icon.rubika { background: #ff5722; }

/* حالت نمایش */
.soshial-meta-riocode.active .share-dropdown {
    opacity: 1;
    visibility: visible;
    left: calc(100% + 20px);
}

.riocode-rel-post-arow svg {
    background: #541580;
    border-radius: 12px 4px 4px 12px;
    box-shadow: -8px 0px 11px -6px rgba(240, 64, 85, 0.51);
}

.riocode-rel-post-arow {
    display: flex;
    align-items: center;
    gap: 10px;
}
main.custom-cart-page.container {
    width: 1336px;
    margin: 0 auto;
}
.cart-checkout-riocode {
    display: flex
;
    align-items: center;
    gap: 8px;
}
.rel-comments {
    display: flex
;
    justify-content: space-between;
}
.edamemataleb-riocode {
    display: flex
;
    gap: 5px;
    align-items: center;
}

.related-posts-carousel.riocode-new-rel a:hover
{
        text-decoration: none;
}

span.updated-post-date img {
    width: 20px !important;
    height: auto;
}
img.attachment-large.size-large.wp-post-image {
    height: 420px !important;
}

h4.new-riocode-page-swiperr {
    font-family: 'IRANYekanX';
    font-size: 14px;
    margin: 15px 0 !important;
}
div#my_custom_products_widget-2 bdi {
    font-size: 16px;
    font-family: 'IRANYekanX';
    color: #afafaf;
    font-weight: 500;
}
.product-info h4 {
    font-family: 'IRANYekanX';
}
div#my_custom_products_widget-2 span.old-price bdi {
    font-size: 10px !important;
}
.wc-block-components-address-card address .wc-block-components-address-card__address-section {
    font-family: 'YekanBakhFaNum-Regular';
}

.new-page-cart-total {
    font-family: 'IRANYekanX';
}
.new-page-cart-total a {
  
    text-decoration: none;

}
input#wc-block-components-totals-coupon__input-coupon {
    font-family: 'IRANYekanX';
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    font-family: 'YekanBakhFaNum-Regular';
 
}
.title-new-back-rio-register {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

.btn-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.7;
}

.btn-loading::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  0% { transform: translateY(-50%) rotate(0deg); }
  100% { transform: translateY(-50%) rotate(360deg); }
}

p.p-compare-riocode {
    font-family: 'IRANYekanX';

}
.cpmpare-rio-p-page {
    display: flex;
    align-items: center;
    justify-content: center;
        gap: 10px;
}
span.header-category-off-content__off-amazing-title {
    font-family: 'IRANYekanX';
    font-weight: 500;
    color: #364775;
}

.slide-right-art h3 {
    margin: 20px 0 26px;
}
a.btn-slider-art {
    background: #e12542;
    padding: 8px 45px;
    border-radius: 14px;
    color: white;
    font-family: 'Yekan-Bold';
    font-size: 14px;
}

.riocode-slider-two-art {
    position: relative;
}



.top-left-text {
    position: absolute;
    top: 20px;
    left: 2px;
    transform: translate(0, 0);
    font-size: 16px;
    font-weight: bold;
    width: 110px;
    text-align: right;
    font-family: 'IRANYekanX';
    color: #2c2865;
}

.slider2-art2-new {
    position: absolute;
    bottom: -41px;
    left: 70px;
    z-index: 10;
    width: 90px;
    height: auto !important;
}

.slide-right-art {

text-align:right;
    max-width: 50%;
}
.slide-content-art {
    padding: 30px 60px;
}
.slide-left-art {
    width: 50%;
    display: flex;
    justify-content: center;
}
.slide-right-art span {
    font-family: 'YekanBakhFaNum-Regular';
    color: #2C2865;
    font-weight: 700;
}
.slide-right-art h3 {
    margin: 20px 0 26px;
    font-family: 'IRANYekanX';
    color: #2c2865;
    font-size: 26px;
    font-weight: 800;
}
.slide-right-art p {
    font-family: 'YekanBakhFaNum-Regular';
    color: #8a88a7;
     margin-bottom: 30px;
}

@media (max-width: 768px) {
    .search-mobile-new-rio {
    margin-top: 20px;
}
    .menu-ham {
    width: 14% !important;
}
    .wp-block-woocommerce-checkout-order-summary-block {
    border: 0px solid #e4e4e4 !important;
    }
    .wc-block-components-order-summary-item {
    border-bottom: 1px solid #ededed;
    padding-bottom: 25px !important;
}
    .wc-block-components-order-summary .wc-block-components-order-summary-item {
    display: grid !important;
    }
    .cart-item {

    display: grid !important;;
    }
    main.custom-cart-page.container {
    width: 100% !important;
    }
    .cart-summary {
    width: 100% !important;
}
    .new-page-cart-total {
 
    display: grid !important;
    }
    .cart-items-list {
    width: 100% !important;
    }
    img.attachment-medium.size-medium.wp-post-image {
    width: 100% !important;
}
    .mobile-cart-riopet {
    padding: 15px;
}
    .rioshop-features-grid {
    grid-template-columns: repeat(2, 1fr) !important;
}
user agent stylesheet
di
    .products-grid.rioshop {
    grid-template-columns: repeat(1, 1fr) !important;
}
.custom-shop-wrapper.rioshop-new {
    display: grid !important;
}
    .view-rioshop-single-post,.coment-soshial-riocode {
    display: flex;
    gap: 20px;
    width: 180% !important;
    justify-content: space-between;
    margin: 0px 0 12px;
}
    .title-time-post-rioshop {
    display: grid !important;
    }
    .post-meta-rioshop-new {
    display: grid !important;
}
    a.rio-cart-new {
    box-shadow: unset !important; 
}
    .top-left-riocode-rishop-mobile {
    display: flex
;
    align-items: center;
    gap: 10px;
}
    .top-mobile-tree {
    margin: 0px 0 0px;
}
    div.top-mobile-tree div.logo img {
    width: 100px !important;
}
.faq-search-box.rioshop {
    display: grid !important;
}
    div.comment-rioshop-new {
    width: 93% !important;
}

    .content-total-single-blog-rioshop {
    width: 100% !important;
    }
    .riocode-content-c1 {

    width: 100% !important;
    }
    .sidebar-content-c2 {
    width: 100%;
}
    .content-total-single-blog-rioshop {

    display: grid !important;
}
    .img-top-riocode-new-slider img {

    height: 155px !important;

    padding: 17px !important;
}
    
    swiper-container.mySwiper.rio-top-new swiper-slide.swiper-slide-active, swiper-container.mySwiper.rio-top-new swiper-slide.swiper-slide-next, swiper-container.mySwiper.rio-top-new swiper-slide.swiper-slide-prev {

    padding: 0 0px !important;

}
    div.single-product a.new-rio-img-shop img {
    width: 70px;
    height: 70px;
    display: block;
    justify-content: center;
    margin: 0 auto;
    object-fit: cover;
}
    
    .slide-content-art {
    display: grid !important
;
}
.slide-right-art {

    max-width: 100% !important;
}
.slide-left-art {
    width: 100% !important;
}

.slide-content-art {
    padding: 30px 20px !important;
}
}


a.name-pro-rio-number {
    text-align: right;
    font-family: 'IRANYekanX';
    font-size: 12px;
    color: #021959;
    line-height: 1.8;
    width: 95%;
    margin-right: 15px;
}

.rio-image-new-modern-team {
    margin: 0 auto;
}


.item-content.riocode-c {
    padding: 0px 20px;
}
.new-rio-blog-under-riosohp {
    display: flex
;
    justify-content: space-between;
}
.slide-post-item.rio-blog-2 a {
    width: 42%;
}
.slide-title.rio-new {
    font-family: 'IRANYekanX';
    font-weight: 500;

}
.slide-title.rio-new a {
    color: #021959;
        font-size: 17px
}
.slide-excerpt.rio-desc-tre {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
    color: #182d67;
    padding: 10px 0;
}
.admin-info-custommer-rioshop {
    display: flex
;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    margin: 0px -5px 0px -5px;
    padding: 13px;
    border-radius: 10px;
    transition: all .2s 
ease-in-out;
}

.admin-info-custommer-rioshop {
    position: relative; /* مهم برای absolute داخلی */
    display: inline-block; /* یا inline-flex اگر نیاز دارید */
}

.cart-notificatio {
    position: absolute;
    top: -5px;      /* کمی بالاتر از SVG */
    right: -5px;    /* کمی به سمت راست بیرون از SVG */
    background: #541580;
    color: white;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%; /* بهتره 50% باشه برای دایره کامل */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'IRANYekanX';
    padding: 0;  /* بهتره از padding اضافی خودداری کنید */
}
.admin-info-custommer-rioshop {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.cart-notificatio {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #541580;
    color: white;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'IRANYekanX';
    padding: 0;
}

.notification-dropdown {
    display: none;
    position: absolute;
    top: 70px;
    left: 30px;
    color: #022074;
    width: 250px;
    font-family: 'IRANYekanX';
    font-size: 13px;
    z-index: 100;
  --b: 1em; /* control the base */
  --h: .7em; /* control the height */

      --c: #eceef2;

  padding: 1em;
  border-radius: 1.2em;
  border-top-left-radius: 0;
  clip-path: polygon(0 100%,100% 100%,100% 0,
    var(--b) 0,
    calc(-1*var(--h)) calc(-1*var(--h)),
    0 var(--b));
  background: var(--c);
  border-image: conic-gradient(var(--c) 0 0) 999 0 0 999/
    calc(var(--h) + var(--b)) 0 0 calc(var(--h) + var(--b))/var(--h) 0 0 var(--h);
}
ul.my-orders-list {
    padding: 0;
}
ul.my-orders-list a {
    font-family: 'IRANYekanX';
    text-decoration: none;
    color: #02195e;
}
span.new-rio-status-shop {
    font-family: 'YekanBakhFaNum-Regular';
    border: 1px solid;
    padding: 7px 25px;
    border-radius: 12px;
}
.riocode-new-order-pay {
        color: #02196e !important;
    display: flex;
    gap: 0px;
    
    justify-content: space-evenly;
    font-family: 'YekanBakhFaNum-Regular';
}
div#tab-my-orders h3 {
    font-family: 'IRANYekanX';
    color: #021d6f;
}
span.vf-riosa {
    font-family: 'YekanBakhFaNum-Regular';
    border: 1px solid;
    padding: 7px 25px;
    border-radius: 14px;
}
span.complate-order {
    font-family: 'YekanBakhFaNum-Regular';
    border: 1px solid;
    padding: 7px 25px;
    border-radius: 14px;
}

a.custom-button.asg-rioobtn svg {
  
    border-radius: 10px;
    width: 25px;
    height: 25px;
    padding: 5px;
}
.slide-image-riocode-new-modern-pet-and-vet {
    margin:0;
}
h4.slide-title-pet-and-vet-category {
    font-family: 'YekanBakhFaNum-Regular';
    color: #35003d;
    margin: 15px 0;
}

.custom-swiper-prev, .custom-swiper-next {
    position: absolute;
    top: 10px; /* بالای اسلایدر */
    width: 35px;
    height: 35px;
    z-index: 10;
    background-color: rgba(0,0,0,0.5); /* رنگ پس‌زمینه */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff; /* رنگ آیکون */
}

.custom-swiper-prev {
    left: 10px; /* سمت چپ */
}

.custom-swiper-next {
    left: 55px; /* کنار قبلی */
}

.custom-swiper-prev::after,
.custom-swiper-next::after {
    font-size: 18px;
}

.new-pet-and-vet {
    display: flex
;
    justify-content: space-between;
    font-family: 'IRANYekanX';
}

a.custom-button.asg-rioobtn svg {
    background: #680078;
    border-radius: 10px;
    width: 25px;
    height: 25px;
    padding: 5px;
}
.brand-item Img {
    width: 100px;
    height: 100px !important;
    object-fit: contain;
}
.contact-fab {
    
    z-index: 99999999999999;
}
div.footer-pet-and-vet {
  --r: 20px; /* the radius */
  --s: 30px; /* size of inner curve */
  --x: 20px; /* horizontal offset (no percentage) */
  --y: 10px; /* vertical offset (no percentage) */

  background: #3FB8AF;
  border-radius: var(--r);
  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
  --_g:conic-gradient(at var(--r) var(--r),#000 75%,#0000 0);
  --_d:(var(--s) + var(--r));
  mask:
    calc(var(--_d) + var(--x)) 0 var(--_m),
    0 calc(var(--_d) + var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) 
     calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0,
    var(--_g) 0 calc(var(--_d) + var(--y));
  mask-repeat: no-repeat;
}
.product-vertical-image-new-modern img {
    width: 40px !important;
    height: 40px !important;
}
.product-number.rio-shop-new-modern-n {
        justify-content: space-between;
    display: flex;
    gap: 0;
}


h3.title-slider-art2 {
    font-size: 60px;
    font-weight: bold;
    background: url(your-bg.jpg) no-repeat center / cover;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-stroke: 1px black;
}


.slide-image-riocode-new-modern-pet-and-vet {
  position: relative;
  overflow: hidden; /* برای اینکه نور از قاب بیرون نزنه */
}

.slide-image-riocode-new-modern-pet-and-vet img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.2s ease;
}

/* افکت نور هنگام هاور */
.slide-image-riocode-new-modern-pet-and-vet::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -150%;
  width: 50%;
  height: 200%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(20deg);
  opacity: 0;
  pointer-events: none;
  transition: left 0.4s cubic-bezier(.4, .0, .2, 1), opacity 0.4s;
  will-change: left, opacity;
}

/* هنگام هاور روی باکس تصویر */
.slide-image-riocode-new-modern-pet-and-vet:hover::before {
  left: 150%;
  opacity: 1;
}

    .wishlist-btn.in-wishlist svg {
        fill: red !important;
        stroke: red !important;
        transition: all 0.3s ease;
    }
    
    
    /* ===== Preloader Container ===== */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* پس‌زمینه مشکی */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  overflow: hidden;
}

/* ===== متن برند ===== */
.loader-text {
  font-family:'iranyekanX';
  font-size: 38px;
  color: #7d33aa;
  font-weight: 700;
  position: relative;
  overflow: hidden;
}

/* ===== افکت نور ===== */
.loader-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.8), transparent);
  animation: shine 2s linear infinite;
}

/* ===== انیمیشن افکت نور ===== */
@keyframes shine {
  0% { left: -75%; }
  100% { left: 125%; }
}

/* ===== افکت خروج ===== */
#preloader.fade-out {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* رنگ خاص برای AND */
.loader-text .and {
  color: #ff791f; /* می‌تونی به دلخواه تغییر بدی */
}
span.eye-single-post-blog {
    display: flex
;
    gap: 7px;
}

/*دیدگاه */
.rating-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rating-stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 5px;
}

.rating-stars input {
  display: none;
}

.rating-stars label {
  cursor: pointer;
  transition: all 0.3s ease;
}

.rating-stars input:checked ~ label svg path,
.rating-stars label:hover svg path,
.rating-stars label:hover ~ label svg path {
  fill: gold;
  stroke: gold;
}

button[name="submit_rating"] {
  background: #ff6600;
  color: #fff;
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}


.admin-social-icons {
    display: flex;
        align-items: center;
   
}
.admin-details {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
h4.shocial-name-title-single-post {
    font-size: 14px;
    font-family: 'YekanBakhFaNum-Regular';
    color: #021959;
}
.admin-details {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 14px;
    color: #021959;
}
.admin-rating {
    display: flex
;
    align-items: center;
    gap: 5px;
    font-family: 'YekanBakhFaNum-Regular';
}

.admin-avatar {
    text-align: center;
}
span.eye-single-post-blog i {
    display: none;
}
.post-meta.riocode-new-single-post-bb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: 'YekanBakhFaNum-Regular';
    margin: 10px 0;
    gap: 12px;
}
div.my-custom-posts-widget.riocode-new-modern span.views-count {
    display: flex
;
    gap: 5px;
}
div.post-meta.riocode-new-single-post-bb span.comments-count {
    display: flex
;
    gap: 5px;
}
div.admin-info-top p.widefat {
    font-family: 'YekanBakhFaNum-Regular';
    color: #021963;
    font-size: 14px;
}
.reply {
    text-align: left;
}
.reply a {
    color: #d1d1d1;
}
div#emotion_rating_widget-2 {
    padding: 30px;
    font-family: 'IRANYekanX';
}
.emotion-rating-widget h3 {
    padding: 0px 0 20px;
}
div.custom-faq-accordion div.faq-item i.toggle-icon {
    font-family: fontawesome;
    font-style: normal;
    color: #021959;
    font-weight: 100;
    font-size: 12px;
}
.title-top-sideba-shop-shop {
    display: flex
;
    align-items: center;
    gap: 12px;
}
.box-price-new-modern-pet-shop-new {
    display: flex
;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}
div.box-price-new-modern-pet-shop-new a {
    transition: 0.5s;
    width: 10% !important;
}
.box-price-new-modern-pet-shop-new a:hover {
    background: #850ccf !important;
    transition: 0.5s;
}
div.box-price-new-modern-pet-shop-new a::after
{
    display:none;
}
.new-page-cart-total a {
    color: #021959;
    border-radius: 12px;
    display: flex;
    align-items: center;
 
    height: 38px;
}
div.new-page-cart-total img {
    width: 48%;
}
.new-page-cart-total {
    text-align: center;
    display: flex;
    gap: 45px;}
.title-cart-page-not-found {
    display: flex
;
    justify-content: center;
    gap: 40px;
    align-items: center;
}
.new-page-cart-total h2 {
    margin: 0 0 7px;
}
.title-cart-page-not-found {
    margin: 17px 0;
}
.title-cart-page-not-found div {
    display: flex;
    align-items: center;
        gap: 10px;
}
.title-cart-page-not-found svg {
    background: #7d33aa;
    border-radius: 6px;
}
.cart-empty-new-modern-rio {
    margin: 0 auto;
}
div.sidebar-left-cart-new-riocode div.btn-rio-title-cart a {
    color: white;
}
.wc-block-components-notice-banner__content {
    font-family: 'YekanBakhFaNum-Regular';
}
/* 📞 استایل دکمه تماس */
.contact-fab {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}
.contact-fab button {
    width: 50px;
    height: 50px;
    border-radius: 35%;
    background: #7d33aa;
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    padding: 11px;
}
.social-icons {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 70px;
  right: 3px;
  gap: 10px;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 0.3s ease;
}
.social-icons.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* 🤖 استایل چت‌بات */

.social-icons a {
    width: 45px;
    height: 45px;
    border-radius: 35%;
    background: #fff;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 20px;
    box-shadow: 0 2px 8px rgb(141 141 141 / 15%);
    transition: 0.3s;
}

#chatbot-box {
position: fixed;
    bottom: 130px;
    left: 20px;
    width: 320px;
    height: 420px;
    border-radius: 15px;
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.95) inset;
    backdrop-filter: blur(12px);
    background-position: center;
    border-top: 3px solid #7d33aa;
}
#chatbot-messages {
    font-family: 'YekanBakhFaNum-Regular';
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    font-size: 14px;
}

#chatbot-send {
background: #7d33aa;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'YekanBakhFaNum-Regular';
}

#chatbot-input {
    flex: 1;
    padding: 8px;
    border: 0;
    border-radius: 8px;
    background: #7d33aa0d;
    font-family: 'YekanBakhFaNum-Regular';
    outline: none;
}

.chatbot-quick {
    font-family: 'YekanBakhFaNum-Regular';
  background:#f5f5f5;
  border:none;
  padding:6px 10px;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
  transition:all .2s;
  outline:none;
}
.chatbot-quick:hover {
  background:#7d33aa;
  color:#fff;
}
.chatbot-product-card:hover {
  transform: translateY(-3px);
  transition: all 0.2s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

div#chatbot-button {
    font-family: 'YekanBakhFaNum-Regular';
    position: fixed;
    left: 0;
    bottom: 20px;
    padding: 20px 32px 20px 12px;
    border-radius: 0px 30px 30px 0px;
    border: 2px solid rgba(231, 238, 243, 0.33);
    background: rgba(255, 255, 255, 0.60);
    box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.95) inset;
    backdrop-filter: blur(12px);
    z-index: 400;
    cursor: pointer;
    transition: all 0.2s;
}
img.chat-boc-img-riocode {
    width: 42px;
}
div#chatbot-quick-buttons {
    margin: 12px 0px;
}
select#chatbot-cat-select {
    width: 100%;
    background: #7d33aa14;
    color: #1e0469;
    border: 0;
    padding: 9px;
    border-radius: 12px;
    font-family: 'IRANYekanX';
    margin: 12px 0;
    outline: none;
}
.new-tiket {
    display: flex
;
    align-items: center;
    gap: 5px;
}
div#tiketrioshop label {
    font-family: 'YekanBakhFaNum-Regular';
    color: #909ab6;
    font-size: 14px;
}
select#ticket_product {
    color: #77809a;
    font-family: 'YekanBakhFaNum-Regular';
        outline: none;
}
input#ticket_title,textarea#ticket_message
{
        font-family: 'YekanBakhFaNum-Regular';
     outline: none;
    
}
h3.new-riocode-ticket {
    font-family: 'IRANYekanX';
    font-size: 17px;
}
div.ticket-accordion  {
    font-family: 'YekanBakhFaNum-Regular';
    font-size: 13px;
    color: #909ab6;
}
.mobile-header {
  background: #7d33aa;
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1000;
}

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

.mobile-menu-toggle {
  cursor: pointer;
  padding: 5px;
}

.mobile-side-menu {
  position: fixed;
  top: 0;
  right: -300px;
  width: 270px;
  height: 100%;
  background: #fff;
  box-shadow: -3px 0 10px rgba(0,0,0,0.15);
  transition: right 0.3s ease;
  z-index: 2000;
  overflow-y: auto;
  padding: 20px;
}

.mobile-side-menu.active {
  right: 0;
}

.mobile-side-menu-header {
  text-align: left;
  font-size: 24px;
  margin-bottom: 20px;
}

.mobile-side-menu-header span {
  cursor: pointer;
  color: #999;
  font-size: 28px;
}

.mobile-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-menu-list li {
  border-bottom: 1px solid #eee;
}

.mobile-menu-list a {
  display: block;
  padding: 12px 0;
  color: #333;
  text-decoration: none;
}

.menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1500;
  display: none;
}

.menu-overlay.active {
  display: block;
}

.rio-hamburger:focus {
    outline: none !important;
}

 
 .cart-modal-rioshop {
    border-top: 3px solid #029a49;
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    background: #f0fff7;
    padding: 5px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: bottom 0.4s ease-in-out;
    z-index: 9999;
    border-radius: 20px 20px 0 0;
}
.cart-modal-rioshop.active { bottom: 0; }

.cart-modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    padding: 6px;
}

.cart-modal-left img {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    object-fit: cover;
    background: #fff;
}

.cart-modal-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.cart-modal-right svg {
    color: #4CAF50;
}

.cart-modal-right p {
    font-family: 'IRANYekanX';
    margin: 0;
    font-size: 15px;
    color: #029a49;
}

.view-cart-button {
    background: #029a49;
    color: #fff;
    font-family: 'IRANYekanX';
    font-size: 14px;
    padding: 4px 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s ease;
}
.view-cart-button:hover {
    background: #037d3a;
}
.add_to_cart_button.loading {
    position: relative;
    pointer-events: none;
    background-color: #850ccf !important;
    color: #666 !important;
}

.add_to_cart_button .spinner {
    position: relative;
    right: 10px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top: 2px solid #029a49;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    margin-right: 0px;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


@media (max-width: 991px) {
  .sider-bar-rioshop-new {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: 80%;
    max-width: 300px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    padding: 20px;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    overflow-y: auto;
    transition: transform 1s ease;
  }

  .sider-bar-rioshop-new.active {
    display: block;
    transform: translateX(0);
  }

  .mobile-filter-btn {
    display: flex !important;
    align-items: center;
    gap: 8px;
    background: #f3f5f9;
    color: #021959;
    font-family: YekanBakhFaNum-Regular;
    font-size: 14px;
    border: none;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
  }

  .close-filter-btn {
    display: block;
    text-align: left;
    margin-bottom: 15px;
    background: none;
    border: none;
    font-size: 16px;
    color: #021959;
    cursor: pointer;
  }

  body.filter-open {
    overflow: hidden;
  }

  /* افکت تار روی صفحه هنگام باز بودن فیلتر */
  .filter-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
    opacity: 0;
    transition: opacity 1s ease;
  }

  .filter-overlay.active {
    display: block;
    opacity: 1;
  }
}

.total-content-riocode-new-single-product {
    width: 55%;
}
.image-single-product-rioshop {
    width: 45%;
}

main.mobile-single-product-page.mobile-rio-pet {
    display: none;
}
/*mobile single product */
.mobile-header {
    display: none;
}  
    
@media (max-width: 768px) {
.rio-slide-content {


    width: 91% !important;

}

    .price-delete-cart-rioshop {

    margin: 0 auto !important;
}
    div.new-page-cart-total img {
    width: 100% !important; 
}
    .cart-item-details h2 {
    text-align: right;
}
    .slide-post-item.rio-blog-2 a {
    width: 100% !important;
}
    div.blog-left-slider swiper-slide {
    margin-bottom: 50px !important;
}
    .custom-blog-riocode {
    grid-template-columns: auto !important;
}
    .product-swiper-rioshop:before {

    right: -320px !important;
    }
    .box-price-new-modern-pet-shop-new
    {
            gap: 0px !important;
    }
    .products-grid.rioshop {
    grid-template-columns: repeat(2, 1fr) !important;
}
main.custom-single-product-page.pc-rio-pet {
    display: none;
}
main.mobile-single-product-page.mobile-rio-pet {
    display: block !important;
}
.slide-content-art {
    position: relative;
    --r: 40px !important;
    --s: 30px !important;
    --x: 60px !important;
    --y: -10px !important;
}
.slide-right-art {
    padding: 10px 0px;
}
h3.title-slider-art {
    margin: 15px 0 0;
}
}



.title-modern-pet-new {
    display: flex;
    gap: 8px;
    align-items: center;
}
.custom-blog-riocode {
    grid-template-columns: 1fr 1fr;
}

.education_block_grid {
    text-align: right;
}
.education_block_grid img {
    border-radius: 14px !important;
}
.wc-block-components-product-name {
    font-family: 'IRANYekanX';
}




.rio-slide-wrapper {
    width: 100%;
    background-size: cover;
    position: relative;
}

.rio-slide-content {
    position: absolute;
    right: 170px;
    top: 50%;
    transform: translateY(-80%);
    max-width: 420px;
    text-align: right;
    color: #fff;
    animation: rioFadeIn 2.8s ease forwards;
}

@keyframes rioFadeIn {
    from {
        opacity: 0;
        transform: translate(80px, -50%);
    }
    to {
        opacity: 1;
        transform: translate(0, -50%);
    }
}

.swiper-button-next, .swiper-button-prev {
    color: red !important;
}
.rio-slide-buttons {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

.rio-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

header.custom-header.rioshop-new-modern {
    background: #7d33aa;
    padding: 15px 0;
    width: 100%;
    margin: 0px auto;
}


.menu-rioshop {
    width: 33%;
}
.logo {
    width: 33%;
    text-align: left;

}
.header-left {
    width: 33%;
    justify-content: left;
        padding-left: 15px;
}

/* همبرگر دسکتاپ */
.desktop-hamburger {
    width: 35px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.desktop-hamburger span {
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 3px;
}

/* منوی اسلایدی */
.desktop-slide-menu {
    position: fixed;
    top: 0;
    right: -380px;
    width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    padding: 25px;
    transition: right 0.35s ease;
    overflow-y: auto;
}

/* حالت باز */
.desktop-slide-menu.active {
    right: 0;
}

/* دکمه بستن */
.slide-menu-close {
    font-size: 30px;
    cursor: pointer;
    text-align: left;
    margin-bottom: 20px;
}

/* overlay */
.slide-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.slide-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}


.mobile-header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}

.mobile-search-form {
  flex: 1;
  display: flex;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  border:0;
      background: #f3f5f8;
          padding: 0 15px 0 10px;
} 

.mobile-search-input {
        background: #f3f5f8;
    font-family: 'IRANYekanX';
  flex: 1;
  padding: 8px 10px;
  border: none;
  outline: none;
  font-size: 14px;
}

.mobile-search-btn {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
}

.mobile-login-link {
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
}

/* نمایش در موبایل */
@media (max-width: 768px) {
  .custom-header, 
  .menu-rioshop { 
    display: none; /* هدر دسکتاپ مخفی */
  }
  header.custom-header.rioshop-new-modern {
    display: none !important;
}
  .mobile-header { 
    display: block; 
            margin:0;
  }
}


.mobile-search-form .search-icon {
  width: 40px;
  height: 35px;
  margin-right: 6px;
}
.total-three {
    width: 33%;
    padding-right: 15px;
}

.top-header-rr {
    justify-content: space-between;
    display: flex;
    width: 100%;
        align-items: center;
    margin: 0 auto;
}
.search-mobile-new-rio {
    width: 100%;
    margin: 0 auto;
}





/* استایل‌های اصلی صفحه دسته‌بندی‌ها */
.wc-categories-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.page-header {
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.page-title {
    font-size: 2.5em;
    color: #333;
    margin-bottom: 15px;
}

.page-description {
    font-size: 1.1em;
    color: #666;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

/* بخش فیلترها */
.wc-categories-filter {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.filter-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.search-input {
    flex: 1;
    min-width: 250px;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s;
}

.search-input:focus {
    outline: none;
    border-color: #3498db;
}

.filter-btn {
    padding: 10px 20px;
    background: white;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s;
}

.filter-btn:hover {
    background: #f0f0f0;
}

.filter-btn.active {
    background: #3498db;
    color: white;
    border-color: #3498db;
}

/* گرید دسته‌بندی‌ها */
.wc-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.wc-category-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    height: 100%;
}

.wc-category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.category-card-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.category-image {
    height: 200px;
    position: relative;
    overflow: hidden;
}

.category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.wc-category-card:hover .category-image img {
    transform: scale(1.05);
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3));
}

.category-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-icon {
    font-size: 60px;
    color: white;
}

.category-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.category-title {
    font-size: 1.3em;
    color: #2c3e50;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.category-description {
    color: #666;
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 15px;
    flex: 1;
}

.category-subcategories {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 15px;
}

.subcategory-tag {
    background: #f1f8ff;
    color: #0366d6;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    border: 1px solid #d1e5ff;
}

.subcategory-more {
    color: #666;
    font-size: 0.8em;
    align-self: center;
}

.category-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin-top: auto;
}

.product-count {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #666;
    font-size: 0.9em;
}

.count-icon {
    font-size: 1.1em;
}

.category-action {
    color: #3498db;
    font-weight: 500;
    font-size: 0.9em;
    transition: color 0.3s;
}

.wc-category-card:hover .category-action {
    color: #2980b9;
}

/* بخش محصولات */
.wc-products-container {
    animation: fadeIn 0.5s ease;
}

.products-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.back-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #f8f9fa;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s;
}

.back-btn:hover {
    background: #e9ecef;
    transform: translateX(-5px);
}

#category-title {
    font-size: 1.8em;
    color: #333;
    margin: 0;
}

/* گرید محصولات */
.wc-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.wc-product-item {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s;
}

.wc-product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}

.product-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.product-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.wc-product-item:hover .product-image img {
    transform: scale(1.05);
}

.onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e74c3c;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
}

.product-info {
    padding: 15px;
}

.product-title {
    font-size: 1em;
    color: #333;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.product-price {
    color: #27ae60;
    font-weight: bold;
    margin-bottom: 8px;
}

.product-rating {
    color: #f39c12;
}

/* استایل‌های لودینگ */
.products-loading {
    text-align: center;
    padding: 40px;
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 15px;
}

.no-categories, .no-products {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: #666;
    background: #f8f9fa;
    border-radius: 10px;
}

/* انیمیشن‌ها */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

/* ریسپانسیو */
@media (max-width: 1200px) {
    .wc-categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .wc-categories-container {
        padding: 15px;
    }
    
    .page-title {
        font-size: 2em;
    }
    
    .wc-categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 15px;
    }
    
    .filter-controls {
        flex-direction: column;
        align-items: stretch;
    }
    
    .search-input {
        min-width: auto;
    }
    
    .products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .wc-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .wc-categories-grid {
        grid-template-columns: 1fr;
    }
    
    .wc-products-grid {
        grid-template-columns: 1fr;
    }
}


.custom-product-cats {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.cat-item {
    padding: 8px 16px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 8px;
    color: #333;
}

.cat-item.active {
    background: #000;
    color: #fff;
}

.custom-products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
}

.product-card {
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}


img.img-fluid.rio-logo.rio-shop {
    width: 200px;
}

/* دکمه همبرگری ریوشاپ */
.rio-hamburger-trigger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    width: 30px;
    height: 25px;
    justify-content: space-between;
    z-index: 1001;
    margin-right: 15px;
}

.rio-hamburger-trigger span {
    width: 100%;
    height: 3px;
    background-color: #ffffff;
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* انیمیشن تبدیل به X */
.rio-hamburger-trigger.active span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.rio-hamburger-trigger.active span:nth-child(2) {
    opacity: 0;
}

.rio-hamburger-trigger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}

/* منوی کناری سمت راست */
.rio-side-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 380px;
    height: 100%;
    background: #ffffff;
    z-index: 1002;
    transition: right 0.3s ease;
    box-shadow: -5px 0 25px rgba(0,0,0,0.15);
    overflow-y: auto;
    direction: rtl;
}

.rio-side-menu.open {
    right: 0;
}

/* هدر منوی موبایل */
.rio-side-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
    background: #021959;
    color: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

.rio-close-side-menu {
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    color: white;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: transform 0.2s;
}

.rio-close-side-menu:hover {
    transform: scale(1.1);
}

/* محتوای منو */
.rio-side-menu-content {
    padding: 20px;
}

.rio-mobile-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rio-mobile-nav li {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.rio-mobile-nav li:last-child {
    border-bottom: none;
}

.rio-mobile-nav li a {
    display: block;
    padding: 14px 0;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.3s, padding-right 0.3s;
}

.rio-mobile-nav li a:hover {
    color: #021959;
    padding-right: 5px;
}

/* دکمه باز کردن زیرمنو */
.rio-submenu-toggle {
    position: absolute;
    left: 0;
    top: 8px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    line-height: 36px;
    font-size: 22px;
    font-weight: bold;
    color: #021959;
    transition: transform 0.3s;
    background: #f8f8f8;
    border-radius: 8px;
}

.rio-submenu-toggle.active {
    transform: rotate(45deg);
    background: #021959;
    color: white;
}

/* استایل زیرمنوها */
.rio-sub-menu {
    list-style: none;
    padding-right: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background: #fafafa;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.rio-sub-menu.open {
    max-height: 600px;
}

.rio-sub-menu li {
    border-bottom: 1px solid #e8e8e8;
}

.rio-sub-menu li:last-child {
    border-bottom: none;
}

.rio-sub-menu li a {
    font-size: 14px;
    padding: 10px 10px 10px 0;
    font-weight: normal;
    color: #666;
}

.rio-sub-menu li a:hover {
    color: #021959;
    padding-right: 12px;
}

/* لایه تاریک پشت منو */
.rio-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1001;
    display: none;
}

.rio-menu-overlay.active {
    display: block;
}

/* قفل کردن اسکرول بدنه */
body.rio-menu-open {
    overflow: hidden;
}

/* اسکرول منوی موبایل */
.rio-side-menu::-webkit-scrollbar {
    width: 5px;
}

.rio-side-menu::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.rio-side-menu::-webkit-scrollbar-thumb {
    background: #021959;
    border-radius: 5px;
}

/* نمایش منوی همبرگری فقط در موبایل و تبلت */
@media (max-width: 992px) {
    .rio-hamburger-trigger {
        display: flex;
    }
}