/* 
Theme Name: falnic-shop-theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.3.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}


*,
:after,
:before {
    box-sizing: border-box
}

@font-face {
    font-family: 'دانا';
    font-display: swap;
    src: url('/wp-content/uploads/falnic-font.woff2') format('woff2');
}

body {
    background-color: #fff;
    max-width: 2500px;
    margin: auto;
    color: #333;
    font-family: "دانا";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "ss02";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-block-end: 1rem;
    margin-block-start: .5rem
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-block-end: .9rem;
    margin-block-start: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
    white-space: pre-wrap
}

a {
    background-color: transparent;
    color: #02A8F4;
    text-decoration: none
}

a:active,
a:hover {
    color: #336
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

abbr[title] {
    border-block-end: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto;
    max-width: 100%
}

details {
    display: block
}

summary {
    display: list-item
}

figcaption {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4
}

[hidden],
template,
.hide {
    display: none
}

@media print {

    *,
    :after,
    :before {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        -moz-column-break-inside: avoid;
        border: 1px solid #ccc;
        break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        -moz-column-break-after: avoid;
        break-after: avoid
    }
}

label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border: 1px solid #666;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border-color: #333
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    width: auto
}

[type=button],
[type=submit],
button {
    background-color: #0a3762;
    color: #fff;
    border: none;
    border-radius: var(--pr-radius);
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: all .3s;
    white-space: nowrap
}

/* [type=button]:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    transition: 0.3s;
    outline: solid 3px #6E96C9;
    color: #fff;
} */

[type=button]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

select {
    display: block
}

table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: .9em;
    margin-block-end: 15px;
    width: 100%
}

table td,
table th {
    border: 1px solid hsla(0, 0%, 50%, .502);
    line-height: 1.5;
    padding: 15px;
    vertical-align: top
}

table th {
    font-weight: 700
}

table tfoot th,
table thead th {
    font-size: 1em
}

table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
    border-block-start: 1px solid hsla(0, 0%, 50%, .502)
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0, 0%, 50%, .071)
}

table tbody tr:hover>td,
table tbody tr:hover>th {
    background-color: hsla(0, 0%, 50%, .102)
}

/* table tbody+tbody {
    border-block-start: 2px solid hsla(0, 0%, 50%, .502)
} */

@media(max-width:767px) {
    table table {
        font-size: .8em
    }

    table table td,
    table table th {
        line-height: 1.3;
        padding: 7px
    }

    table table th {
        font-weight: 400
    }
}

dd,
dl,
dt,
li,
ol,
ul {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin-block-end: 0;
    margin-block-start: 0;
    outline: 0;
    vertical-align: baseline;
}


.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: right;
    letter-spacing: normal !important;
}

/* استایل نقل قول */
blockquote {
    font-style: normal !important;
    margin: 0px 20px 24px 0 !important;
    background-color: #EFF5FA;
    border-radius: 8px;
    padding: 12px;
    position: relative;
    z-index: auto;

}

blockquote p {
    margin-bottom: 0px !important;
}

blockquote::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
    width: 12px;
    height: 12px;
    background-image: url("https://falnic.com/wp-content/uploads/quote-up.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    z-index: 1;
    padding: 10px;
}

blockquote::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    width: 2px;
    height: 100%;
    background-color: #4D76A7
}



@media only screen and (max-width: 768px) {
    .responsive-table {
        overflow: hidden;
        overflow-x: scroll;
        display: block;
    }
}

/* ترتیب قرار گیری پاپ های رزرو مشاوره هدر */

.contact-us-overlay {
    z-index: 999999 !important;
}

/*حذف تایتل عکس موقع لایت باکس*/
.elementor-slideshow__footer {
    display: none !important;
}

.top-header.bale-ad a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    /* ایجاد فاصله ثابت */
}

/* حل مشکل Unsized image element در لوگوی بله */
.top-header.bale-ad a img {
    width: 16px !important;
    height: 16px !important;
    max-height: none !important;
    /* لغو استایل اینلاین مخرّب */
    aspect-ratio: 1/1;
    /* حفظ تناسب */
    flex-shrink: 0;
    /* جلوگیری از تغییر ابعاد تصویر */
}

.categories-grid .category-card .category-icon svg,
.categories-grid .category-card .category-icon img {
    /* اطمینان از اختصاص فضای فیکس به آیکون‌های SVG یا تصاویر */
    width: 20px !important;
    height: 20px !important;
    display: block;
    margin: 0 auto;
}

/* حذف سه تا هدر در حالت موبایل */

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

    .top-header,
    .header-nologin,
    .header-login {
        display: none
    }
}

/* استایل پاپ اپ سبد خرید دسته بندی محصولات */
@media only screen and (min-width: 600px) {
    .btn-close-popup {
        font-size: 24px;
        font-weight: 100;
        color: #000;
        cursor: pointer;
    }
}

/* استایل پاپ اپ سبد خرید دسته بندی محصولات موبایل */

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

    .header-container-popup {
        background-color: #E2F4EA;
        display: flex;
        justify-content: space-between;
        padding: 26px 18px 18px 18px;
    }

    .btn-close-popup {
        font-size: 24px;
        font-weight: 100;
        color: #000;
        cursor: pointer;
    }
}

/* غیرفعال کردن اورلی نویگیشن باتم */
#elementor-popup-modal-15229 {
    background-color: unset;
}

/* حذف پاپ آپ در تبلت به بالا */
@media only screen and (min-width: 1024px) {
    .elementor-popup-modal {
        display: none;
    }
}

/* حذف اطلاعاتی که قبلا سرچ شده و زیر سرچ باکس هدر میندازه */

.jet-ajax-search__suggestions-inline-area {
    display: none !important;
}




/*دمو رایگان سی آر ام (دسکتاپ)*/

.send-otp-form button {
    text-align: center;
    min-width: -webkit-fill-available;
    padding: 12px 10px;
    background-color: #E88F00;
    margin-top: 24px;
    font-weight: 500;
    font-size: 14px;

    cursor: pointer;
    border: none;
    border-radius: 8px;

}

.send-otp-form button:hover {
    outline: 4px solid #FCD999;
    background-color: #E88F00;
}

.send-otp-form button:focus {
    outline: 4px solid #FCD999;
    background-color: #E88F00;
}

.hidden-pc {
    display: none;
}

/* دمو رایگان سی آر ام (موبایل) */
@media only screen and (max-width: 600px) {
    .hidden-pc {
        display: block;
    }

    .contact-us-overlay {
        z-index: 9999999999 !important;
    }

    .send-contact-us-init {
        font-size: 16px !important;
        padding: 10px !important;
    }

    .reserve-popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        justify-content: center;
        align-items: center;
        z-index: 9999999999;

    }


    #radioForm label {
        display: flex;
        gap: 8px;

        font-size: 14px;
        font-weight: 400;
        color: #000;
        align-items: center;
    }

    #falnicReservePopup {
        font-size: 12px;

    }

    .reserve-popup-content {
        background-color: #fff;
        padding: 60px 32px 32px 32px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
        position: relative;
        width: 100%;
        z-index: 999999;
    }

}

.send-contact-us {
    text-align: center;
    min-width: -webkit-fill-available;
    padding: 12px 10px !important;
    background-color: #E88F00 !important;
    margin-top: 24px;
    font-weight: 500;
    font-size: 14px !important;

    cursor: pointer;
}

.send-contact-us:hover {
    outline: 4px solid #FCD999;
}

span#contact-us-title {
    font-size: 16px;
    line-height: 28px;
    color: #000;

}

span#contact-us-product {
    font-size: 14px;
    color: #3F3F3F !important;

    font-weight: 400;
    margin-top: 8px;
}

span#contact-us-close-icon {
    position: absolute;
    top: 6px;
    right: auto;
    left: 24px;
    cursor: pointer;
    font-size: 38px;
    font-weight: 400;
    color: #000;
}

input#contact-us-captcha {
    height: 49px !important;
    padding: 0 14px 0px 0;
    width: 50%;

}

/* موبایلش */
@media only screen and (max-width: 600px) {
    button#send-contact-us {
        font-size: 14px !important;
        font-weight: 500;
        padding: 10px !important;
    }
}

/* استایل پاپ اپ دانلود درایور (دسکتاپ) */

.falnic-driver-popup-close {
    right: auto;
    left: 20px;
    font-size: xxx-large;
    font-weight: 100;
    color: #000;
    cursor: pointer;
}

.falnic-driver-captcha-block button {
    padding: 0;
    background-color: transparent;
    position: absolute;
    left: 26px;
    transform: translate(2px, 5px);
}

.falnic-driver-captcha-img svg path {
    stroke: #000;
}

.falnic-driver-captcha-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: nowrap;
    flex-direction: row;
}

.falnic-driver-button {
    font-size: 14px !important;
    min-width: 100%;
    background-color: #e88f00 !important;
    padding: 12px !important;
    font-weight: 500;
    margin-top: 18px;
}

.falnic-driver-button:hover {
    outline: 4px solid #F0CF99;
}

.falnic-driver-captcha-img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    width: 48% !important;
    align-items: center;
}

.falnic-driver-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0;
}

.falnic-driver-captcha-block input {
    text-align: right !important;
    border: 1px solid #A7A7A7 !important;

}

.falnic-driver-captcha-img img {
    border: 1px solid #A7A7A7 !important;
    min-width: 100% !important;
    border-radius: 8px !important;
    height: 49px;
    object-fit: contain;
    padding-left: 40px;
    background: #EDEDED;
}

.driver-email-input {
    direction: rtl !important;
}

.breadcrumb-container {
    padding: 24px 0;
}

.breadcrumb {
    color: #1F608D;
}

