/*
 * Vistateam Persian RTL hardening layer v1.2.1
 * Loaded after the complete mirrored vendor stylesheets.
 * Keep this file small and explicit: it covers WordPress/Elementor generated
 * CSS, third-party widgets, and a few critical components that may be cached.
 */

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Lahzeh', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] #qodef-page-wrapper,
html[dir="rtl"] #qodef-page-outer,
html[dir="rtl"] #qodef-page-inner,
html[dir="rtl"] #qodef-page-content,
html[dir="rtl"] #qodef-page-header,
html[dir="rtl"] #qodef-page-mobile-header,
html[dir="rtl"] #qodef-page-footer,
html[dir="rtl"] .qodef-grid,
html[dir="rtl"] .qodef-shortcode,
html[dir="rtl"] .qodef-blog,
html[dir="rtl"] .qodef-podcast-single,
html[dir="rtl"] .woocommerce,
html[dir="rtl"] .elementor {
    direction: rtl;
}

/* Persian typography. Do not target icon-font elements. */
html[dir="rtl"] body,
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label,
html[dir="rtl"] blockquote,
html[dir="rtl"] .qodef-h1,
html[dir="rtl"] .qodef-h2,
html[dir="rtl"] .qodef-h3,
html[dir="rtl"] .qodef-h4,
html[dir="rtl"] .qodef-h5,
html[dir="rtl"] .qodef-h6,
html[dir="rtl"] .qodef-m-title,
html[dir="rtl"] .qodef-e-title,
html[dir="rtl"] .qodef-widget-title,
html[dir="rtl"] .qodef-m-text,
html[dir="rtl"] .elementor-heading-title,
html[dir="rtl"] .elementor-button-text,
html[dir="rtl"] .elementor-widget-text-editor,
html[dir="rtl"] .elementor-icon-list-text {
    font-family: 'Lahzeh', Tahoma, Arial, sans-serif !important;
}

html[lang^="fa"] h1,
html[lang^="fa"] h2,
html[lang^="fa"] h3,
html[lang^="fa"] h4,
html[lang^="fa"] h5,
html[lang^="fa"] h6,
html[lang^="fa"] button,
html[lang^="fa"] .qodef-m-title,
html[lang^="fa"] .qodef-e-title,
html[lang^="fa"] .elementor-heading-title,
html[lang^="fa"] .elementor-button-text {
    letter-spacing: 0 !important;
}

/* Logical default alignment while preserving deliberately centered layouts. */
html[dir="rtl"] .qodef-content-alignment-left,
html[dir="rtl"] .qodef-alignment--left {
    text-align: right !important;
}
html[dir="rtl"] .qodef-content-alignment-right,
html[dir="rtl"] .qodef-alignment--right {
    text-align: left !important;
}

/* Elementor stores many imported demo alignments as physical classes. */
html[dir="rtl"] .elementor-align-left,
html[dir="rtl"] .elementor-widget-heading.elementor-align-left,
html[dir="rtl"] .elementor-widget-text-editor.elementor-align-left,
html[dir="rtl"] .elementor-widget-button.elementor-align-left .elementor-button-wrapper,
html[dir="rtl"] .elementor-widget-icon-list.elementor-align-left .elementor-icon-list-items {
    text-align: right !important;
}
html[dir="rtl"] .elementor-align-right,
html[dir="rtl"] .elementor-widget-heading.elementor-align-right,
html[dir="rtl"] .elementor-widget-text-editor.elementor-align-right,
html[dir="rtl"] .elementor-widget-button.elementor-align-right .elementor-button-wrapper,
html[dir="rtl"] .elementor-widget-icon-list.elementor-align-right .elementor-icon-list-items {
    text-align: left !important;
}