.breadcrumb ul {
    display: flex;
    list-style-type: none;
    padding-right: 0;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;

}

.breadcrumb a:hover {
    color: #1F608D;
}

.breadcrumb span {
    line-height: 20px;
    color: #1F608D;
    font-weight: 600;
    font-size: 14px;
}

.breadcrumb {
    display: flex;
    gap: 8px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    overflow: auto;
    height: 25px;
    scrollbar-width: none;
}

.breadcrumb svg {
    width: 16px;
    min-width: 16px;
    color: #7D7D7D;
}

.breadcrumb a {
    color: #696969 !important;
    transition: 500ms;
    font-weight: 400;
    line-height: 22px;
    font-size: 12px !important;
}

.breadcrumb a:hover {
    color: #2B5684;
}

.breadcrumb span {
    color: #696969;
}

.breadcrumb li:last-child span {
    color: #1F608D;
    font-weight: 600;
    line-height: 20px;
    font-size: 12px !important;
}

.breadcrumb li {
    font-size: 12px !important;
}

nav.breadcrumb {
    display: flex;
    gap: 8px;
    height: 100%;
}

input.driver-captcha-input {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 700px) {
    .breadcrumb {
        font-size: 12px;
        color: #1F608D
    }

    .breadcrumb a {
        color: #696969;
        font-weight: 500;
        line-height: 22px;
        transition: 500ms;
        font-size: 12px;
    }

    .breadcrumb span {
        color: #2B5684;
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
    }
}

/* استایل پاپ اپ دانلود درایور پاپ اپش برای موبایل */
@media only screen and (max-width: 600px) {
    .falnic-driver-title {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #000000;
        margin-bottom: 0;
    }

    .falnic-driver-captcha-img button svg {
        width: 20px !important;
    }

    .falnic-driver-captcha-block button {
        padding: 12px 14px 4px 14px !important;
    }

    .falnic-driver-captcha-img img {
        border: 1px solid #A7A7A7 !important;
        min-width: 80%;
        height: 50px;
        background: #EDEDED;
    }

    .falnic-driver-popup {
        z-index: 999999999999 !important;
    }

}

/* حذف شمارنده در مرورگرهای Webkit (مثل Chrome و Edge) */
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
}

#falnic-inloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 10000000001;
}

#falnic-inloader p {
    display: flex;
    justify-content: center;
    align-items: center;
}

#falnic-inloader span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #1F608D;
    margin: 0 6px;
}

#falnic-inloader-c-1 {
    animation: scale1 1s infinite;
}

#falnic-inloader-c-2 {
    animation: scale2 1s infinite;
}

#falnic-inloader-c-3 {
    animation: scale3 1s infinite;
}

.bale-ad {
    display: flex;
    position: fixed;
    width: 100%;
    height: 36px;
    overflow: hidden;
    top: 0;
    right: 0;
    z-index: 10;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: center;
    background: #3a8391;
}

.bale-ad>a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 8px;

}

.bale-ad img {
    max-height: 100%;
    border-radius: 9999px;
    aspect-ratio: 1/1;
    margin: 0;
    object-fit: contain;
    width: auto;
}

html {
    margin-top: 32px !important;
}

.header-top {
    top: 32px;
}

@keyframes scale1 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.8);
    }

    40% {
        transform: scale(0.4);
    }

    60% {
        transform: scale(0.2);
    }

    80% {
        transform: scale(0.4);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes scale2 {
    0% {
        transform: scale(0.8);
    }

    20% {
        transform: scale(1);
    }

    40% {
        transform: scale(0.8);
    }

    60% {
        transform: scale(0.4);
    }

    80% {
        transform: scale(0.2);
    }

    100% {
        transform: scale(0.4);
    }
}

@keyframes scale3 {
    0% {
        transform: scale(0.4);
    }

    20% {
        transform: scale(0.8);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.8);
    }

    80% {
        transform: scale(0.4);
    }

    100% {
        transform: scale(0.2);
    }
}


.reserve-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.reserve-popup-content {
    background-color: #fff;
    padding: 60px 32px 32px 32px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    position: relative;
    width: 413px;
    z-index: 999999;
}

#radioForm {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

#radioForm label {
    display: flex;
    gap: 8px;

    font-size: 16px;
    font-weight: 400;
    color: #000;
    align-items: center;
}

.reserve-popup-content .close {
    position: absolute;
    left: 15px;
    top: 18px;
    font-weight: 100;
    cursor: pointer;
}

#falnicReservePopup {
    text-align: center;
    min-width: -webkit-fill-available;
    padding: 12px 10px;
    background-color: #E88F00;
    margin-top: 24px;
    font-weight: 500;
    font-size: 14px;

    cursor: pointer;
}

#falnicReservePopup:hover {
    outline: 4px solid #FCD999;
}


.reserve-popup-content h5 {
    font-size: 20px;
    color: #000;
    font-weight: 400;

}

.reserve-popup-content h6 {
    font-size: 16px;
    color: #3F3F3F;
    font-weight: 300;
    padding-top: 16px;

}

.radio-btn-reserve input[type='radio'] {
    accent-color: #0A3762 !important;
}

.radio-btn-reserve input[type=radio] {
    border: 0px;
    width: 6%;
    height: 22px;
}


#openFalnicReservePopup {
    min-width: 144px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    color: #d98800;
    border: 2px solid #d98800;
}

#openFalnicReservePopup:hover {
    background-color:
        #F7E7CC;
}

@media (max-width: 600px) {
    .site-header::before {
        background-color: rgb(0 0 0 / 0%);
    }

    .lang-selector .submenu {
        right: -60%;
    }
}

/* جدول ابی */
.bluecul-restable tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: unset;
}

.bluecul-restable tbody>tr:nth-child(even)>td,
table tbody>tr:nth-child(even)>th {
    background-color: unset;
}

/*فرد*/
.bluecul-restable tbody tr:nth-child(odd):not(:first-child) {
    background-color: #D6E6F3 !important;
}

.bluecul-restable tbody tr:nth-child(odd):not(:first-child):hover {
    background-color: #D6E6F3 !important;
}

/*زوج*/
.bluecul-restable tbody tr:nth-child(even) {
    background-color: #FFFFFF !important;
}

.bluecul-restable tbody tr:nth-child(even):hover {
    background-color: #FFFFFF !important;
}

/*اولین ردیف*/
.bluecul-restable tr:first-child {
    background-color: #A5C7E3 !important;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

.bluecul-restable tr td {
    border-left: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.bluecul-restable td {
    font-size: 14px;
    /* اندازه فونت */
    color: black;
    /* رنگ متن */
    padding: 15px 30px;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    border: none;
}

.bluecul-restable td p {
    font-size: 14px;
    color: black;
    /* رنگ متن */
    padding: 0px;
    font-weight: 400;
    vertical-align: middle;
    line-height: 22px;
    text-align: center !important;
    text-align: justify;
    margin-bottom: 0;
}

.bluecul-restable {
    outline: 1px solid #DADADA;
    border-collapse: collapse;
    border-radius: 8px;
    text-align: center;

    overflow: hidden;
    border: 1px solid transparent !important
}

@media (max-width: 600px) {
    .bluecul-restable,
    .orangecul-restable {
        overflow-x: scroll !important;
        display: block;
        max-width: 100%;
    }

    .bluecul-restable tbody,
    .bluecul-restable thead,
    .bluecul-restable tr,
    .orangecul-restable tbody,
    .orangecul-restable thead,
    .orangecul-restable tr {
        width: max-content !important;
        table-layout: fixed !important;
    }

    /* حالت sticky برای ستون اول */
    .bluecul-restable td:first-child,
    .bluecul-restable th:first-child {
        /* position: sticky !important; */
        right: 0 !important;
        z-index: 2 !important;
        /* background-color: #fff !important; */
    }

    /* رنگ سطرهای فرد: طوسی روشن */
    .bluecul-restable tr:nth-child(odd) td:first-child {
        /* background-color: #ECECEC !important; */
    }

    /* رنگ سطرهای زوج: سفید */
    .bluecul-restable tr:nth-child(even) td:first-child {
        /* background-color: #ffffff !important; */
    }

    /* سطر اول (عنوان جدول) همیشه سفید */
    .bluecul-restable tr:first-child td:first-child,
    .bluecul-restable tr:first-child th:first-child {
        /*background-color: #DADADA !important;*/
        font-weight: bold;
    }
}



/* جدول نارنجی */

/*گرفتن استایل قدیمی*/
.orangecul-restable tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
    background-color: unset;
}

.orangecul-restable tbody>tr:nth-child(even)>td,
table tbody>tr:nth-child(even)>th {
    background-color: unset;
}

/*فرد*/
.orangecul-restable tbody tr:nth-child(odd):not(:first-child) {
    background-color: #FFF5E6 !important;
}

.orangecul-restable tbody tr:nth-child(odd):not(:first-child):hover {
    background-color: #FFF5E6 !important;
}

/*زوج*/
.orangecul-restable tbody tr:nth-child(even) {
    background-color: #FFFFFF !important;
}

.orangecul-restable tbody tr:nth-child(even):hover {
    background-color: #FFFFFF !important;
}

/*اولین ردیف*/
.orangecul-restable tr:first-child {
    background-color: #FCD999 !important;
    color: #000000;
    font-size: 14px;
    line-height: 18px;

}

.orangecul-restable tr td {
    border-left: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;

}

.orangecul-restable td {
    font-size: 14px;
    /* اندازه فونت */
    color: black;
    /* رنگ متن */
    padding: 15px 30px;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    border: none;

}

.orangecul-restable td p {
    font-size: 14px;
    color: black;
    /* رنگ متن */
    padding: 0px;
    font-weight: 400;
    vertical-align: middle;
    line-height: 22px;
    text-align: center !important;
    text-align: justify;
    margin-bottom: 0;
}

.orangecul-restable {
    outline: 1px solid #DADADA;
    border-collapse: collapse;
    border-radius: 8px;
    text-align: center;

    overflow: hidden;
    border: 1px solid transparent !important
}

/* * =============================================
    * Basic and Reset Styles
    * =============================================
*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Helper class to prevent scrolling when overlay is active */
body.menu-open {
    overflow: hidden;
}

main {
    padding: 40px 80px;
    max-width: 1440px;
    margin: 0 auto;
}

/* * =============================================
    * Main Header Container
    * =============================================
*/
.site-header {
    display: flex;
    width: 100%;
    overflow: hidden;
    background-color: white;
    position: relative;
    /* z-index: 100000; */
    justify-content: center;
    flex-flow: column;
}

/* * =============================================
    * Top Header Section
    * =============================================
*/
.header-top {
    width: 100%;
    height: 90px;
    border-bottom: 2px solid #ececec;
    position: fixed;
    top: 0;
    z-index: 11;
    background-color: white;
}

.header-container {
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px;
    position: relative;
}

.logo-section {
    display: flex;
    align-items: center;
    gap: 12px;
}

.falnic-logo {
    display: block;
    width: 160px;
    height: 60px;
}

.contact-phone-m {
    display: none;
}

.search-section {
    margin-left: auto;
    width: 640px;
    padding-right: 90px;
    padding-left: 20px;
}

.search-box {
    position: relative;
    width: 100%;
}

.search-box input,
.search-box-m input {
    width: 100%;
    height: 52px;
    background-color: #ececec;
    border: 1px solid #dadada;
    border-radius: 8px !important;
    padding: 5px 20px 5px 50px !important;
    font-size: 14px;
    color: #333 !important;
    outline: none;
}

.search-box-m {
    position: relative;
    width: 100%;
    display: none;
}

.search-box input::placeholder,
.search-box-m input::placeholder {
    color: #8f8f8f;
    font-weight: 500;
}

.search-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}

.header-buttons {
    display: flex;
    gap: 16px;
    align-items: center;
    white-space: nowrap;
}

.btn-buy-server {
    background-color: #e88f00 !important;
    color: #fff !important;
    border: none;
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    text-decoration: none;
    transition: 200ms;
}

.btn-buy-server:hover {
    outline: 3px solid #F0CF99;
}

.booking-consultation {
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    text-decoration: none;
}



/* * =============================================
         * Bottom Header (Navigation) Section
         * =============================================
        */
.header-bottom {
    background-color: white;
    height: 65px;
    border-bottom: 1px solid rgba(68, 68, 68, 0.3);
    margin-top: 90px;
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    transform: translateY(77px);
    transition: .3s all ease;
}

.header-bottom.is-visible {
    transform: translateY(77px);
}

.header-bottom.is-invisible {
    transform: translateY(-65px);
}

.site-header+* {
    margin-top: 155px !important;
}

.nav-container {
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px;
    position: relative;
    overflow: visible;
}

.main-menu {
    display: flex;
    gap: 12px;
    align-items: center;
    list-style: none;
}

.menu-item {
    color: #333333 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: 0.3s;
    padding: 22px 12px;
    display: block;
    text-underline-offset: 10px;
    transition: 0.3s;
}

.menu-item:hover {
    text-decoration: underline;
    color: #0a3762 !important;
    transition: 0.3s;
}

.nav-icons {
    display: flex;
    gap: 19px;
    align-items: center;
}

.contact-phone {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.nav-divider {
    width: 1px;
    height: 28px;
    background-color: #b4b4b4;
}

.nav-icon {
    cursor: pointer;
    transition: 0.3s;

}

.nav-icon:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.bottom-nav-m {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    align-items: center;
    justify-content: space-around;
    padding: 8px;
    height: 56px;
    border-top: solid 2px #d2d2d2;
    z-index: 10000;
}

.nav-segment {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 0;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    text-decoration: none;
}

.nav-segment:hover {
    background-color: rgba(10, 55, 98, 0.05);
    border-radius: 8px;
}

.nav-segment .nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.nav-segment .nav-icon svg {
    width: 20px;
    height: 24px;
    aspect-ratio: 1 / 1;
    contain: strict;
}

.nav-label {
    font-size: 12px;
    font-weight: 500;
    color: #444444;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
}

/* * =============================================
         * Category Menu Overlay Styles
         * =============================================
        */
.menu-overlay {
    display: none;
    /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 55px);
    background-color: #fafcfe;
    z-index: 1000;
    overflow-y: auto;
}

.menu-overlay.active {
    display: block;
    /* Show when active class is added */
}

.category-menu-header {
    background-color: white;
    border-bottom: 2px solid #ececec;
    padding: 8px 0;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1;
}