@media (max-width: 1024px) {
    html[dir="rtl"] .elementor-tablet-align-left,
    html[dir="rtl"] .elementor-widget-heading.elementor-tablet-align-left,
    html[dir="rtl"] .elementor-widget-text-editor.elementor-tablet-align-left,
    html[dir="rtl"] .elementor-widget-button.elementor-tablet-align-left .elementor-button-wrapper {
        text-align: right !important;
    }
    html[dir="rtl"] .elementor-tablet-align-right,
    html[dir="rtl"] .elementor-widget-heading.elementor-tablet-align-right,
    html[dir="rtl"] .elementor-widget-text-editor.elementor-tablet-align-right,
    html[dir="rtl"] .elementor-widget-button.elementor-tablet-align-right .elementor-button-wrapper {
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .elementor-mobile-align-left,
    html[dir="rtl"] .elementor-widget-heading.elementor-mobile-align-left,
    html[dir="rtl"] .elementor-widget-text-editor.elementor-mobile-align-left,
    html[dir="rtl"] .elementor-widget-button.elementor-mobile-align-left .elementor-button-wrapper {
        text-align: right !important;
    }
    html[dir="rtl"] .elementor-mobile-align-right,
    html[dir="rtl"] .elementor-widget-heading.elementor-mobile-align-right,
    html[dir="rtl"] .elementor-widget-text-editor.elementor-mobile-align-right,
    html[dir="rtl"] .elementor-widget-button.elementor-mobile-align-right .elementor-button-wrapper {
        text-align: left !important;
    }
}

/* Critical side-area guard. The former layered RTL CSS left both right and
 * left defined, which kept the drawer on the English side. */
html[dir="rtl"] #qodef-side-area {
    right: auto !important;
    left: -400px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
html[dir="rtl"] .qodef-side-area--opened #qodef-side-area {
    right: auto !important;
    left: 0 !important;
}
html[dir="rtl"] #qodef-side-area-close {
    right: auto !important;
    left: 40px !important;
}

/* Back-to-top belongs on the start side in RTL. */
html[dir="rtl"] #qodef-back-to-top {
    right: auto !important;
    left: 25px !important;
}

/* Podcast single: screenshot-targeted safeguards for episode jump list and transcript. */
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-navigation,
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-transcript,
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-content-holder,
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-hosts {
    direction: rtl;
}
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-navigation .qodef-m-image img {
    border-radius: 10px 0 0 10px;
}
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-navigation .qodef-m-items {
    padding-left: 0;
    padding-right: 6.25vw;
    text-align: right;
}
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-navigation .qodef-m-items .qodef-info--info-items .qodef-jump-button {
    margin-right: 0;
    margin-left: 16px;
}
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-transcript .qodef-m-text,
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-transcript .qodef-m-transcript-text {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .qodef-podcast-single .qodef-podcast-transcript .qodef-m-text .qodef-m-transcript-text p {
    margin-right: 0;
    margin-left: 45px;
}
@media (max-width: 1024px) {
    html[dir="rtl"] .qodef-podcast-single .qodef-podcast-navigation .qodef-m-items {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 680px) {
    html[dir="rtl"] .qodef-podcast-single .qodef-podcast-navigation .qodef-m-image img {
        border-radius: 0;
    }
}

/* Lists, comments, forms, and WooCommerce textual controls. */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    direction: rtl;
}
html[dir="rtl"] .comment-list,
html[dir="rtl"] .woocommerce form,
html[dir="rtl"] .woocommerce table,
html[dir="rtl"] .select2-container,
html[dir="rtl"] .select2-results {
    direction: rtl;
    text-align: right;
}

/* Technical content remains LTR to avoid corrupting addresses, URLs, phone
 * numbers, timestamps, source code and the MediaElement player timeline. */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] kbd,
html[dir="rtl"] samp,
html[dir="rtl"] .mejs-time,
html[dir="rtl"] .mejs-time-rail {
    direction: ltr !important;
    unicode-bidi: isolate;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"] {
    text-align: left !important;
}

/* Swiper uses its own RTL translation math; setting dir here also protects
 * instances initialized by Elementor/Qi after page load. */
html[dir="rtl"] .swiper,
html[dir="rtl"] .swiper-container,
html[dir="rtl"] .qodef-swiper-container,
html[dir="rtl"] .qi-addons-for-elementor .swiper-container {
    direction: rtl;
}