.category-header-content {
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category-header-button {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 8px 0;
    cursor: pointer;
}

.category-header-title {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    line-height: 18px;
}

.category-search-container {
    position: relative;
    width: 173px;
}

.category-search-input {
    width: 100% !important;
    height: 32px;
    background-color: #ececec;
    border: 1px solid #dadada !important;
    border-radius: 8px !important;
    padding: 5px 12px 5px 32px !important;
    font-size: 14px;
    color: #333 !important;
    outline: none;
}

.category-search-input:focus {
    border-color: #0A3762;
    box-shadow: 0 0 0 2px rgba(10, 55, 98, 0.1);
}

.category-search-input::placeholder {
    color: #8f8f8f;
}

.category-search-btn {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none !important;
}

.category-main-content {
    height: calc(100% - 55px);
    flex-direction: column;
    display: none;
    padding: 24px;
}

.category-main-content.active {
    display: flex;
}

.category-main-content-footer>a {
    background: #e48e1d;
    color: white;
    text-decoration: none;
    display: flex;
    gap: 8px;
    width: 100%;
    justify-content: center;
    padding: 10px 0;
    border-radius: 8px;
    align-items: center;
    margin: 10px;
}

.category-main-content-footer>a:hover {
    outline: solid 4px #FCD999;
}

.instruction-text {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin-bottom: 24px;
    text-align: center;
    font-weight: 400;
}

.categories-grid {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-between;
}

.category-card {
    background-color: white;
    border: 1px solid #dadada;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 1;
    min-height: 80px;
    min-width: 32%;
    max-width: 48%;
    text-decoration: none;
    transition: 0.3s;

}

.category-card:hover {
    border-color: #0A3762;
    transform: translateY(-1px);
    transition: 0.3s;
}

.category-icon {
    width: 20px;
    height: 20px;
}

.category-title {
    font-size: 14px;
    font-weight: 500;
    color: #0A3762;
    line-height: 22px;
    text-align: center;
    margin: 0;
}

/* * =============================================
         * Responsive Styles
         * =============================================
        */
@media (max-width: 1350px) {
    .main-menu {
        gap: 8px;
    }

    .header-container,
    .nav-container {
        padding: 0 12px;
    }
}

@media (max-width: 1245px) {

    .header-container,
    .nav-container {
        padding: 0 10px;
    }

    .main-menu {
        gap: 3px;
    }
}

@media (max-width: 1130px) {
    .main-menu {
        gap: 0px;
    }

    .menu-item {
        padding: 22px 8px;
    }
}

@media (max-width: 1024px) {

    .header-container,
    .nav-container {
        padding: 0 4px;
    }

    .btn-buy-server {
        display: none;
    }

    main {
        padding: 20px;
    }

    .header-top {
        position: fixed;
        height: 63px;
        z-index: 11;
    }

    .nav-container {
        display: none;
    }

    .header-bottom {
        height: auto;
        transition: transform 0.3s ease-in-out;
        margin-top: 0;
        transform: translateY(0);
    }

    .search-box {
        display: none;
    }

    .search-box-m {
        display: block;
        padding: 7px 24px;
    }

    .search-icon {
        left: 36px;
    }

    .header-container {
        flex-direction: column;
        height: auto;
        padding: 15px;
        gap: 0;
    }

    .header-buttons {
        display: none;
    }

    .logo-section {
        width: 100%;
        justify-content: space-between;
    }

    .falnic-logo {
        width: 172px;
        height: 31px;
    }

    .contact-phone-m {
        display: flex;
        align-items: center;
        gap: 7px;
        color: #333;
        font-size: 14px;
    }

    .contact-phone-m svg {
        width: 20px;
        height: 20px;
    }

    .header-top {
        /* transition: transform 0.3s ease, opacity 0.3s ease; */
        opacity: 1;
    }

    .header-top.header-top-scrolled {
        opacity: 0;
        transform: translateY(-100%);
        pointer-events: none;
        height: 0;
        overflow: hidden;
        border: none;
    }

    .header-top.header-top-visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .header-bottom.header-bottom-scrolled {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 100;
        transition: top 0.3s ease, margin-top 0.3s ease;
    }

    .header-bottom.header-bottom-scrolled.is-visible {
        top: -13px;
    }

    /* وقتی header-top visible هست، header-bottom بیاد زیرش */
    .header-bottom.header-bottom-scrolled.header-bottom-below-top {
        top: 95px;
        margin-top: auto;
    }

    .header-bottom.is-invisible {
        transform: translateY(0);
    }

    .header-bottom.is-visible {
        transform: translateY(13px);
    }

    .site-header {
        justify-content: normal;
    }

    .site-header+* {
        margin-top: 0 !important;
    }

    .header-bottom {
        position: static;
        width: 100%;
    }

    .single-product .site-header+div {
        margin-top: -40px !important;
    }

    .header-bottom-space.active {
        height: 140px;
    }

    .bottom-nav-m {
        display: flex;
    }

    .search-box input {
        height: 32px;
    }
}


.menu-item-wrapper {
    position: relative;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;
    right: -20px;
    /* Adjust positioning */
    background-color: white;
    /* min-width: 700px; */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 10px;
    z-index: 100;
    border: 1px solid #ececec;
    transition: 0.3s;

}

.menu-item-wrapper:hover .submenu {
    display: block;
    transition: 0.3s;
}

.header-bottom .menu-item-wrapper {
    padding-bottom: 10px;
    transform: translateY(5px);
}

.submenu-item {
    display: block;
    padding: 12px 20px;
    color: #333 !important;
    text-decoration: none;
    font-size: 14px;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
    transition: 0.3s;
}

.submenu-item:hover {
    background-color: rgba(10, 55, 98, 0.05) !important;
    color: #0a3762 !important;
    transition: 0.3s;

}

a.user-nav-link {
    text-decoration: none;
    color: gray !important;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Complex submenu example for "فروشگاه" */
.submenu.submenu-large {
    width: auto;
    white-space: nowrap;
    min-width: 650px;
    max-width: 1000px;
    padding: 20px;
    min-height: 570px;
    overflow: auto;
    scrollbar-width: thin;
}

.submenu-columns {
    display: flex;
    gap: 20px;
}

.submenu-column {
    flex: 1;
}

.submenu-column h4 {
    font-size: 14px;
    font-weight: 700;
    color: #0a3762;
    margin-bottom: 10px;
    padding-right: 20px;
}

.submenu-column .submenu-item {
    font-weight: 500;
}

span.submenu-title {
    background: #082B4E;
    color: white;
    width: 100%;
    display: block;
    padding: 11px;
    border-radius: 6px;
    margin-bottom: 18px;
}

.submenu.submenu-left {
    right: -500px;
}

.submenu-column.submenu-tab {
    display: flex;
    flex-direction: column;
    min-width: 210px;
    max-width: 210px;
    gap: 8px;
    width: 33%;
    border-left: solid 1px #e0e0e0;
    padding-left: 10px;
}

.submenu-column.submenu-tab>a:hover {
    color: #000 !important;
}

.submenu-column>a:hover::after {
    border-color: #e88f00;
}

.submenu-column-container {
    display: none;
    width: 66%;
    gap: 30px;
}

.submenu-column-container.active {
    display: flex;
}


.submenu-column {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.submenu-column>a,
.submenu-column>li>a {
    color: #0A3762 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    padding: 8px 0;
    cursor: pointer;
    transition: 0.3s;
}

.submenu-column>a:hover {
    color: #BF7600 !important;
    transition: 0.3s;
}

.submenu-column>a::after {
    content: "";
    display: inline-block;
    position: relative;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    border-top: 1.5px solid #0A3762;
    border-left: 1.5px solid #0A3762;
    z-index: 111;
    border-radius: 4px 0 0 0;
    margin-right: 5px;
}

.category-main-content-footer span {
    color: #fff;
}

.submenu-column ul li a {
    padding-right: 8px;
    padding-bottom: 2px;
    color: #444444 !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 24.4px;
    cursor: pointer;
    display: block;
    transition: 0.3s;
}

.submenu-column ul li a:hover {
    color: #BF7600 !important;
    transition: 0.3s;
}

.submenu-column ul li ul li a {
    margin-right: 12px;
}

/* استایل برای هدر آکاردئون */
.dropdown-header {
    display: flex;
    /* برای چیدمان عنوان و آیکون */
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
    /* سایر استایل‌های ظاهری دکمه را اینجا اضافه کنید */
    padding: 10px;
    border: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: 600;
}

.submenu-column>ul>li>ul {
    padding-right: 15px;
}

/* حذف آیکون پیش‌فرض تگ <summary> در مرورگرها */
.dropdown-header::-webkit-details-marker,
.dropdown-header::marker {
    display: none;
}

/* انیمیشن چرخش آیکون */
.dropdown-icon {
    transition: transform 0.3s ease-in-out;
    transform: rotate(180deg);

}

details.dropdown-section {
    border-bottom: solid 1px #b6b6b6;
}

.dropdown-section details.dropdown-section {
    border-bottom: 0;
}

/* چرخش 180 درجه‌ای آیکون زمانی که آکاردئون باز است */
details[open]>summary .dropdown-icon {
    transform: rotate(0deg);
}

.tab-navigation {
    min-height: fit-content;
    gap: 0;
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: center;
    border: solid 1px gray;
    align-content: stretch;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}

button.tab-button {
    width: 100%;
    background: #F4F4F4 !important;
    border: navajowhite;
    padding: 12px !important;
    font-size: 12px !important;
    color: #444444 !important;
    white-space: normal;
    border-radius: 0 !important;
}

button.tab-button.active {
    color: white !important;
    background: #082b4e !important;
}

.dropdown-content {
    background: #EDF4FA;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 11px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.falnic-club-content .score-box {
    border: 1px solid #DADADA;
    border-radius: 6px;
    text-align: center;
    display: flex;
    flex-flow: column;
    padding: 16px;
    gap: 16px;
    font-weight: 500;
    margin-bottom: 40px;
}

.help-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.help-title+p {
    margin-top: 24px;
    color: #696969;
}

.falnic-club-content .score-box span {
    color: #0D8642;
}

.category-main-content-footer {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.category-main-content ul,
.submenu-column ul {
    list-style-type: none;
    margin-bottom: 4px;
}

.category-main-content ul a {
    width: 100%;
    display: block;
    margin-bottom: 4px;
    padding: 8px;
    border-bottom: solid 1px #d7d7d7;
    text-decoration: none;
    color: #404040;
    font-weight: 400;
}

.category-main-content ul ul {
    border-bottom: none;
    margin-bottom: 0;
    border-right: solid 1px #bdbdbd;
}

ul.dropdown-content li a {
    border-bottom: none;
    margin-bottom: 6px;
    padding: 5px 8px;
    font-size: 12px;
}

.category-main-content-footer {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

/* Language Selector Customizations */
.lang-selector .menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    padding: 0;
}

.lang-selector .submenu {
    min-width: 140px;
    right: 50%;
    transform: translateX(50%);
}

/* Optional: Prevents the main "FA" link from changing style on hover */
.lang-selector>.menu-item:hover {
    text-decoration: none;
    color: #333333;
    transition: 0.3s;
}

.contact-phone a,
.contact-phone-m a {
    text-decoration: none;
    color: #000 !important;
}

.submenu-item-contaner {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.submenu-item-contaner>a {
    color: #444444 !important;
    text-decoration: none;
    padding: 8px;
    transition: 0.3s;
}

.submenu-item-contaner>a:hover {
    /* color: #BF7600 !important; */
    transition: 0.3s;

}

.search-box,
.search-box-m,
.category-search-container {
    position: relative;
}

.search-results-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 450px;
    overflow-y: auto;
    display: none;
    /* در ابتدا مخفی است */
    padding: 10px;
}

.search-results-container.category-search-results {
    border-radius: 8px;
    margin-top: 12px;
    border: 0;
}

.search-results-container .popular-search-results {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

.search-results-container .popular-search-results span {
    display: none;
    cursor: pointer;
}

.search-result-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: #333;
    transition: 0.3s;
}

.search-result-item:hover {
    background-color: #f9f9f9;
    transition: 0.3s;

}

.search-result-item:last-child {
    border-bottom: none;
}

.result-thumbnail {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-left: 10px;
    border-radius: 4px;
}

.result-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.result-details svg {
    display: none;
}

.result-title {
    color: #2b5684 !important;
    font-weight: bold;
    font-size: 14px;
}

.result-type-label {
    font-size: 10px;
    color: #888;
    margin-top: 4px;
}

.search-loading,
.search-no-results {
    padding: 15px;
    text-align: center;
    color: #888;
}

div#wpadminbar {
    z-index: 10000001;
}

.admin-bar .header-top {
    top: 36px;
}

.btn-submenu-tab {
    background: #ffffff !important;
    border: navajowhite;
    text-align: right;
    padding: 10px !important;
    border-radius: 7px;
    color: #444444 !important;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;

}

.btn-submenu-tab:hover,
.btn-submenu-tab.active {
    background: #E4ECF3 !important;
    color: #0A3762 !important;
    transition: 0.3s;
    font-weight: 600;
    border-radius: 6px;
    font-weight: 600;
    border-radius: 6px !important;
    outline: none;
}

.btn-submenu-tab::after {
    display: none !important;
}

.elementor-kit-42262 button,
.elementor-kit-42262 input[type="button"],
.elementor-kit-42262 input[type="submit"],
.elementor-kit-42262 .elementor-button {}


/* مرحله ۱: آماده‌سازی هدر */
.site-header {
    position: relative;
    /* z-index بالاتر برای اطمینان از اینکه منوها روی overlay قرار می‌گیرند */
    /* z-index: 100000; */
}

/* مرحله ۲: استایل‌دهی به overlay در حالت مخفی */
.site-header::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 10;
}


.site-header:has(.menu-item-wrapper:hover)::before {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;

}

a.booking-consultation {
    min-width: 144px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    color: #d98800 !important;
    border: 2px solid #d98800;
}

a.booking-consultation:hover {
    background-color: #F7E7CC;
    color: #d98800 !important;

}

.secendery-header-contaner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: white;
    display: none;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 20px;
    height: 52px;
    align-items: center;
    box-shadow: #c8c8c8 0 0 5px;
}

.secendery-header-contaner>div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

a.conf-btn {
    background: #0A3762;
    color: white;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 8px;
}

@media (max-width: 1024px) {

    .secendery-header .header-top,
    .secendery-header .header-bottom {
        display: none;
    }

    .secendery-header .header-bottom-space {
        height: 52px;
    }

    .secendery-header-contaner {
        display: flex;
    }

    .secendery-header-contaner span {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
    }

    .dropdown-section .dropdown-header {
        font-size: 16px;
        font-weight: 400;
        color: #404040;
    }

    .dropdown-section .dropdown-section .dropdown-header {
        font-size: 13px;
    }

    .search-results-container {
        position: fixed;
        top: auto;
        min-height: 100vh;
        margin-top: 7px;
    }

    .result-details svg {
        display: block;
    }

    .result-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #3F3F3F !important;
    }

    .search-results-container .popular-search-results h6 {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
        color: #7D7D7D;
    }
}




section.content-area {
    background-color: #ffffff;
    border-radius: 16px;
    padding: 16px;
    width: 100%;
}

a.cart-item {
    position: relative;
}

span#cart-count-fl {
    position: absolute;
    top: 10px;
    right: -10px;
    font-size: 11px;
    background: #1f608d;
    padding: 4px;
    color: #fff;
    aspect-ratio: 1 / 1;
    width: 18px;
    height: 18px;
    font-weight: bold;
    display: flex;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
}

/* Start Footer */

.footer a,
.footer input,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
    font-size: 16px;
    line-height: 24px;
}

.footer a {
    text-decoration: none !important;
}

.logo-container {
    width: 50%;
    min-height: 92px;
    align-items: center;
    align-items: flex-start;
}

.logo-container a {
    color: #0A3762 !important;
}

.logo-container img {
    margin-left: 20px;
}

.d-flex {
    display: flex;
}

.flex-row {
    flex-flow: row;
}

.flex-column {
    flex-flow: column;
}

.newsletter {
    /* width: 50%; */
}

.newsletter .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #000;
    margin-bottom: 16px;
}

.newsletter form button {
    background-color: #0A3762;
    border-radius: 8px 0 0 8px;
    padding: 12px 0 14px 0;
    border: 0;
    width: 84px;
    height: 48px;
    justify-content: center;
}

.newsletter form input {
    background-color: #fff !important;
    border-color: #D1D1D1 !important;
    border-width: 1px !important;
    border-radius: 8px !important;
    padding: 11px 15px !important;
    border-style: solid !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 438px !important;
    max-width: calc(100% - 84px);
}

.newsletter form input:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    outline: 0;
}

.newsletter form input::placeholder {
    color: #696969;
}

.col-md-1 {
    width: 8.33%;
}

.col-md-2 {
    width: 16.66%;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33%;
}

.col-md-5 {
    width: 41.66%;
}

.col-md-6 {
    width: 46%;
}

.col-md-7 {
    width: 58.33%;
}

.col-md-8 {
    width: 66.66%;
}

.col-md-9 {
    width: 75%;
}

.col-md-10 {
    width: 83.33%;
}

.col-md-11 {
    width: 91.66%;
}

.col-md-12 {
    width: 100%;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

.row {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.footer {
    margin-top: 48px;
    color: #000;
}

.footer .container a {
    color: #000;
}

.footer .container .row {
    gap: 100px;
    flex-wrap: nowrap;
}

.fw-500 {
    font-weight: 500;
}

.footer ul.menu a:hover {
    color: #0A3762 !important;
}

.footer .menu {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.footer .menu li a {
    color: #444444;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.footer .menu li {
    padding-bottom: 10px;
}

.footer .menus-container {
    margin-top: 48px;
}

.footer .menus-container span {
    font-size: 16px;
    line-height: 24px;
}

.footer .contact-info {
    list-style: none;
    padding: 0;
}

.footer .contact-info a:hover {
    color: inherit !important;
}

.footer .contact-info li {
    font-weight: 400;
}

.footer .contact-info li:not(:first-child) {
    margin-top: 12px;
}

.footer .contact-info li a {
    color: inherit;
}

.footer .footer-bottom {
    margin-top: 61px;
}

.footer .footer-bottom-right {
    margin-top: 20px;
}

.footer .footer-bottom-right .menu {
    display: flex;
    flex-flow: row wrap;
}

.footer .footer-bottom-right .menu li {
    width: 33.333%;
}

.footer .footer-bottom .description p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #333;
}

.footer .description.expanded+.read-more-btn {
    display: none;
}

.footer .footer-bottom .namads {
    width: 100%;
}

.footer .footer-bottom .namads .namads-list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    gap: 16px;
}

.footer .footer-bottom .namads .namads-list li {
    width: 108px;
    display: flex;
    justify-content: center;
}

.footer .social-icons {
    list-style: none;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    gap: 12px;
    margin-top: 1rem;
}

.footer .social-icons .twitter {
    background: #74777a;
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
}

.footer .copyright {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    border-top: 1px solid #DADADA;
    padding: 24px 0 32px 0;
}

.footer .copyright a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.footer .description {
    border-top: 1px solid #ECECEC;
    position: relative;
}

.footer .description>p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    font-weight: 400;
}

.footer .read-more-btn {
    color: #0A3762;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
}

.footer .newsletter form button {
    cursor: pointer;
}

.footer .newsletter form button:hover,
.footer .newsletter form button:focus {
    background-color: #082B4E;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media (max-width: 950px) and (min-width: 770px) {
    .col-md-6 {
        width: 100%;
    }

    .footer .container .row {
        gap: 0;
        flex-wrap: wrap;
    }
}

@media (min-width: 769px) {
    .d-none {
        display: none;
    }

    .d-md-flex {
        display: flex !important;
    }

    .mr-md-1 {
        margin-right: .25rem;
    }

    .working-hours::before {
        content: "(";
    }

    .working-hours::after {
        content: ")";
    }
}

@media (max-width: 768px) {

    .col-sm-12 {
        width: 100%;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .mt-md-2 {
        margin-top: 2rem;
    }

    .footer {
        padding-bottom: 110px;
    }

    .footer .menu {
        display: flex;
        flex-flow: row wrap;
    }

    .footer .menu li {
        width: 50%;
        display: flex !important;
        align-items: center;
        gap: 4px;
    }

    .footer .menu li a {
        font-size: 12px;
    }

    .d-sm-none {
        display: none !important;
    }

    .footer .container .row {
        gap: 0;
        flex-wrap: wrap;
    }

    .footer .footer-bottom .namads .namads-list {
        flex-wrap: wrap;
    }

    .footer .footer-bottom .namads .namads-list li,
    .footer .footer-bottom .namads .namads-list li img {
        width: 60px;
        align-self: center;
    }

    .footer .social-icons {
        justify-content: center;
    }

    .footer .social-icons>li>a>svg {
        /* width: 30px;
        height: 30px; */
    }

    .footer .footer-bottom {
        margin: 30px 0 23px 0;
    }

    .footer .copyright,
    .footer .copyright a {
        font-size: 12px;
    }

    .newsletter .title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .logo-container>img {
        width: 39px;
        height: 39px;
    }

    .footer .description {
        max-height: 82px;
        overflow: hidden;
        position: relative;
    }

    .footer .description.expanded {
        overflow: auto;
        max-height: unset;
    }

    .footer .description.expanded::after {
        overflow: auto;
        background: unset;
    }

    .footer .read-more-btn {
        display: flex;
    }

    .footer .description::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3em;
        background: linear-gradient(to top, white, transparent);
        transition: opacity 0.3s ease;
    }

    .footer .contact-info {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        display: flex;
        flex-flow: column;
    }

    .newsletter form input {
        font-size: 12px;
        line-height: 20px;
        width: 100% !important;
        max-width: 100%;
        flex: 1 1 auto;
        min-width: 0;
    }

    .newsletter form,
    .newsletter button {
        max-height: 40px;
        /*justify-content: center;*/
        display: flex;
        align-items: center;
    }

    .newsletter form {
        width: 100%;
        max-width: 100%;
    }

    .newsletter form input {
        padding: 9px 15px;
        max-height: 40px;
    }

    .footer .footer-bottom .namads {
        width: 100%;
    }

    .footer .menus-container {
        margin-top: 15px;
    }

    .footer .menu li::before {
        content: "";
        width: 4px;
        height: 4px;
        display: block;
        background: #2B5684;
        border-radius: 50%;
    }

    .footer .footer-bottom-right .menu li {
        width: 50% !important;
    }

    .working-hours {
        margin-top: 12px;
    }

    .working-hours span {
        font-weight: 500;
    }

    .footer .contact-info li:not(.order-sm-5) {
        margin-top: 12px;
    }

    .footer .contact-info li {
        margin-top: 12px;
    }

    .footer .menus-container span {
        font-size: 14px;
    }

    .footer .menus-container a {
        font-size: 14px;
    }

    section.content-area:has(.dashboard-page) {
        background: #FAFCFE;
    }
}

/* Variant Product Styles in single product page 
* By Mojtaba Ghazi Nejad
*/
.variant-products {
    display: flex;
    flex-flow: column;
    gap: 12px;
}

.variant-product-card {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #eeeeee;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px;
    transition: all 0.3s ease;
    gap: 4px;
}

.variant-product-info {
    width: 100%;
}

.variant-product-title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #000 !important;
    margin: 0;
    order: 1;
    width: 100%;
}

.variant-products .variant-product-card>p {
    order: 2;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    font-weight: 400;
    text-align: right;
    margin: 0;
}

.variant-product-description {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.7;
    text-align: right;
    width: 100%;
}

.variant-product-pricing {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    order: 3;
}

.variant-product-price-final {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f4a7b;
}

.variant-product-price-final span {
    font-size: 0.9rem;
    font-weight: 500;
    margin-right: 0.25rem;
}

.variant-product-offer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 6px;
}

.variant-product-price-original {
    font-size: 16px;
    color: #8F8F8F;
    text-decoration: line-through;
    line-height: 20px;
    font-weight: 600;
}