/* Exact typography bridge for upstream Lato/Open Sans text selectors. */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] .qodef-h1,
html[dir="rtl"] h2,
html[dir="rtl"] .qodef-h2,
html[dir="rtl"] h3,
html[dir="rtl"] .qodef-h3,
html[dir="rtl"] h4,
html[dir="rtl"] .qodef-h4,
html[dir="rtl"] h5,
html[dir="rtl"] .qodef-h5,
html[dir="rtl"] h6,
html[dir="rtl"] .qodef-h6,
html[dir="rtl"] blockquote,
html[dir="rtl"] .wp-block-quote,
html[dir="rtl"] input[type="submit"],
html[dir="rtl"] button[type="submit"],
html[dir="rtl"] .qodef-theme-button,
html[dir="rtl"] .mfp-bottom-bar .mfp-title,
html[dir="rtl"] .mfp-bottom-bar .mfp-counter,
html[dir="rtl"] .qodef-blog .qodef-blog-item.format-quote .qodef-e-quote:before,
html[dir="rtl"] .qodef-blog .qodef-blog-item.format-quote .qodef-e-quote-author,
html[dir="rtl"] .qodef-blog.qodef--single .qodef-blog-item .qodef-e-inner .qodef-e-content .qodef-e-text p,
html[dir="rtl"] .qodef-blog.qodef--single .qodef-blog-item .qodef-e-inner .qodef-e-content .qodef-e-text blockquote p,
html[dir="rtl"] #qodef-page-comments-list .qodef-comment-item .qodef-e-links > *,
html[dir="rtl"] #qodef-page-comments-list .qodef-comment-item .comment-respond .comment-reply-title small a,
html[dir="rtl"] .qodef-m-filter .qodef-m-filter-item,
html[dir="rtl"] .wp-block-button .wp-block-button__link,
html[dir="rtl"] .qodef-mobile-header-navigation > ul > li > a,
html[dir="rtl"] .qodef-mobile-header-navigation .qodef-drop-down-second-inner ul li > a,
html[dir="rtl"] .qodef-header-navigation > ul > li > a,
html[dir="rtl"] .qodef-single-links .qodef-m-single-links-title,
html[dir="rtl"] .widget.widget_rss ul .rsswidget,
html[dir="rtl"] #qodef-woo-page .qodef-woo-product-mark,
html[dir="rtl"] .qodef-woo-shortcode .qodef-woo-product-mark,
html[dir="rtl"] #qodef-woo-page .price,
html[dir="rtl"] .qodef-woo-shortcode .price,
html[dir="rtl"] #qodef-woo-page.qodef--cart .button,
html[dir="rtl"] #qodef-woo-page.qodef--checkout .button,
html[dir="rtl"] .qodef-woo-shortcode.qodef--cart .button,
html[dir="rtl"] .qodef-woo-shortcode.qodef--checkout .button,
html[dir="rtl"] #qodef-woo-page .button.single_add_to_cart_button,
html[dir="rtl"] .qodef-woo-shortcode .button.single_add_to_cart_button,
html[dir="rtl"] #qodef-woo-page .quantity input[type="number"],
html[dir="rtl"] .woocommerce-page div.woocommerce .shop_table th,
html[dir="rtl"] #qodef-woo-page.qodef--cart .shop_table td.product-name a,
html[dir="rtl"] #qodef-woo-page.qodef--cart .cross-sells > h2,
html[dir="rtl"] #qodef-woo-page.qodef--cart .cart_totals > h2,
html[dir="rtl"] .woocommerce-page div.woocommerce > .cart-empty,
html[dir="rtl"] .woocommerce-page div.woocommerce > .return-to-shop a,
html[dir="rtl"] #qodef-woo-page.qodef--checkout .wc_payment_methods label,
html[dir="rtl"] .woocommerce-account .woocommerce-Address-title a,
html[dir="rtl"] .woocommerce-account .woocommerce-MyAccount-navigation ul li a,
html[dir="rtl"] .woocommerce-account .woocommerce-MyAccount-content h2,
html[dir="rtl"] .woocommerce-account .button,
html[dir="rtl"] .woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received,
html[dir="rtl"] .woocommerce-order-received .woocommerce-order h2,
html[dir="rtl"] .qodef-woo-product-list .qodef-woo-product-title-inner .price,
html[dir="rtl"] #qodef-woo-page.qodef--single .entry-summary .price,
html[dir="rtl"] #qodef-woo-page.qodef--single form.cart.grouped_form .group_table label,
html[dir="rtl"] #qodef-woo-page.qodef--single form.cart .group_table th,
html[dir="rtl"] #qodef-woo-page.qodef--single form.cart .variations label,
html[dir="rtl"] #qodef-woo-page.qodef--single .out-of-stock,
html[dir="rtl"] #qodef-woo-page.qodef--single .product_meta .qodef-woo-meta-title,
html[dir="rtl"] #qodef-woo-page.qodef--single .product_meta .qodef-woo-meta-label,
html[dir="rtl"] #qodef-woo-page.qodef--single .qodef-social-share .qodef-social-title,
html[dir="rtl"] #qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li a,
html[dir="rtl"] #qodef-woo-page.qodef--single .shop_attributes th,
html[dir="rtl"] #qodef-woo-page.qodef--single .woocommerce-Reviews .woocommerce-review__author,
html[dir="rtl"] #qodef-woo-page.qodef--single #review_form .comment-reply-title,
html[dir="rtl"] #qodef-woo-page.qodef--single .related > h2,
html[dir="rtl"] #qodef-woo-page.qodef--single .up-sells > h2,
html[dir="rtl"] .widget.woocommerce .qodef-woo-product-title,
html[dir="rtl"] .widget.woocommerce a .product-title,
html[dir="rtl"] .widget.woocommerce .price,
html[dir="rtl"] .widget.woocommerce .button,
html[dir="rtl"] .widget.woocommerce.widget_price_filter .price_slider_amount .button,
html[dir="rtl"] .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content ul li a:not(.remove),
html[dir="rtl"] .widget.woocommerce.widget_recent_reviews a,
html[dir="rtl"] #qodef-single-post-navigation .qodef-m-nav-label,
html[dir="rtl"] .qodef-fullscreen-menu > ul > li > a,
html[dir="rtl"] .qodef-fullscreen-menu .qodef-drop-down-second-inner ul li > a,
html[dir="rtl"] .qodef-map-marker-holder .qodef-info-window-inner .qodef-info-window-location,
html[dir="rtl"] .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li > a,
html[dir="rtl"] .qodef-header-navigation ul li.qodef-menu-item--wide .qodef-drop-down-second-inner > ul > li ul li > a,
html[dir="rtl"] .qodef-twitter-list.qodef-layout--columns #ctf .ctf-author-name,
html[dir="rtl"] .qodef-twitter-list.qodef-layout--columns #ctf .ctf-context,
html[dir="rtl"] .qodef-twitter-list.qodef-layout--columns #ctf .ctf-twitterlink,
html[dir="rtl"] .qodef-twitter-list.qodef-layout--columns #ctf .ctf-tweet-meta,
html[dir="rtl"] .qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-icon,
html[dir="rtl"] .qodef-woo-dropdown-cart .qodef-m-opener .qodef-m-opener-count,
html[dir="rtl"] .qodef-woo-dropdown-cart .qodef-m-order-details > *,
html[dir="rtl"] .qodef-woo-dropdown-cart .qodef-m-action-link,
html[dir="rtl"] #qodef-podcast-popup-modal .qodef-m-player-box .qodef-podcast-title,
html[dir="rtl"] .qodef-podcast-list.qodef-item-layout--simple article .qodef-e-inner .qodef-e-content .qodef-e-info-date span:first-child,
html[dir="rtl"] .qodef-podcast-player-sc.qodef-layout--info-left .qodef-m-player-box .qodef-m-box-info .qodef-m-episode-number,
html[dir="rtl"] .qodef-podcast-player-sc.qodef-layout--info-left .qodef-e-image .qodef-e-episode-marker,
html[dir="rtl"] .qodef-podcast-season-list .qodef-season-items .qodef-m-item .qodef-e-title-link,
html[dir="rtl"] #qodef-podcast-single-related-items .qodef-podcast-list.qodef-item-layout--info-right .qodef-e-content .qodef-next-text,
html[dir="rtl"] #qodef-podcast-single-related-items .qodef-podcast-list.qodef-item-layout--info-right .qodef-e-content .qodef-e-title,
html[dir="rtl"] #qodef-podcast-single-related-items .qodef-podcast-list.qodef-item-layout--info-right .qodef-navigation-holder .qodef-nav-next-text,
html[dir="rtl"] #qodef-podcast-single-related-items .qodef-podcast-list.qodef-item-layout--info-right .qodef-navigation-holder .qodef-nav-prev-text,
html[dir="rtl"] #qodef-single-podcast-navigation .qodef-podcast-item .qodef-e-content .qodef-next-text,
html[dir="rtl"] #qodef-single-podcast-navigation .qodef-podcast-item .qodef-e-content .qodef-e-title,
html[dir="rtl"] #qodef-single-podcast-navigation .qodef-m-nav-label,
html[dir="rtl"] .qodef-testimonials-list .qodef-e-author .qodef-e-author-job,
html[dir="rtl"] .qodef-fullscreen-search-holder .qodef-m-form-field,
html[dir="rtl"] .qodef-fullscreen-search-holder .qodef-m-form-field:-ms-input-placeholder,
html[dir="rtl"] .qodef-fullscreen-search-holder .qodef-m-form-field::placeholder,
html[dir="rtl"] .qodef-search-opener.qodef-source--icon-pack,
html[dir="rtl"] .qodef-search-opener.qodef-source--custom-predefined,
html[dir="rtl"] .qodef-anchor-menu .qodef-anchor,
html[dir="rtl"] .qodef-banner .qodef-m-subtitle,
html[dir="rtl"] .qodef-button.qodef-html--link,
html[dir="rtl"] .qodef-dropcaps .qodef-m-letter,
html[dir="rtl"] .qodef-progress-bar:not(.qodef-layout--line) .progressbar-text,
html[dir="rtl"] .qodef-tabs.qodef-layout--simple .qodef-tabs-navigation li a,
html[dir="rtl"] .qodef-social-share .qodef-social-title,
html[dir="rtl"] .qodef-podcast-player-sc.qodef-layout--simple .qodef-m-player-box .qodef-podcast-title {
    font-family: 'Lahzeh', Tahoma, Arial, sans-serif !important;
}
/* ========================================================================== 
   Vistateam 1.4 / MediaElement RTL hardening — v1.2.1
   The control strip follows RTL, while timestamps and the seek/volume math
   remain LTR because MediaElement calculates those offsets from the left edge.
   ========================================================================== */