.variant-product-discount-badge {
    background-color: #00A499;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 20px;
    line-height: 18px;
}

.variant-product-action {
    width: 100%;
    order: 4;
    display: flex;
    gap: 10px;
    flex-direction: row;
}

.variant-products-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.variant-products bdi {
    color: #0D8642;
    font-size: 19px;
    font-weight: 700;
    line-height: 34px;
}

.variant-products bdi .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    line-height: 28px;
    color: #444 !important;
    font-weight: 500 !important;
}

.variant-product-button {
    display: block;
    width: 100% !important;
    background-color: #0f4a7b;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 0.85rem 1rem !important;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    transition: background-color 0.3s ease;
}

.variant-product-button:hover {
    background-color: #0b3a62;
}

.variant-product-price-final {
    font-size: 20px;
    font-weight: 600;
    color: #045EB2;
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 28px;
}

.variant-product-price-final .currencySymbol {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #444;
}

.variant-product-pricing-actions {
    display: flex;
    flex-flow: row;
    order: 4;
    width: 100%;
    justify-content: flex-end;
}

.variant-products .section-title h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.variant-products .variant-notice {
    margin-bottom: 8px;
}

.variant-products .shop-archive-button-container {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: end;
    gap: 8px;

}

.variant-products .shop-archive-button-container .box-call-iconcall {
    background-color: #ffffff !important;
    color: #0A3762;
    padding: 10px 0 !important;
    text-align: center;
    font-size: 14px !important;
    display: flex;
    justify-content: center;
    line-height: 24px;
    font-weight: 500;
    border-radius: 8px !important;
    border: 2px solid #0A3762;
    width: 100% !important;
    height: 45px;
    gap: 8px;
    cursor: pointer;
    transition: 500ms;
    flex-basis: 25%;
}

.variant-products .shop-archive-button-container .box-invoice-request-active {
    flex-basis: 25%;
}

#server-list button {
    background-color: #1f608d !important;
    width: 100%;
}

#server-list button:hover {
    background-color: #1f608d;
    outline: 4px solid #6E96C9;
}

#request-history button {
    background-color: #1f608d !important;
    width: 100% !important;
}

#request-history button:hover {
    background-color: #1f608d;
    outline: 4px solid #6E96C9;
}

.shop-archive-button-container .get-invoice-btn {
    background-color: #E88F00;
    color: #fff;
    padding: 10px 0 !important;
    text-align: center;
    font-size: 14px !important;
    display: flex;
    justify-content: center;
    line-height: 22px;
    font-weight: 500;
    border-radius: 8px !important;
    gap: 8px;

    width: 100% !important;
    margin: 0 !important;
    height: 45px;
    border: 0;
}

.shop-archive-button-container .box-icon-call {
    height: 24px;
}

.variant-products .shop-archive-button-container .box-invoice-request-active,
.variant-products .shop-archive-button-container .box-call-iconcall {
    cursor: pointer;
}

.variant-products .shop-archive-button-container .box-call-iconcall:hover {
    background-color: #E4ECF3 !important;
    color: #1F608D;
}

.variant-products .shop-archive-button-container .box-invoice-request-active:hover {
    outline: 6px solid #F0CF99;
    border-radius: 8px;
}

.variant-product-button {
    flex-basis: 25%;
}

/* ------------------------------ */
/* استایل دسکتاپ (Responsive) */
/* ------------------------------ */



#falnic-inloader {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.dot {
    background-color: #0d47a1;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    animation: pulse 1.4s infinite ease-in-out;
    animation-fill-mode: both;
}

.dot:nth-child(3) {
    animation-delay: -0.32s;
}

.dot:nth-child(2) {
    animation-delay: -0.16s;
}

.dot:nth-child(1) {
    animation-delay: 0s;
}


@keyframes pulse {

    0%,
    80%,
    100% {
        transform: scale(0.6);
        opacity: 0.7;
    }

    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}




.dashboard-sidebar {
    flex: 0 0 278px;
    background-color: #ffffff;
    border-radius: 16px;
    padding: 16px;
    height: fit-content;
}

.welcome-box {
    background-color: #F0DEC4;
    color: #000000;
    border: solid 1px #FEEBCF;
    padding: 12px;
    border-radius: 6px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}


.menu ul li a {
    display: flex;
    font-size: 14px;
    align-items: center;
    padding: 12px 16px;
    border-radius: 10px;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
}



.menu ul li a {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 10px;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: 500;
    color: #333333;
    text-decoration: none;
}


.menu ul li a svg {
    font-size: 18px;
    margin-left: 12px;
    width: 20px;
    /* To align text */
    text-align: center;
}

.menu ul li.active a,
.menu ul li a:hover {
    background-color: #E4ECF3;
    color: #0A3762;
}

.menu ul li.active a {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.menu ul {
    list-style: none;
}

@media screen and (max-width: 1024px) {
    .dashboard-sidebar {
        display: none;
    }

    #menu-m-panel .dashboard-sidebar {
        display: block;
    }
}

.config-factor button {
    padding: 14px 17px;
    font-size: 14px;
    border-radius: 11px;
    border: none;
    background-color: #E88F00;
}

.config-factor button:hover {
    background-color: #E88F00;
    outline: 4px solid #F7E7CC;
}

/* ---------------------------------- */
/* (A) استایل‌های پایه کارت */
/* ---------------------------------- */
.falnic-product-card {
    list-style: none !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
    border: none;
    height: 100%;
}

.falnic-product-card-inner {
    direction: rtl;
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    text-align: right;
}

.falnic-product-card-inner .guarantee-badge {
    position: absolute;
    top: 8px;
    left: 8px;
}

/* ---------------------------------- */
/* (B) امتیاز (گوشه بالا) */
/* ---------------------------------- */
.falnic-product-rating {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.9rem;
    font-weight: bold;
    color: #333;
}

.falnic-product-rating .star-icon {
    fill: #f39c12;
    /* رنگ زرد ستاره */
    font-size: 1.1rem;
    line-height: 1;
}

/* ---------------------------------- */
/* (C) بخش تصویر */
/* ---------------------------------- */
.falnic-product-image {
    padding: 20px;
    background: #fdfdfd;
    border-bottom: 1px solid #f0f0f0;
}

.falnic-product-image a {
    display: block;
    text-decoration: none;
}

.falnic-product-image img {
    width: 100%;
    height: auto;
    max-height: 250px;
    /* محدودیت ارتفاع تصویر در موبایل */
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* ---------------------------------- */
/* (D) بخش جزئیات (متن) */
/* ---------------------------------- */
.falnic-product-details {
    padding: 12px 20px 12px 20px;
    flex-direction: column;
    flex-grow: 1;
    display: flex;
    /* باعث می‌شود این بخش فضا را پر کند و دکمه‌ها پایین بمانند */
}

.falnic-product-model {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 4px;
    display: block;
}

.falnic-product-title {
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
    line-height: 1.5;
    padding: 0 !important;
    margin: 0;
}

.falnic-product-title a {
    color: #000000;
    text-decoration: none;
    height: 40px;
    overflow: hidden;
    display: block;
}

.falnic-product-title a:hover {
    color: #000000;
}


/* ---------------------------------- */
/* (F) بخش پایین (دکمه‌ها) */
/* ---------------------------------- */
.falnic-product-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    font-size: 12px;
    white-space: nowrap;
}

button.cta-let-me-available {
    height: 44px;
    background-color: #DE1D1D;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    padding: 0;
}

button.cta-let-me-available:hover {
    background-color: #a81919;
    border-radius: 8px;
    outline: 3px solid #d53636;
}

.falnic-product-price {
    font-size: 12px;
    font-weight: 400;
    margin-top: 0;
}

.woocommerce-Price-amount {
    color: #045EB2;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    justify-content: flex-end;
    margin: 6px 0 10px 0;
}

.falnic-product-price.single {
    text-align: left;
}

.addtocart-single-fl {
    width: 50%;
    background-color: #0a3762;
    display: flex !important;
    align-items: center;
    color: #fff;
    justify-content: center;
    border-radius: 7px;
    cursor: pointer;
    transition: 200ms;
}

.addtocart-single-fl:hover {
    outline: 3px solid #6E96C9;
}

.archive_hero_banner {
    font-size: 16px;
}

.archive_hero_banner h1 {
    font-weight: 600;
    font-size: 20px;
    color: #000000;
}

.invoice-btn-single-deactive {
    width: 100%;
    background-color: #0A3762;
    border-radius: 7px;
    color: #fff;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: 200ms;
}

.invoice-btn-single-deactive {
    background-color: #c9c9c9;
    color: #636363;

}

span.sh_desc {
    font-size: 12px;
    height: 55px;
    overflow: hidden;
}

/* ---------------------------------- */
/* (G) چیدمان دسکتاپ (بزرگتر از 600px) */
/* ---------------------------------- */
@media (max-width: 601px) {
    .archive_hero_banner {
        font-size: 12px;
    }

    .archive_hero_banner h1 {
        font-size: 18px;
    }

    .falnic-product-card-inner {
        flex-direction: row;
        align-items: stretch;
        margin-bottom: 60px;
        border: none;
        box-shadow: none;
        border-bottom: solid 1px #dddddd;
        border-radius: 0;
    }

    h2.falnic-product-title {
        font-size: 14px !important;
    }

    .falnic-product-image {
        flex-basis: 40%;
        flex-shrink: 0;
        border-bottom: none;
        padding: 0;
        /*padding-top: 20px;*/
        padding-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: fit-content;
    }

    .falnic-product-image img {
        max-height: 280px;
    }

    .falnic-product-details {
        flex-basis: 60%;
        min-width: 0;
        max-width: 60%;
        overflow: hidden;
    }

    /* .falnic-product-rating {
        top: auto;
        bottom: 100px;
        left: 15px;
        right: auto;
    } */

    .falnic-product-title {
        font-size: 1.25rem !important;
        /* فونت بزرگتر در دسکتاپ */
    }

    .falnic-product-price {
        margin-top: 0;
        padding: 0;
        white-space: nowrap;
        font-size: 12px;
    }

    .falnic-product-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-top: auto;
        position: absolute;
        width: 100%;
        height: 120px;
        bottom: 0;
        right: 0;
        padding: 10px;
    }
    
    .search-results-container .popular-search-results span {
        display: block;
    }
}

@media (max-width: 768px) {
    .falnic-product-card-inner .guarantee-badge {
        right: 0;
    }
}

.pwaforwp-footer-prompt {
    width: 64px !important;
    height: 64px !important;
    background: transparent !important;
    left: 14px !important;
    bottom: 182px !important;
    padding: 0 !important;
    display: none;
}

.pwaforwp-footer-prompt span:last-of-type {
    display: none;
}

.pwaforwp-footer-prompt .pwaforwp-prompt-close:after {
    right: -6px !important;
    top: -13px !important;
    color: #045EB2 !important;
    background: transparent !important;
    width: 30px !important;
    height: 30px !important;
}

.pwaforwp-btn {
    background-color: #045EB2 !important;
    color: #fff;
    margin: 0 !important;
    width: 64px !important;
    height: 64px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    flex-flow: column !important;
    border-radius: 50% !important;
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
}

/* پایان
 * CSS برای کارت محصول سفارشی Falnic
 * Mobile-First (زیر 600px)
*/



#pwaforwp-add-to-home-click {
    z-index: 999999 !important;
}

div#pwaforwp-add-to-home-click span {
    font-family: "دانا" !important;
}

div#pwaforwp-add-to-home-click div {
    font-family: "دانا" !important;
}







/* لاگین */

.popup-overlay {
    display: none;
    z-index: 2000000003;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / .6);
}

.popup-overlay label {
    position: relative;
    margin-bottom: 14px;
    font-family: 'دانا';
    width: 100%;
}

.popup-container label>span {
    width: auto;
    font-size: 12px;
    padding: 2px 8px;
    background-color: transparent;
    color: #b3b3b3;
    line-height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: .3s;
    pointer-events: none;
}
.popup-container label.textarea-label>span{
    top: 25px;
}

.popup-container label.textarea-label>span {
    top: 25px;
}


input:valid+label>span,
.popup-container label input:not(:placeholder-shown)+span {
    top: 0;
    transition: .3s;
    background-color: #fff;
}


.popup-container {
    display: none;
    background-color: #fff;
    position: relative;
    padding: 50px 32px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(0 0 0 / .2);
    min-width: 380px;
    max-width: 413px;
}


.close-button-popup {
    position: absolute;
    top: -5px;
    cursor: pointer;
    font-size: 24px;
    left: 14px;
    font-size: 38px;
    font-weight: 100;
    color: #000;
}

.submit-popup {
    background-color: #E88F00 !important;
    font-size: 14px;
    width: 100%;
    padding: 12px;
    margin-top: 16px;
    line-height: 8px;
}

.submit-popup:hover {
    background-color: #E88F00 !important;
    outline: 4px solid #FCD999;
}

div#login-title {
    text-align: right;
    margin-bottom: 20px;
    color: #000;
}

div#login-text {
    text-align: right;
    margin-bottom: 16px;
    color: #000;
    font-size: 16px;
}

.custom-cursor-default-hover {
    width: 100%;
}


input.login-mobile {
    width: 100%;
    text-align: end;
    font-family: دانا;
    height: 48px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #666;
    direction: ltr;
    text-align: left;
}

.popup-overlay input,
.popup-overlay textarea {
    border-radius: 8px !important;
    height: 44px;
    border: solid 1px #ccc;
}

.popup-overlay textarea {
    height: 88px;
}

input.login-captcha {
    height: 48px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #666;
    direction: ltr;
    text-align: center;
}

#re-send-sms {
    display: none;
    cursor: pointer;
    color: #007bff;
    /* رنگ دلخواه */
    text-decoration: underline;
}

#otp-countdown-message {
    display: block;
}

input.sms-code {
    direction: ltr;
    text-align: center;
}

.falnic-cta-container {
    width: 100%;
}

.falnic-cta-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: center;
}

.cta-invoice,
.cta-config-archive,
.cta-config-single,
.cta-out-stock {
    background-color: #0A3762;
    width: 100%;
    max-width: calc(100% - 56px);
    height: 44px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 8px;
    color: #fff !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

/* .cta-out-stock{
	background-color: #DE1D1D;
}
 */

.cta-out-stock,
.cta-invoice.variation-cta {
    max-width: none;
}

.cta-invoice:hover,
.cta-config-archive:hover,
.cta-config-single:hover,
.cta-out-stock:hover {
    transition: 0.3s;
    outline: solid 3px #6E96C9;
    background: #0a3762;
}

.cta-contact-us,
.cta-add-to-cart {
    padding: 0 !important;
    min-width: 48px;
    width: 48px;
    height: 44px;
    background-color: #fff !important;
    border: solid 2px #E88F00 !important;
    border-radius: 8px;
    align-items: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    transition: 0.3s;

}

.cta-contact-us:hover,
.cta-add-to-cart:hover {
    background-color: #FEEBCF !important;
    outline: solid 3px #ffefd9;
    transition: 0.3s;
}

.cta-contact-us-service,
.cta-buttons {
    background-color: #000000;
}

.cta-contact-us-service:hover ,
.cta-buttons:hover {
    background-color: #000000;
}

.captcha-container {
    padding: 0;
    width: 50%;
    border: 1px solid #A7A7A7;
    border-radius: 8px;
    background-color: #ededed;
    position: relative;
    height: 48px;
}

.reqular-price {
    display: flex;
    gap: 8px;
    width: fit-content;
    margin-right: auto;
}

span.price-discount-percentage {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #00A499;
    outline: solid 2px #DADADA;
    border-radius: 40px;
    width: 43px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reqular-price del {
    color: #8F8F8F;
    font-size: 16px;
    font-weight: 600;
}

.popup-overlay .captcha-code {
    width: 99px;
    height: 47px !important;
    padding: 3px 3px 9px;
    border-radius: 6px;
    object-fit: contain !important;
    object-position: center;
    filter: drop-shadow(0 0 0 #1a496a);
}

span.refresh-icon.reload-btn {
    position: absolute;
    font-size: 20px;
    top: 11px;
    right: auto;
    cursor: pointer;
    left: 13px;
}

a.cta-contact-us-service,
a.cta-buttons {
    font-size: 11px;
    font-family: دانا;
    background-color: rgb(232, 143, 0);
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 12px 40px;
    border-radius: 8px;
    transition: 200ms;
    width: 100%;
}

a.cta-contact-us-service:hover,
.cta-buttons:hover {

    background-color: rgb(232, 143, 0);
    outline: 3px solid #F0CF99;
    color: rgb(255, 255, 255);
    padding: 12px 40px;
    border-radius: 8px;
}

#sticky-con-service .falnic-service-extra-btn {
    display: flex;
    width: 16%;
}

.hero-contaner a.falnic-service-extra-btn {
    display: none !important;
}

span.contact-us-btn-calls {
    padding: 10px 10px 10px 10px;
    border: 2px solid #07294A;
    border-radius: 6px;
    display: flex;
    aspect-ratio: 1 / 1;
    justify-content: center;
    align-items: center;
}

.falnic-buttons-wrapper {
    display: flex;
    gap: 14px;
    justify-content: space-around;
}

@media (min-width: 600px) {
    #sticky-con-service .falnic-service-extra-btn {
        display: none !important;
    }
    a.cta-contact-us-service,
    .cta-buttons {
        font-size: 16px;
        
    }

}

.captcha-area {
    display: flex;
    gap: 8px;
    width: 100%;
}

.captcha-area>label {
    width: 50%;
}

#popup-verifyed {
    font-size: 14px;
    color: #3f3f3f;
    background-color: #d7e7ca;
}

#popup-verifyed>p {
    display: flex;
    flex-direction: column;
}

.form-item-full {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-item-full .input-group-text {
    width: 100%;
}

#otp-countdown-message {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    direction: ltr;
    padding: 0 6px;
}


.get-otp-issue {
    display: none;
    max-width: 100%;
    background-color: rgba(255, 0, 0, 0.22);
    font-family: دانا;
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-size: 14px !important;
    border-radius: 6px;
    padding: 20px 16px;
    margin: 20px 0px 0px;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: red !important;
    border-image: initial !important;
}

.popup-overlay input:focus-visible,
.popup-overlay textarea:focus-visible {
    outline: none;
    border-color: #666 !important;
}

@media (max-width :600px) {
    .popup-overlay {
        align-items: end;
    }

    .popup-container {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .falnic-product-rating {
        top: -4px;
        left: auto;
        right: auto;

    }
}

/* لاگین پایان */

.h_iframe-aparat_embed_frame iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    /*position: relative !important;*/
}

.top-header {
    display: flex;
    position: fixed;
    width: 100%;
    height: 32px;
    overflow: hidden;
    top: 0;
    right: 0;
    z-index: 11;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: center;
    background: #3a8391;
}

.top-header>a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;

}

.top-header a img {
    margin: 0;
    object-fit: cover;
    width: auto;
}

html {
    margin-top: 32px !important;
}

.header-top {
    top: 32px;
}

.h_iframe-aparat_embed_frame span {
    padding: 0 !important;
}

@media (max-width: 600px) {
    .reserve-popup-content {
        width: 78% !important;

    }

    .falnic-product-details {
        padding: 16px;

    }
}