html[dir="rtl"] .mejs-container {
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .mejs-controls {
    direction: rtl !important;
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .mejs-time,
html[dir="rtl"] .mejs-time-rail,
html[dir="rtl"] .mejs-time-total,
html[dir="rtl"] .mejs-time-current,
html[dir="rtl"] .mejs-time-loaded,
html[dir="rtl"] .mejs-time-buffering,
html[dir="rtl"] .mejs-time-hovered,
html[dir="rtl"] .mejs-time-handle,
html[dir="rtl"] .mejs-time-float,
html[dir="rtl"] .mejs-volume-slider,
html[dir="rtl"] .mejs-volume-total,
html[dir="rtl"] .mejs-volume-current,
html[dir="rtl"] .mejs-volume-handle {
    direction: ltr !important;
    unicode-bidi: isolate;
}

/* Keep seek progress geometry identical to MediaElement's native LTR math. */
html[dir="rtl"] .mejs-time-buffering,
html[dir="rtl"] .mejs-time-current,
html[dir="rtl"] .mejs-time-hovered,
html[dir="rtl"] .mejs-time-loaded {
    left: 0 !important;
    right: auto !important;
    transform-origin: 0 0 !important;
}
html[dir="rtl"] .mejs-time-handle,
html[dir="rtl"] .mejs-time-handle-content {
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .mejs-time-handle-content {
    left: -7px !important;
    right: auto !important;
}
html[dir="rtl"] .mejs-time-float {
    transform: translateX(-50%) !important;
}
html[dir="rtl"] .mejs-time-float-current {
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .mejs-time-float-corner {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}

/* The popup is centered on the volume button itself. Physical centering must
   not be mirrored; otherwise it drifts over the podcast title. */
html[dir="rtl"] .mejs-volume-button > .mejs-volume-slider {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}
html[dir="rtl"] .mejs-volume-total {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
}
html[dir="rtl"] .mejs-volume-current {
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .mejs-volume-handle {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 5px) !important;
}
html[dir="rtl"] .mejs-horizontal-volume-current,
html[dir="rtl"] .mejs-horizontal-volume-total {
    left: 0 !important;
    right: auto !important;
}

/* Play glyph is temporal, not directional UI chrome; preserve its native
   optical centering rather than mirroring the two-pixel SVG offset. */
html[dir="rtl"] .mejs-play > button:before {
    left: 2px !important;
    right: auto !important;
}

/* If Qode's first initialization was interrupted by a third-party Swiper
   registration, the rescue script retries it. This class is only a last-resort
   visibility fallback so the Elementor section never remains blank. */
html[dir="rtl"] .qodef-swiper-container.qodef-rtl-swiper-fallback {
    visibility: visible !important;
}

/* Vistateam: font-independent play glyphs for MediaElement players. */
html[dir="rtl"] .mejs-playpause-button.mejs-play>button:before,
html[dir="rtl"] .mejs-play>button:before{content:""!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;right:auto!important;width:0!important;height:0!important;margin:0!important;background:transparent!important;border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:12px solid currentColor!important;border-right:0!important;transform:translate(-38%,-50%)!important;opacity:1!important}
/* Desktop widget side area. The mobile navigation uses its own drawer. */
@media (min-width: 1025px) {
  html[dir="rtl"] body #qodef-side-area {
    top: 16px;
    bottom: 16px;
    left: 16px !important;
    right: auto !important;
    width: min(390px, calc(100vw - 32px));
    height: auto;
    min-height: 0;
    padding: 78px 24px 24px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: right;
    direction: rtl;
    background: #fbfcfa;
    border: 1px solid rgba(19, 54, 36, .12);
    border-radius: 24px !important;
    box-shadow: 0 28px 85px rgba(9, 25, 16, .23), 0 3px 14px rgba(9, 25, 16, .07);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(calc(-100% - 32px), 0, 0) scale(.975);
    transform-origin: left center;
    transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .4s ease, visibility .7s;
    will-change: transform;
  }

  html[dir="rtl"] .admin-bar #qodef-side-area { top: 48px; }

  html[dir="rtl"] body.qodef-side-area--opened #qodef-side-area {
    left: 16px !important;
    right: auto !important;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1);
  }

  #qodef-side-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 3px;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(90deg, transparent, #42dd92 35%, #42dd92 65%, transparent);
  }

  html[dir="rtl"] #qodef-side-area-close,
  html[dir="rtl"] .admin-bar #qodef-side-area-close {
    top: 20px !important;
    left: 24px !important;
    right: auto !important;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(21, 57, 38, .14);
    border-radius: 50%;
    background: #fff;
    color: #15271c;
    box-shadow: 0 3px 12px rgba(20, 50, 32, .06);
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
  }

  #qodef-side-area-close .qodef-m-icon { display: none !important; }
  #qodef-side-area-close::before,
  #qodef-side-area-close::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transform: rotate(45deg);
  }
  #qodef-side-area-close::after { transform: rotate(-45deg); }
  #qodef-side-area-close:hover { color: #073b23; background: #e7fff0; border-color: #79ddb0; transform: rotate(90deg); }
  #qodef-side-area-close:focus-visible { outline: 2px solid #24c979; outline-offset: 3px; }

  #qodef-side-area-inner { position: relative; }
  #qodef-side-area-inner > .widget {
    margin: 0 0 14px;
    padding: 20px;
    border: 1px solid rgba(22, 58, 38, .085);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(24, 54, 35, .035);
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    transition: opacity .52s ease, transform .68s cubic-bezier(.22, 1, .36, 1);
  }
  .qodef-side-area--opened #qodef-side-area-inner > .widget { opacity: 1; transform: translate3d(0, 0, 0); }
  .qodef-side-area--opened #qodef-side-area-inner > .widget:nth-child(1) { transition-delay: .12s; }
  .qodef-side-area--opened #qodef-side-area-inner > .widget:nth-child(2) { transition-delay: .20s; }
  .qodef-side-area--opened #qodef-side-area-inner > .widget:nth-child(3) { transition-delay: .28s; }
  .qodef-side-area--opened #qodef-side-area-inner > .widget:nth-child(4) { transition-delay: .36s; }
  .qodef-side-area--opened #qodef-side-area-inner > .widget:nth-child(n+5) { transition-delay: .42s; }
  #qodef-side-area-inner > .widget.widget_media_image { padding: 8px 20px 18px; border: 0; background: transparent; box-shadow: none; }
  #qodef-side-area-inner > .widget.widget_media_image img { max-width: 180px; }
  #qodef-side-area-inner > .widget.widget_vistateam_core_separator {
    height: 1px;
    min-height: 1px;
    margin: 1px 14px 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, transparent, rgba(26, 65, 43, .15), transparent);
    box-shadow: none;
  }
  #qodef-side-area-inner > .widget.widget_vistateam_core_separator > * { display: none; }
  #qodef-side-area .widget .qodef-widget-title { margin: 0 0 16px; font-size: 20px; line-height: 1.4; color: #12271b; text-align: right; }
  #qodef-side-area .widget a { color: #133e27; transition: color .25s ease; }
  #qodef-side-area .widget a:hover { color: #128551; }
  #qodef-side-area .widget p { line-height: 1.85; }
  #qodef-side-area .widget .qodef-social-icons-group { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
  .qodef-side-area--opened .qodef-side-area-cover { background: rgba(5, 17, 10, .31); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
  html[dir="rtl"] #qodef-side-area,
  #qodef-side-area-inner > .widget { transition-duration: .01ms !important; transition-delay: 0ms !important; }
}