@media (max-width: 1024px) {
    .woocommerce-dashboard .header-bottom, .header-top {
        /* display: none; */
    }
    .woocommerce-dashboard .dashboard-wrapper {
        margin-top: 21px !important;
    }
    .woocommerce-dashboard .secendery-header-contaner {
        height: 52px;
        margin-right: 0;
    }
    .woocommerce-dashboard .secendery-header-contaner a {
        color: #000;
    }
    .woocommerce-dashboard .secendery-header-contaner a > div {
        display: flex;
        flex-flow: row;
        align-items: center;
        gap: 10px;
        font-weight: 600;
    }
}

.falnic-archive-faq {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 16px;
    width: 80%;
    margin: 90px auto 0;
}

.falnic-archive-faq .faq-item {
    width: 100%;
    text-align: right;
    border-right: 6px solid transparent;
    transition: .5s all;
    margin-bottom: 16px !important;
    outline: 1px solid #B4B4B4;
    border-radius: 8px;
    background-color: #fff;
}

.falnic-archive-faq .faq-item[open] {
    border-right: 6px solid #0a3762;
}

.falnic-archive-faq .faq-item summary {
    display: flex;
    justify-content: space-between;
    text-align: right;
    cursor: pointer;
    background-color: #fff !important;
    color: #06131C !important;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    font-family: دانا !important;
    padding: 16px 20px !important;
}

.falnic-archive-faq .faq-item summary::after {
    content: '';
    background-image: url(https://falnic.com/wp-content/uploads/top-arrow.svg);
    width: 20px;
    height: 20px;
    display: block;
    transform: rotate(180deg);
    transition: transform 500ms;
}

.falnic-archive-faq .faq-item[open] summary::after {
    content: '';
    background-image: url(https://falnic.com/wp-content/uploads/top-arrow.svg);
    width: 20px;
    height: 20px;
    display: block;
    transform: none;
}

.falnic-archive-faq .faq-item .faq-content {
    text-align: right;
    color: rgb(63, 63, 63);
    font-size: 14px;
    font-family: دانا;
    font-weight: 400;
    line-height: 22px;
    padding: 0px 20px 16px !important;
}

.falnic-archive-faq .faq-item .faq-content p {
    margin: 0;
    color: rgb(63, 63, 63);
    font-size: 14px;
    font-family: دانا;
    font-weight: 400;
    line-height: 22px;
}

.falnic-archive-faq-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

#chat-facade-btn {
    position: fixed;
    bottom: 74px;
    right: 14px;
    z-index: 999999;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #1e608c;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

iframe#goftino_w {
    right: 4px !important;
    left: 0px !important;
    /* width: 100% !important; */
    /* height: 100% !important; */
    bottom: 64px !important;
    max-height: calc(100% - 74px);
    max-width: calc(100% - 14px);
}

@media (max-width: 768px) {
    .falnic-archive-faq-title {
        display: none;
    }
    .falnic-archive-faq .faq-item summary {
        font-size: 14px;
    }
}
    .falnic-archive-faq .faq-item summary {
        font-size: 14px;
    }

.pwa-install-container {
    display: flex;
    position: fixed;
    bottom: 70px;
    Z-INDEX: 9999;
    left: 12px;
}

button.pwa-install-btn {
    aspect-ratio: 1 / 1;
    width: 55px;
    overflow: hidden;
    font-size: 9px;
    border-radius: 99px;
    border: solid;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transition: 0.3s;
}

button.pwa-install-btn:hover {
    border-radius: 99px;
    border: solid #003366;
    transition: 0.3s;

}

button.pwa-close-btn {
    width: 20px;
    aspect-ratio: 1;
    height: 20px;
    position: absolute;
    border-radius: 99px;
    top: -11px;
    left: -4px;
    background-color: #00000075;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    line-height: normal;
}

.wp-audio-shortcode {
    z-index: 0;
}
/* سایر استایل های بدنه که در پیام قبل بود سر جای خودش می ماند */

.mega-menu {
    position: absolute;
    top: 75px;
    right: 0;
    width: 800px;
    display: none;
    flex-direction: row;
    z-index: 1000;
    
    /* به جای box-shadow از drop-shadow استفاده می کنیم تا سایه دور عناصرِ مرئی بیفتد */
    background: transparent;
    border: none;
    filter: drop-shadow(0 4px 15px rgba(0,0,0,0.1));
    height: 560px;
}

.has-mega-menu:hover .mega-menu {
    display: flex;
}

.mega-col {
    flex: 1; /* عرض ستون ها همیشه ثابت (33 درصد) می ماند */
    background: #fff;
    padding: 15px 0;
    min-height: 300px;
    
    /* مخفی سازی ستون ها در حالت عادی به گونه ای که فضا را اشغال کنند اما دیده نشوند */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
    overflow-y: auto;
    scrollbar-color: #D9D9D9 transparent;
}

/* ستون اول همیشه مرئی است */
.mega-col.level-1 {
    visibility: visible;
    opacity: 1;
}

/* کلاسی که با جاوااسکریپت اضافه می شود تا ستون های بعدی را مرئی کند */
.mega-col.is-visible {
    position: relative;
    visibility: visible;
    opacity: 1;
}

.menu-row {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    text-decoration: none;
    transition: all 0.2s;
    margin: 0 10px;
    border-radius: 4px;
}

.menu-row:hover, .menu-row.active {
    background-color: #e6f0f9;
    color: #0A3762;
    font-weight: 600;
}

.menu-row .icon-left svg:first-child { 
    opacity: 0;
    display: none;
    font-size: 16px;
}

.menu-row.active .icon-left svg:first-child { 
    opacity: 1;
    display: block;
}

.menu-row.active .icon-left svg:last-child { 
    opacity: 0;
    display: none;
}

.menu-row.active .icon-left { 
    color: #0A3762; 
}

.sub-panel, .item-panel { 
    display: none; 
}

.sub-panel.active, .item-panel.active { 
    display: block; 
}

.level-3 .panel-header a, .level-2 .panel-header:not(:has(a)), .level-2 .panel-header:has(a) a {
    font-size: 12px;
    font-weight: bold;
    color: #0A3762;
}

.panel-header span {
    font-size: 12px;
    font-weight: bold;
    color: #0A3762;
    padding: 10px 20px 16px 20px;
    display: flex;
    gap: 3px;
}

.panel-header:not(:has(span)) a, .panel-header:not(:has(span)) {
    padding: 10px 20px 16px 20px;
}

.menu-row.active .icon-left {
    opacity: 1;
}

.item-panel ul {
    list-style: none;
    padding-right: 24px;
}

.submenu {
    width: 300px !important;
}

.submenu.submenu-left {
    right: unset;
}

.is-visible::before {
    content: "";
    width: 1px;
    height: 530px;
    background: #ECECEC;
    position: fixed;
    /* right: 0; */
}

.mega-col::-webkit-scrollbar {
    border-radius: 10px;
    width: 15px;
}

.mega-col::-webkit-scrollbar-thumb {
    border: 5px solid transparent;
    background: #D9D9D9;
    border-radius: 10px;
    background-clip: padding-box;
}

.mega-col::-webkit-scrollbar-track {
    background: transparent;
}

.mega-col.border-radius {
    border-radius: 8px;
}

.mega-col.border-radius-left {
    border-radius: 8px 0 0 8px;
}

.mega-col.border-radius-right {
    border-radius: 0 8px 8px 0;
}

/* =========================================
   Falnic Google News Popup
   ========================================= */
#falnic-gnews-popup {
    position: fixed; bottom: 30px; left: 30px; width: 320px;
    background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 20px; z-index: 999999;
    transform: translateY(150px); opacity: 0; visibility: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-family: inherit; border: 1px solid #eaeaea; direction: rtl;
}
#falnic-gnews-popup.is-visible { transform: translateY(0); opacity: 1; visibility: visible; }
.gnews-popup-close {
    position: absolute; top: 10px; left: 10px; background: none; border: none;
    font-size: 24px; line-height: 1; color: #999; cursor: pointer; padding: 0 5px;
}
.gnews-popup-close:hover { color: #333; }
.gnews-popup-content p.gnews-main-text {
    font-size: 13px; line-height: 1.6; color: #444; margin: 0 0 15px 0;
    text-align: right; padding-left: 20px;
}
.gnews-vpn-warning {
    font-size: 12px; color: #d32f2f; margin-bottom: 10px; text-align: center;
    display: none; transition: all 0.2s ease;
}
.gnews-vpn-warning.is-bold { font-weight: 900; transform: scale(1.05); }
.gnews-btn-wrapper {
    position: relative; display: flex; justify-content: center; min-height: 40px;
}
.gnews-fake-btn {
    background: #1a73e8; color: #fff; padding: 8px 24px; border-radius: 20px;
    font-size: 13px; font-weight: 500; display: none; align-items: center; 
    justify-content: center; width: max-content; border: none; cursor: pointer;
}
.gnews-fake-btn svg { width: 16px; height: 16px; margin-left: 8px; fill: currentColor; }
.gnews-btn-overlay {
    display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    z-index: 10; cursor: pointer; background: transparent;
}
@media (max-width: 768px) {
    #falnic-gnews-popup { bottom: 80px; left: 20px; right: 20px; width: auto; }
}

/* بهینه‌سازی رندرینگ بخش‌های پایین صفحه (Below-the-Fold) */
.falnic-shop-main > .falnic-archive-faq,
.front-page-main .faq-section,
.front-page-main .blog-section,
.front-page-main #customer-club,
.page-shop-main .faq-section,
.page-shop-main .blog-section,
.fn-faq-section,
.fn-bottom-stats-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 450px;
}