﻿/* FileSana / fresh header / 2026-10-06
   Standalone stylesheet. No legacy CSS, imports, frameworks or icon fonts.
   The existing WebForms controls and menu scripts remain authoritative.
   Scope: header, navigation, quick-action cards and footer. */
@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/vazirmatn/Vazirmatn-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

body.rd-modern {
    --fs-ink: #193749;
    --fs-teal: #008c86;
    --fs-line: #deebee;
    --fs-bg: #f5faf9;
    --fs-gutter: 32px;
    margin: 0;
    background: var(--fs-bg);
    color: var(--fs-ink);
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
}

    body.rd-modern :where(.top_nav, #header, .menu_container > .cont, .rd-quick-actions),
    body.rd-modern :where(.top_nav, #header, .menu_container > .cont, .rd-quick-actions) * {
        box-sizing: border-box;
    }

    body.rd-modern :where(.top_nav, #header, .menu_container > .cont, .rd-quick-actions) {
        direction: rtl;
        font-family: Vazirmatn, Tahoma, Arial, sans-serif;
    }

        body.rd-modern :where(.top_nav, #header, .menu_container > .cont, .rd-quick-actions) a {
            color: inherit;
            text-decoration: none;
        }

            body.rd-modern :where(.top_nav, #header, .menu_container > .cont, .rd-quick-actions) a:focus-visible,
            body.rd-modern #search input:focus-visible {
                outline: 2px solid #087970;
                outline-offset: 4px;
            }
    /* 1. Main links and contacts */
    body.rd-modern .top_nav {
        padding: 24px var(--fs-gutter) 0;
        position: relative;
        z-index: 40;
    }

    body.rd-modern .top_nav_container {
        display: flex;
        align-items: center;
        gap: 18px;
        width: 100%;
        min-height: 66px;
        padding: 10px 14px;
        background: #fff;
        border: 1px solid #e7eff1;
        border-radius: 22px 22px 0 0;
    }

    body.rd-modern .navmenu,
    body.rd-modern .navmenu ul,
    body.rd-modern .rd-account ul,
    body.rd-modern #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    body.rd-modern .navmenu {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

        body.rd-modern .navmenu > li {
            position: relative;
        }

            body.rd-modern .navmenu > li > a {
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 10px 8px;
                min-height: 40px;
                font-size: 12px;
                font-weight: 500;
                line-height: 1.8;
                white-space: nowrap;
            }

                body.rd-modern .navmenu > li > a:hover {
                    color: var(--fs-teal);
                }
                /* Keep every existing navigation icon visible, including on mobile. */
                body.rd-modern .navmenu > li > a > i {
                    display: inline-block;
                    color: #008c86;
                }

        body.rd-modern .navmenu .sub-menu,
        body.rd-modern .rd-account .sub-menu {
            display: none;
            position: absolute;
            top: 100%;
            right: 0;
            min-width: 220px;
            max-width: calc(100vw - 48px);
            padding: 8px;
            border: 1px solid var(--fs-line);
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 14px 32px #19374914;
            text-align: right;
            z-index: 50;
        }

        body.rd-modern .navmenu li:hover > .sub-menu,
        body.rd-modern .navmenu li:focus-within > .sub-menu,
        body.rd-modern .rd-account .box_seleccionar:hover > .sub-menu,
        body.rd-modern .rd-account .box_seleccionar:focus-within > .sub-menu {
            display: block;
        }

    body.rd-modern :where(.navmenu, .rd-account) .sub-menu a {
        display: block;
        padding: 10px 12px;
        border-radius: 7px;
        font-size: 12px;
        line-height: 1.9;
    }

        body.rd-modern :where(.navmenu, .rd-account) .sub-menu a:hover {
            background: #eef8f5;
            color: #007b70;
        }

    body.rd-modern .headcontact2 {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
    }

        body.rd-modern .headcontact2 > span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-width: 160px;
            min-height: 40px;
            padding: 8px 10px;
            border-radius: 10px;
            background: #f0f7f6;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.8;
            white-space: nowrap;
            direction: ltr;
        }

            body.rd-modern .headcontact2 > span:first-child {
                direction: ltr;
            }

                body.rd-modern .headcontact2 > span:first-child img {
                    order: -1;
                }

        body.rd-modern .headcontact2 img {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        body.rd-modern .headcontact2 a,
        body.rd-modern .headcontact2 font {
            color: #007c87;
        }

            body.rd-modern .headcontact2 a[href^="tel:"] {
                direction: ltr;
            }

    body.rd-modern .shownav {
        display: none;
    }
    /* 2. Logo / search / account. Control IDs and default-button behavior unchanged. */
    body.rd-modern #header {
        padding: 28px var(--fs-gutter) 34px;
        position: relative;
        z-index: 30;
    }

    body.rd-modern #header_grid_container {
        display: grid;
        grid-template-columns: 208px minmax(280px,600px) auto;
        align-items: center;
        justify-content: space-between;
        gap: 32px;
        width: 100%;
        min-height: 110px;
    }

    body.rd-modern #logo {
        width: 208px;
        max-width: 100%;
    }

        body.rd-modern #logo > a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 110px;
            padding: 0;
            background: transparent;
            border-radius: 0;
        }

        body.rd-modern #logo img {
            display: block;
            max-width: 100%;
            width: auto;
            height: auto;
            max-height: 100px;
        }

    body.rd-modern #search {
        width: 100%;
        padding: 6px;
        background: #fff;
        border: 1px solid var(--fs-line);
        border-radius: 999px;
        box-shadow: 0 10px 24px #163c4210;
    }

        body.rd-modern #search > div {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            gap: 10px;
            min-width: 0;
        }

        body.rd-modern #search input[type="text"] {
            flex: 1;
            min-width: 0;
            width: 0;
            height: 48px;
            margin: 0;
            padding: 0 12px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: #294456;
            font: 12px/1.8 Vazirmatn, Tahoma, sans-serif;
            direction: rtl;
            text-align: right;
        }

        body.rd-modern #search input::placeholder {
            color: #7e8894;
            opacity: 1;
        }

        body.rd-modern #search .button-search {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 8px;
            flex: 0 0 106px;
            height: 48px;
            padding: 0 14px;
            background: var(--fs-teal);
            color: #fff;
            border-radius: 999px;
            font-size: 12px;
            font-weight: 600;
        }

            body.rd-modern #search .button-search > i {
                color: #193749;
            }

            body.rd-modern #search .button-search:hover {
                background: #00776f;
            }

    body.rd-modern .rd-account {
        min-width: 0;
    }

        body.rd-modern .rd-account > ul {
            float: none !important;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
        }

            body.rd-modern .rd-account > ul > li {
                position: relative;
            }

                body.rd-modern .rd-account > ul > li > a,
                body.rd-modern .rd-account .box_seleccionar > a {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                    min-height: 50px;
                    padding: 12px 17px;
                    background: var(--fs-teal);
                    color: #fff;
                    border-radius: 13px;
                    font-size: 12px;
                    font-weight: 700;
                    line-height: 1.8;
                    white-space: nowrap;
                }

                    body.rd-modern .rd-account > ul > li > a:hover {
                        background: #00776f;
                    }

        body.rd-modern .rd-account a[href="/login.aspx"] > i {
            display: inline-block;
        }

        body.rd-modern .rd-account .box_seleccionar {
            position: relative;
        }
    /* 3. Category bar. Structure is the existing mainMenuUC .drop/.sub contract. */
    body.rd-modern .menu_container {
        padding: 0 var(--fs-gutter);
        position: relative;
        z-index: 20;
    }

        body.rd-modern .menu_container > .cont {
            width: 100%;
            padding: 8px 12px;
            background: #fff;
            border: 1px solid var(--fs-line);
            border-radius: 26px;
            box-shadow: 0 10px 24px #163c4205;
        }

    body.rd-modern #menu {
        position: relative;
        width: 100%;
    }

        body.rd-modern #menu > ul {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            justify-content: space-between;
            position: relative;
            min-height: 56px;
        }

            body.rd-modern #menu > ul > li {
                flex: 1;
                min-width: 0;
            }

                body.rd-modern #menu > ul > li > a {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    gap: 9px;
                    min-height: 56px;
                    padding: 8px;
                    border-radius: 12px;
                    font-size: 12px;
                    line-height: 1.8;
                    text-align: center;
                }

                    body.rd-modern #menu > ul > li > a:hover {
                        background: #eef8f5;
                        color: #007d74;
                    }

                body.rd-modern #menu > ul > li.drop > a::after {
                    content: '';
                    width: 5px;
                    height: 5px;
                    border-right: 1px solid #7e919c;
                    border-bottom: 1px solid #7e919c;
                    transform: rotate(45deg);
                }

                body.rd-modern #menu > ul > li > .sub {
                    display: none;
                    position: absolute;
                    right: 0;
                    left: 0;
                    top: 100%;
                    width: 100%;
                    max-height: 65vh;
                    overflow-y: auto;
                    z-index: 30;
                    padding: 18px;
                    border: 1px solid var(--fs-line);
                    border-top: 3px solid var(--fs-teal);
                    border-radius: 0 0 18px 18px;
                    background: white;
                    box-shadow: 0 16px 30px #1937491a;
                }

        body.rd-modern #menu .sub > ul {
            display: grid;
            grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
            gap: 8px;
        }

        body.rd-modern #menu .sub a {
            display: block;
            padding: 12px;
            border: 1px solid #e6efec;
            border-radius: 9px;
            background: #f7faf9;
            font-size: 12px;
            line-height: 1.8;
        }

            body.rd-modern #menu .sub a:hover {
                background: #e7f5f0;
                color: #007970;
            }

        body.rd-modern #menu .drop:has(:focus-visible) > .sub {
            display: block !important;
        }

        body.rd-modern #menu .allgroups {
            display: none;
        }
    /* 4. Existing guide links + noninteractive fourth card. */
    body.rd-modern #container > .searchcontents {
        margin: 54px var(--fs-gutter) 16px;
    }

    body.rd-modern .rd-quick-actions {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 14px;
        width: 100%;
    }

        body.rd-modern .rd-quick-actions > .intro {
            --fs-card: #08736c;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 14px;
            min-width: 0;
            min-height: 116px;
            margin: 0;
            padding: 18px 12px;
            background: var(--fs-card);
            color: #fff;
            border: 1px solid #ffffff35;
            border-radius: 17px;
            box-shadow: 0 7px 18px #25494312;
            text-align: center;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.8;
        }

        body.rd-modern .rd-quick-actions > .help {
            --fs-card: #2b5ba6;
        }

        body.rd-modern .rd-quick-actions > .aff {
            --fs-card: #7540a4;
        }

        body.rd-modern .rd-quick-actions > .rd-soon {
            --fs-card: #94540e;
        }

    body.rd-modern .rd-action-icon {
        width: 25px;
        height: 25px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    body.rd-modern #container > .hrsrch {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
    }
    /* Header icons are vector masks in this file, not an external icon stylesheet. */
    body.rd-modern i[class*="icon-"] {
        display: inline-block;
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        background-color: currentColor;
        vertical-align: middle;
        -webkit-mask: var(--fs-icon) center / contain no-repeat;
        mask: var(--fs-icon) center / contain no-repeat;
        font-style: normal;
    }

    body.rd-modern .icon-home {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10H3Z%22%2F%3E%3Cpath%20d%3D%22M9%2020v-7h6v7%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-search {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-plus {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M4%2012h16%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-user {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2022v-3a8%208%200%200%201%2016%200v3%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-th-list {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%205h13M8%2012h13M8%2019h13M3%205h1M3%2012h1M3%2019h1%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-list {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16M4%2012h16M4%2019h16%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-remove {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%205%2014%2014M19%205%205%2019%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-ok {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2012%205%205L20%206%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-chevron-left {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%204-8%208%208%208%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-shopping-cart {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l3%2012h11l3-9H6M9%2020h1M18%2020h1%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-edit {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2015%2012-12%205%205-12%2012-6%201Z%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-random {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h4l10%2012h4M3%2018h4L17%206h4M18%203l3%203-3%203M18%2015l3%203-3%203%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-question-sign {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M9%208a3%203%200%201%201%205%202c-2%201-2%202-2%204M12%2018h.01%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-align-right {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18M8%209h13M3%2014h18M8%2019h13%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-comment {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h18v14H9l-6%204Z%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-minus {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16%22%2F%3E%3C%2Fsvg%3E");
    }

    body.rd-modern .icon-ban-circle {
        --fs-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E");
    }

@media (min-width: 1101px) {
    body.rd-modern .navmenu {
        display: flex !important;
    }
}

@media (max-width: 1250px) {
    body.rd-modern .headcontact2 > span {
        min-width: 0;
    }

    body.rd-modern #header_grid_container {
        grid-template-columns: 190px minmax(240px,1fr) auto;
        gap: 24px;
    }

    body.rd-modern #logo {
        width: 190px;
    }

    body.rd-modern .rd-account > ul > li > a {
        padding: 12px;
    }
}

@media (max-width: 1100px) {
    body.rd-modern {
        --fs-gutter: 22px;
    }

        body.rd-modern .top_nav_container {
            flex-wrap: wrap;
            justify-content: space-between;
        }

        body.rd-modern .shownav {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 9px;
            background: #edf7f4;
            color: #007d74;
        }

        body.rd-modern .navmenu {
            display: none;
            order: 2;
            flex: 0 0 100%;
        }

            body.rd-modern .navmenu > li > a {
                min-height: 44px;
            }

            body.rd-modern .navmenu .sub-menu {
                display: block;
                position: static;
                width: auto;
                min-width: 0;
                max-width: 100%;
                box-shadow: none;
                border: 0;
                border-right: 2px solid #dcebe6;
                border-radius: 0;
                margin-right: 14px;
                padding: 0 8px;
            }

        body.rd-modern #header_grid_container {
            grid-template-columns: 190px minmax(0,1fr);
        }

        body.rd-modern .rd-account {
            grid-column: 1 / -1;
        }

            body.rd-modern .rd-account > ul {
                justify-content: center;
            }

        body.rd-modern #menu > ul {
            display: grid;
            grid-template-columns: repeat(5,minmax(0,1fr));
        }
}

@media (max-width: 700px) {
    body.rd-modern {
        --fs-gutter: 14px;
    }

        body.rd-modern .top_nav {
            padding-top: 14px;
        }

        body.rd-modern .top_nav_container {
            padding: 8px;
            gap: 8px;
            border-radius: 16px;
        }

        body.rd-modern .headcontact2 {
            flex: 1;
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: 5px;
        }

            body.rd-modern .headcontact2 > span {
                font-size: 10px;
                min-height: 32px;
                padding: 5px 7px;
                gap: 5px;
            }

            body.rd-modern .headcontact2 img {
                width: 16px;
                height: 16px;
            }

        body.rd-modern #header {
            padding-top: 22px;
            padding-bottom: 24px;
        }

        body.rd-modern #header_grid_container {
            grid-template-columns: minmax(0,1fr);
            justify-items: center;
            gap: 18px;
        }

        body.rd-modern #logo {
            width: 190px;
        }

            body.rd-modern #logo > a {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-height: 110px;
                padding: 0;
                background: transparent;
                border-radius: 0;
            }

        body.rd-modern #search .button-search {
            flex-basis: 88px;
        }

        body.rd-modern .rd-account {
            width: 100%;
            grid-column: auto;
        }

        body.rd-modern .menu_container > .cont {
            border-radius: 16px;
            padding: 8px;
        }

        body.rd-modern #menu > ul {
            display: none;
        }

        body.rd-modern #menu .allgroups {
            display: block;
            padding: 12px;
            text-align: center;
            background: #eef8f5;
            color: #007c72;
            border-radius: 10px;
            font-size: 13px;
        }

        body.rd-modern #container > .searchcontents {
            margin-top: 24px;
        }

        body.rd-modern .rd-quick-actions {
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 10px;
        }

            body.rd-modern .rd-quick-actions > .intro {
                min-height: 104px;
                padding: 14px 8px;
                font-size: 12px;
                gap: 10px;
            }
}

@media (hover: none) and (min-width: 701px) {
    body.rd-modern #menu .allgroups {
        display: block;
        padding: 10px;
        text-align: center;
        color: #007c72;
        font-size: 12px;
    }
}

@media (hover: hover) {
    body.rd-modern .rd-quick-actions > a:hover {
        filter: brightness(1.06);
    }
}

/* 5. Footer: existing text, links, trust seals and live statistics. */
body.rd-modern :where(.myFooter_content, .myFooter_bottom),
body.rd-modern :where(.myFooter_content, .myFooter_bottom) * {
    box-sizing: border-box;
}

body.rd-modern :where(.myFooter_content, .myFooter_bottom) {
    direction: rtl;
    text-align: right;
    font-size: 13px;
    line-height: 1.95;
}

    body.rd-modern :where(.myFooter_content, .myFooter_bottom) a {
        color: inherit;
        text-decoration: none;
    }

        body.rd-modern :where(.myFooter_content, .myFooter_bottom) a:focus-visible {
            outline: 2px solid #10b59f;
            outline-offset: 4px;
        }

body.rd-modern .myFooter_content {
    margin-top: 24px;
    padding: 24px var(--fs-gutter) 22px;
    background: #123f44;
    color: #e0efed;
    border-top: 4px solid #008c86;
}

body.rd-modern .myFooter_content_container {
    display: grid;
    grid-template-columns: 1.1fr 1.15fr 1fr 1fr;
    gap: 24px;
    min-height: 251px;
    width: 100%;
    margin: 0 auto;
}

    body.rd-modern .myFooter_content_container > .column {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    body.rd-modern .myFooter_content_container > .clear,
    body.rd-modern .fotersocial > .clear {
        display: none;
    }

body.rd-modern .myFooter_content h3 {
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid #396166;
    color: #fff;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.9;
}

body.rd-modern .myFooter_content p {
    margin: 0 0 8px;
    line-height: 1.95;
}

body.rd-modern .myFooter_content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.rd-modern .myFooter_content .qa > ul {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0 12px;
}

body.rd-modern .myFooter_content .qa li a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 4px 0;
    line-height: 1.8;
}

body.rd-modern .myFooter_content a:hover {
    color: #91e3d1;
}

body.rd-modern .myFooter_content .ga > .center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

    body.rd-modern .myFooter_content .ga > .center > img,
    body.rd-modern .myFooter_content .ga > .center > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px;
        border: 1px solid #cee2de;
        border-radius: 13px;
        background: #fff;
        max-width: 100%;
    }

body.rd-modern .myFooter_content img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

body.rd-modern .myFooter_content .ga > .center img {
    max-height: 90px;
    object-fit: contain;
}

body.rd-modern .myFooter_bottom {
    background: #f0f7f6;
    color: #304b51;
    padding: 16px var(--fs-gutter) 10px;
}

body.rd-modern .myFooter_bottom_container {
    width: 100%;
    margin: 0 auto;
}

body.rd-modern .footer-totals {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 10px;
}

    body.rd-modern .footer-totals > .total {
        --fs-stat: #3287d9;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-width: 0;
        min-height: 64px;
        padding: 10px 14px;
        background: #fff;
        border: 0;
        border-right: 5px solid var(--fs-stat);
        border-radius: 12px;
        box-shadow: 0 6px 20px #1c393e0d;
    }

    body.rd-modern .footer-totals > .yellow {
        --fs-stat: #df9b13;
    }

    body.rd-modern .footer-totals > .green {
        --fs-stat: #13a581;
    }

    body.rd-modern .footer-totals > .brown {
        --fs-stat: #8b59da;
    }

    body.rd-modern .footer-totals > .red {
        --fs-stat: #ed5284;
    }

    body.rd-modern .footer-totals > .blue {
        --fs-stat: #3287d9;
    }

    body.rd-modern .footer-totals > .total .type {
        min-width: 0;
        color: #586c75;
        font-size: 12px;
        line-height: 1.7;
    }

    body.rd-modern .footer-totals > .total .value {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 58%;
        overflow-wrap: anywhere;
        direction: ltr;
        text-align: left;
        background: transparent;
        color: #233e49;
        font-size: 22px;
        font-weight: 750;
        line-height: 1.4;
        font-variant-numeric: tabular-nums;
    }

body.rd-modern .fotersocial {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid #d1e3e0;
}

    body.rd-modern .fotersocial > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        background: #fff;
        border: 1px solid #d4e7e3;
        border-radius: 10px;
    }

        body.rd-modern .fotersocial > a:hover {
            border-color: #008c86;
            background: #e8f7f3;
        }

        body.rd-modern .fotersocial > a img {
            display: block;
            width: 21px;
            height: 21px;
            object-fit: contain;
        }

    body.rd-modern .fotersocial > .powered {
        flex: 1 1 280px;
        min-width: 0;
        margin: 0;
        text-align: center;
        font-size: 12px;
    }

    body.rd-modern .fotersocial .powered.right {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4px;
        color: #73888c;
    }

    body.rd-modern .fotersocial .powered p {
        margin: 0;
    }

    body.rd-modern .fotersocial .powered a {
        color: #00818b;
    }
/* Preserve the existing floating trust badge and its expandable description. */
body.rd-modern .myFooter_bottom .enamad {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 45;
    width: 120px;
    height: 135px;
    overflow: hidden;
    padding: 5px;
    background: #fff;
    border: 1px solid #d4e7e3;
    border-radius: 10px;
    color: #304b51;
    max-width: calc(100vw - 20px);
}

    body.rd-modern .myFooter_bottom .enamad:hover,
    body.rd-modern .myFooter_bottom .enamad:focus-within {
        width: 450px;
        height: auto;
        min-height: 135px;
    }

    body.rd-modern .myFooter_bottom .enamad img {
        float: right;
        max-width: 110px;
        height: auto;
    }

    body.rd-modern .myFooter_bottom .enamad h6 {
        margin: 0 0 8px;
        color: #008c86;
        font: 600 16px/1.8 Vazirmatn,Tahoma,sans-serif;
    }

    body.rd-modern .myFooter_bottom .enamad p {
        margin: 0;
    }

@media (max-width: 1000px) {
    body.rd-modern .myFooter_content_container {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 20px;
        min-height: 0;
    }

    body.rd-modern .footer-totals {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 600px) {
    body.rd-modern .myFooter_content {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 18px;
    }

    body.rd-modern .myFooter_content_container {
        grid-template-columns: minmax(0,1fr);
        gap: 18px;
    }

    body.rd-modern .footer-totals {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

        body.rd-modern .footer-totals > .total {
            min-height: 60px;
            padding: 9px 10px;
            gap: 7px;
            border-right-width: 4px;
        }

            body.rd-modern .footer-totals > .total .type {
                font-size: 11px;
            }

            body.rd-modern .footer-totals > .total .value {
                font-size: 20px;
            }

    body.rd-modern .fotersocial {
        justify-content: center;
    }

        body.rd-modern .fotersocial > .powered {
            flex-basis: 100%;
        }

    body.rd-modern .myFooter_bottom .enamad {
        position: static;
        width: 100%;
        height: auto;
        max-width: 100%;
        margin-top: 14px;
        display: flow-root;
        padding: 12px;
    }

        body.rd-modern .myFooter_bottom .enamad:hover,
        body.rd-modern .myFooter_bottom .enamad:focus-within {
            width: 100%;
            min-height: 0;
        }
}

/* 6. Homepage. Scoped rules; server-rendered content and links stay in place. */
body.rd-modern .rd-home, body.rd-modern .rd-home * {
    box-sizing: border-box;
}

body.rd-modern .rd-home {
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 40px 22px;
    margin: 24px var(--fs-gutter) 0;
    min-width: 0;
    color: #28464b;
    font-size: 13px;
    line-height: 1.9;
}

    body.rd-modern .rd-home > * {
        min-width: 0;
    }

    body.rd-modern .rd-home > .clear,
    body.rd-modern .rd-home > br,
    body.rd-modern .rd-home .sp10 {
        display: none;
    }

body.rd-modern :is(.rd-home, .rd-matching-cards) a {
    color: #176d69;
    text-decoration: none;
}

    body.rd-modern :is(.rd-home, .rd-matching-cards) a:hover {
        color: #004f4a;
    }

body.rd-modern .rd-home :is(a,button):focus-visible {
    outline: 2px solid #009b8b;
    outline-offset: 4px;
}

body.rd-modern .rd-home button {
    font: inherit;
    cursor: pointer;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) img {
    max-width: 100%;
}
/* Violet income banner, with a stable-height three-card carousel. */
body.rd-modern .rd-income-section {
    grid-column: 1 / -1;
    padding: 40px;
    border-radius: 22px;
    color: #fff;
    background: radial-gradient(circle at 1px 1px,#ffffff09 1px,transparent 1.5px) 0 0/16px 16px, linear-gradient(115deg,#5120e6,#7827ff);
}

body.rd-modern .rd-income-content {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(280px,28%);
    gap: 40px;
    align-items: center;
}

body.rd-modern .rd-income-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 99px;
    background: #ffffff1c;
    color: #fff;
    font-size: 12px;
}

body.rd-modern .rd-income-copy h2 {
    margin: 22px 0;
    color: #fff;
    font-size: clamp(23px,2.5vw,36px);
    line-height: 1.65;
    font-weight: 800;
}

    body.rd-modern .rd-income-copy h2 strong {
        color: #ffdd27;
        font-weight: 850;
    }

body.rd-modern .rd-income-steps {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
}

    body.rd-modern .rd-income-steps > div {
        padding: 17px 10px;
        min-height: 108px;
        background: #ffffff1c;
        border: 1px solid #ffffff20;
        border-radius: 18px;
        text-align: center;
    }

    body.rd-modern .rd-income-steps b {
        display: block;
        font-size: 13px;
    }

    body.rd-modern .rd-income-steps small {
        display: block;
        margin-top: 8px;
        font-size: 11px;
        color: #eee3ff;
    }

body.rd-modern .rd-income-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

    body.rd-modern .rd-income-actions a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: 44px;
        padding: 10px 24px;
        border: 1px solid #fff;
        border-radius: 14px;
        font-size: 12px;
        color: #fff;
    }

        body.rd-modern .rd-income-actions a.rd-income-primary {
            background: #ffdc26;
            color: #282000;
            border-color: #ffdc26;
            font-weight: 750;
        }

        body.rd-modern .rd-income-actions a:hover {
            filter: brightness(1.07);
        }

body.rd-modern .rd-income-slider {
    min-width: 0;
    display: grid;
    gap: 16px;
    align-self: stretch;
    align-content: center;
}

body.rd-modern .rd-income-card {
    min-width: 0;
    padding: 16px;
    border-radius: 24px;
    background: #fff;
    color: #172337;
    box-shadow: 0 15px 30px #23106218;
}

    body.rd-modern .rd-income-card h3 {
        margin: 0 0 14px;
        font-size: 14px;
        line-height: 1.9;
        font-weight: 700;
    }

    body.rd-modern .rd-income-card > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 17px 0;
        border-bottom: 1px dashed #e3e8e7;
        font-size: 11px;
    }

        body.rd-modern .rd-income-card > div span {
            min-width: 0;
        }

        body.rd-modern .rd-income-card > div b {
            color: #148a66;
            direction: ltr;
            white-space: nowrap;
            font-size: 11px;
        }

    body.rd-modern .rd-income-card footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 18px;
        padding: 12px;
        border-radius: 12px;
        background: #101c30;
        color: #fff;
        font-size: 11px;
    }

        body.rd-modern .rd-income-card footer strong {
            color: #ffe345;
        }

body.rd-modern .rd-income-dots {
    display: none;
}

body.rd-modern .rd-income-slider.is-enhanced .rd-income-card {
    grid-area: 1 / 1;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}

    body.rd-modern .rd-income-slider.is-enhanced .rd-income-card.is-active {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

body.rd-modern .rd-income-slider.is-enhanced .rd-income-dots {
    grid-area: 2 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding-top: 8px;
}

body.rd-modern .rd-income-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
}

    body.rd-modern .rd-income-dot::after {
        content: '';
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #b38bfa;
    }

    body.rd-modern .rd-income-dot.is-active::after {
        background: #ffe035;
    }

body.rd-modern .rd-income-pause {
    min-height: 32px;
    margin-right: 8px;
    padding: 4px 10px;
    border: 1px solid #ffffff60;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 11px;
}

body.rd-modern .rd-income-section :is(a,button):focus-visible {
    outline-color: #ffdf27;
}
/* Recommended files and the two news panels. */
body.rd-modern .rd-home > .mostsale,
body.rd-modern .rd-home > .halfarticle {
    padding: 18px;
    background: #fff;
    border: 1px solid #e0eae7;
    border-radius: 19px;
    box-shadow: 0 5px 20px #284c4205;
}

body.rd-modern .rd-home .product_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e1eae7;
}

    body.rd-modern .rd-home .product_title h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.9;
    }

body.rd-modern .rd-home .mostsale .con {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(76px,1fr));
    gap: 10px;
}

body.rd-modern .rd-home .mostsalepic {
    min-width: 0;
    padding: 8px;
    border: 1px solid #e3ece8;
    border-radius: 12px;
    background: #f6faf8;
}

    body.rd-modern .rd-home .mostsalepic > a {
        display: block;
    }

        body.rd-modern .rd-home .mostsalepic > a img {
            display: block;
            width: 100%;
            height: 100px;
            object-fit: contain;
            border-radius: 6px;
        }

body.rd-modern .rd-home .mostsaledetail {
    display: none;
    position: absolute;
    z-index: 15;
    top: 100%;
    right: 0;
    width: 100%;
    padding: 18px;
    background: #fff;
    border: 1px solid #cee4dc;
    border-radius: 14px;
    box-shadow: 0 15px 30px #123d3420;
}

body.rd-modern .rd-home .mostsalepic:focus-within .mostsaledetail {
    display: block !important;
}

body.rd-modern .rd-home .mostsaledetail h6 {
    margin: 0 0 8px;
    font-size: 14px;
}

body.rd-modern .rd-home .mostsaledetail p {
    margin: 0 0 12px;
    font-size: 12px;
}

body.rd-modern .rd-home .rd-news-item {
    display: flow-root;
    padding: 12px 0;
    min-height: 84px;
    border-bottom: 1px solid #eef2f0;
}

    body.rd-modern .rd-home .rd-news-item > a:first-child {
        float: right;
        margin-left: 12px;
    }

    body.rd-modern .rd-home .rd-news-item img {
        display: block;
        width: 45px;
        height: 60px;
        object-fit: contain;
        background: #f5f9f7;
        border: 1px solid #e3ebe7;
        border-radius: 8px;
    }

    body.rd-modern .rd-home .rd-news-item h6 {
        margin: 0 0 8px;
        font-size: 12px;
        line-height: 1.9;
    }

    body.rd-modern .rd-home .rd-news-item > span {
        font-size: 10px;
        color: #738582;
    }

    body.rd-modern .rd-home .rd-news-item .grp {
        padding-left: 8px;
        margin-left: 8px;
        border-left: 1px solid #dee8e4;
    }

body.rd-modern .rd-home .archive,
body.rd-modern .rd-home .resume {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 18px;
    padding: 9px 18px;
    border: 1px solid #cfe4dd;
    border-radius: 10px;
    background: #e9f6f1;
    color: #24766e;
    font-size: 12px;
}

    body.rd-modern .rd-home .archive:hover,
    body.rd-modern .rd-home .resume:hover {
        background: #def0e8;
    }
/* Product cards: all descriptions, titles, images and prices remain available. */
body.rd-modern .rd-home > .product_box_container,
body.rd-modern .rd-home > .forums-module {
    grid-column: 1 / -1;
}

body.rd-modern .rd-home .showtype {
    display: flex;
    gap: 5px;
}

    body.rd-modern .rd-home .showtype button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 1px solid #e0eae5;
        border-radius: 7px;
        background: #fff;
    }

    body.rd-modern .rd-home .showtype img {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    align-items: stretch;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct > li {
        min-width: 0;
        padding: 0;
        border: 1px solid #dfeae5;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 4px 16px #213f3605;
    }

body.rd-modern :is(.rd-home, .rd-matching-cards) .rd-product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box_image {
    border-radius: 19px 19px 0 0;
    background: #eff6f3;
    padding: 8px;
}

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box_image a {
        display: block;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box_image img {
        display: block;
        width: 100%;
        height: 140px;
        object-fit: contain;
    }

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_name {
    align-self: flex-start;
    max-width: calc(100% - 24px);
    margin: 12px 12px 4px;
    padding: 4px 10px;
    border-radius: 7px;
    background: #eaf7f2;
    font-size: 11px;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .rd-product-card h6 {
    margin: 8px 12px;
    color: #172638;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 700;
    overflow-wrap: anywhere;
}

    body.rd-modern :is(.rd-home, .rd-matching-cards) .rd-product-card h6 a {
        color: inherit;
    }

body.rd-modern :is(.rd-home, .rd-matching-cards) .rd-product-card > p {
    margin: 4px 12px 18px;
    color: #778782;
    font-size: 11px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_options {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .rd-product-card > .product_options {
    margin-top: auto;
    padding: 12px;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .purchase {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 6px 10px;
    border-radius: 9px;
    background: #111f33;
    color: #fff;
    font-size: 11px;
}

    body.rd-modern :is(.rd-home, .rd-matching-cards) .purchase:hover {
        background: #254459;
        color: #fff;
    }

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_price {
    min-width: 0;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .price_new {
    color: #1c3042;
    font-weight: 750;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .price_old {
    color: #81918b;
    font-size: 11px;
    text-decoration: line-through;
}

body.rd-modern .rd-home .resume {
    display: flex;
    width: 100%;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct > li.product_box3 {
    grid-column: 1 / -1;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .rd-product-card {
    display: grid;
    grid-template-columns: 180px minmax(0,1fr) auto;
    gap: 0 14px;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .product_box_image {
    grid-row: 1 / 5;
    border-radius: 19px 0 0 19px;
    display: flex;
    align-items: center;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .product_name,
body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 h6,
body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 p {
    grid-column: 2;
}

body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .product_options {
    grid-column: 3;
    grid-row: 1 / 5;
    align-self: center;
    margin: 0;
}
/* Active shops use their real logos and linked latest-file thumbnails. */
body.rd-modern .rd-home .forums-module {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
    margin-top: 38px;
}

    body.rd-modern .rd-home .forums-module > .product_title {
        grid-column: 1 / -1;
    }

    body.rd-modern .rd-home .forums-module > .clear {
        display: none;
    }

body.rd-modern .rd-home .topic {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e0eae5;
    border-radius: 15px;
    background: #fff;
    font-size: 12px;
}

    body.rd-modern .rd-home .topic .title {
        margin-bottom: 8px;
        overflow-wrap: anywhere;
    }

    body.rd-modern .rd-home .topic .submeta {
        display: flex;
        align-items: center;
        gap: 10px;
    }

body.rd-modern .rd-home .author-avatar {
    display: block;
    flex-shrink: 0;
}

    body.rd-modern .rd-home .author-avatar img {
        display: block;
        width: 48px;
        height: 48px;
        object-fit: contain;
        border: 1px solid #e5ede8;
        border-radius: 6px;
    }

body.rd-modern .rd-home .topic-meta .label {
    display: inline-block;
    padding: 4px 8px;
    background: #eaf6f1;
    border-radius: 6px;
    color: #278576;
}

body.rd-modern .rd-home .topic .users {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-top: 14px;
}

    body.rd-modern .rd-home .topic .users a {
        display: block;
    }

    body.rd-modern .rd-home .topic .users img {
        display: block;
        width: 30px;
        height: 30px;
        object-fit: contain;
        border: 1px solid #e4ebe7;
        border-radius: 5px;
    }

@media (max-width: 1200px) {
    body.rd-modern .rd-income-section {
        padding: 30px;
    }

    body.rd-modern .rd-income-content {
        gap: 28px;
        grid-template-columns: minmax(0,1fr) minmax(250px,29%);
    }

    body.rd-modern .rd-income-steps b {
        font-size: 12px;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct {
        gap: 12px;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .rd-product-card h6 {
        font-size: 13px;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box_image img {
        height: 125px;
    }
}

@media (max-width: 1000px) {
    body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    body.rd-modern .rd-income-content {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-income-slider {
        width: 100%;
        max-width: 440px;
        justify-self: center;
    }

    body.rd-modern .rd-home .forums-module {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    body.rd-modern .rd-home {
        grid-template-columns: minmax(0,1fr);
        gap: 24px;
    }

        body.rd-modern .rd-home > .mostsale, body.rd-modern .rd-home > .halfarticle {
            padding: 14px;
        }

    body.rd-modern .rd-income-section {
        padding: 24px 18px;
        border-radius: 18px;
    }

    body.rd-modern .rd-income-copy h2 {
        font-size: 25px;
    }

    body.rd-modern .rd-income-steps {
        grid-template-columns: minmax(0,1fr);
    }

        body.rd-modern .rd-income-steps > div {
            min-height: 0;
            padding: 12px;
        }

    body.rd-modern .rd-income-actions a {
        flex: 1;
        padding: 10px 12px;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .rd-product-card {
        display: flex;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .product_box_image {
        border-radius: 19px 19px 0 0;
        display: block;
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box3 .product_options {
        align-self: stretch;
        margin-top: auto;
    }

    body.rd-modern .rd-home .forums-module {
        margin-top: 12px;
    }
}

@media (max-width: 420px) {
    body.rd-modern :is(.rd-home, .rd-matching-cards) .mainproduct, body.rd-modern :is(.rd-home, .rd-matching-cards) .forums-module {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern :is(.rd-home, .rd-matching-cards) .product_box_image img {
        height: 170px;
    }

    body.rd-modern .rd-income-copy h2 {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.rd-modern .rd-income-slider.is-enhanced .rd-income-card {
        transition: none;
    }
}

/* 7. Product detail. The original WebForms values, URLs and plugin hooks remain. */
body.rd-modern .rd-product-page, body.rd-modern .rd-product-page * {
    box-sizing: border-box;
}

body.rd-modern .rd-product-page {
    direction: rtl;
    margin: 20px var(--fs-gutter) 0;
    min-width: 0;
    color: #30465f;
    font-size: 13px;
    line-height: 2;
    background: radial-gradient(ellipse at 90% 8%,#e9f4ff66,transparent 55%);
}

    body.rd-modern .rd-product-page a {
        color: #147b7b;
        text-decoration: none;
    }

        body.rd-modern .rd-product-page a:hover {
            color: #00584f;
        }

        body.rd-modern .rd-product-page a:focus-visible {
            outline: 2px solid #008a7d;
            outline-offset: 4px;
        }

    body.rd-modern .rd-product-page .breadcrumb {
        margin: 0 0 22px;
        padding: 4px;
        color: #8693a8;
        font-size: 12px;
        overflow-wrap: anywhere;
    }

        body.rd-modern .rd-product-page .breadcrumb a {
            color: #8267bf;
        }

    body.rd-modern .rd-product-page > .content {
        width: 100%;
        min-width: 0;
    }

    body.rd-modern .rd-product-page .product-info {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(250px,26%);
        align-items: start;
        gap: 20px;
        margin-bottom: 20px;
    }

body.rd-modern .rd-product-main, body.rd-modern .rd-product-sidebar {
    min-width: 0;
}

    body.rd-modern .rd-product-main > .product_title {
        margin-bottom: 18px;
        padding: 14px 22px;
        border-radius: 16px;
        color: #263b4e;
        background: linear-gradient(100deg,#ffe341,#ff9a0a);
        box-shadow: 0 5px 16px #f4b43d12;
    }

        body.rd-modern .rd-product-main > .product_title h3 {
            margin: 0;
            font-size: clamp(17px,1.5vw,22px);
            line-height: 1.9;
            font-weight: 800;
        }

body.rd-modern .rd-product-overview {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(190px,31%);
    align-items: center;
    gap: 24px;
    padding: 22px;
    background: linear-gradient(120deg,#eafbff85,#fffaf080 55%,#f3fbffad);
    border: 1px solid #fff;
    border-radius: 22px;
    box-shadow: 0 5px 25px #a8c9e223;
}

body.rd-modern .rd-product-page .description {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #334962;
}

    body.rd-modern .rd-product-page .description > p[itemprop="description"] {
        margin: 0 0 12px;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.95;
        color: #142c4a;
    }

body.rd-modern .rd-product-page .rd-product-code,
body.rd-modern .rd-product-page .rd-product-group {
    display: table;
    max-width: 100%;
    margin: 8px 0 8px auto;
    padding: 5px 14px;
    border-radius: 16px;
    background: #e1f8f1;
    color: #1c5968;
    font-size: 12px;
}

body.rd-modern .rd-product-page .description span {
    color: #7b8da4;
    margin-left: 8px;
}

body.rd-modern .rd-product-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    margin-top: 12px;
}

    body.rd-modern .rd-product-facts > p {
        flex: 1 1 160px;
        min-width: 0;
        margin: 0;
        padding: 12px;
        background: #ffffffb8;
        border: 1px solid #e9f0f8;
        border-radius: 15px;
        box-shadow: 0 4px 10px #adc6de10;
        color: #16314f;
        font-size: 12px;
    }

        body.rd-modern .rd-product-facts > p:last-child {
            flex-grow: 0;
        }

body.rd-modern .rd-product-page .image {
    min-width: 0;
    text-align: center;
}

    body.rd-modern .rd-product-page .image > a {
        position: relative;
        display: inline-block;
        max-width: 100%;
    }

    body.rd-modern .rd-product-page .image img#image {
        display: block;
        width: 100%;
        max-width: 280px;
        height: auto;
        object-fit: contain;
        border-radius: 18px;
    }

body.rd-modern .rd-product-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

    body.rd-modern .rd-product-sidebar > :is(.price,.userdetail,.cart) {
        min-width: 0;
        margin: 0;
        padding: 16px;
        border: 1px solid #edf3f8;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 6px 24px #91b6de13;
    }

body.rd-modern .rd-product-page .price {
    font-size: 12px;
    color: #8290a5;
    text-align: right;
    line-height: 1;
    overflow-wrap: anywhere;
}

body.rd-modern .rd-product-page #button-cart,
body.rd-modern .rd-product-page .tab-content .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    padding: 12px 22px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(120deg,#00a895,#00a88c);
    color: #fff;
    font: 700 14px/1.8 Vazirmatn,Tahoma,sans-serif;
}

body.rd-modern .rd-product-page #button-cart {
    display: flex;
    width: 100%;
    margin: 0 0 14px;
    padding: 12px 8px;
}

    body.rd-modern .rd-product-page #button-cart:hover,
    body.rd-modern .rd-product-page .tab-content .button:hover {
        background: #008b7c;
        color: #fff;
    }

body.rd-modern .rd-product-page .price .arrow_box {
    display: inline-block;
    max-width: 100%;
    margin: 4px 0;
    padding: 3px 16px;
    background: #e6f9f3;
    color: #20405a;
    border-radius: 15px;
    font-size: 24px !important;
    font-weight: 800;
}

body.rd-modern .rd-product-page .userdetail {
    display: flow-root;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-product-page .userdetail .userpic {
        float: left;
        width: 56px;
        height: 64px;
        object-fit: contain;
        margin: 6px 12px 10px 0;
        border-radius: 10px;
    }

    body.rd-modern .rd-product-page .userdetail h6 {
        margin: 0 0 8px;
        color: #778ba3;
        font-size: 12px;
    }

    body.rd-modern .rd-product-page .userdetail a {
        color: #0d9b8c;
    }

        body.rd-modern .rd-product-page .userdetail a.userlink {
            display: block;
            font-size: 17px;
            font-weight: 750;
        }

body.rd-modern .rd-product-page .cart .button_gray {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    margin: 0 0 8px 5px;
    padding: 6px 9px;
    background: #f4f7fb;
    border: 1px solid #e8eef7;
    border-radius: 9px;
    color: #8392a9;
    cursor: pointer;
    font-size: 12px;
}

body.rd-modern .rd-product-page .social {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
    color: #7b8ca5;
    font-size: 11px;
}

    body.rd-modern .rd-product-page .social > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        background: #7086a3;
        border-radius: 5px;
    }

        body.rd-modern .rd-product-page .social > a::before {
            content: '';
            width: 19px;
            height: 19px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

    body.rd-modern .rd-product-page .social > .twitter::before {
        background-image: url('/images/twitter.png');
    }

    body.rd-modern .rd-product-page .social > .facebook::before {
        background-image: url('/images/facebook.png');
    }

    body.rd-modern .rd-product-page .social > .linkedin::before {
        background-image: url('/images/linkedin.png');
    }

    body.rd-modern .rd-product-page .social > .google::before {
        background-image: url('/images/googleplus.png');
    }
/* Tab sizing/visibility remains controlled by the existing webwidget plugin. */
body.rd-modern .rd-product-page .webwidget_tab {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 0 20px;
}

body.rd-modern .rd-product-page .tabContainer {
    background: transparent;
    border: 0;
}

    body.rd-modern .rd-product-page .tabContainer::after {
        content: '';
        display: block;
        clear: both;
    }

body.rd-modern .rd-product-page .tabHead {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0 0 8px;
}

    body.rd-modern .rd-product-page .tabHead > li {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

        body.rd-modern .rd-product-page .tabHead > li > a {
            display: block;
            padding: 10px 18px;
            border-radius: 10px;
            color: #4c8eca;
            font-size: 13px;
            font-weight: 650;
            line-height: 1.8;
        }

        body.rd-modern .rd-product-page .tabHead > li.currentBtn > a {
            color: #fff !important;
            background: linear-gradient(120deg,#21b597,#43b992);
        }

body.rd-modern .rd-product-page .tabBody {
    min-width: 0;
    border: 1px solid #e7eff8;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 22px #91b6de14;
}

    body.rd-modern .rd-product-page .tabBody > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        body.rd-modern .rd-product-page .tabBody > ul > li.tabCot {
            list-style: none;
            margin: 0;
            padding: 0;
        }

body.rd-modern .rd-product-page .tab-content {
    padding: 20px;
    color: #61738b;
    line-height: 2.15;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-product-page .tab-content img {
        max-width: 100%;
        height: auto;
    }

    body.rd-modern .rd-product-page .tab-content iframe,
    body.rd-modern .rd-product-page .tab-content video {
        max-width: 100%;
    }

    body.rd-modern .rd-product-page .tab-content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

    body.rd-modern .rd-product-page .tab-content pre {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

    body.rd-modern .rd-product-page .tab-content .center {
        text-align: center;
        margin: 18px 0;
    }

body.rd-modern .rd-product-page hr {
    border: 0;
    border-top: 1px solid #edf1f7;
    margin: 18px 0;
}

body.rd-modern .rd-product-page .keywords {
    display: inline-block;
    padding: 4px 12px;
    margin: 3px;
    border-radius: 12px;
    background: #f2f5fa;
    color: #6f829b;
    font-size: 11px;
}

body.rd-modern .rd-product-page .sliderpics img {
    width: auto;
    max-height: 360px;
    object-fit: contain;
    border-radius: 12px;
    margin: 6px;
}
/* Real related products, below the full-width description. */
body.rd-modern .rd-product-page #column-right {
    width: 100%;
    margin: 0;
}

    body.rd-modern .rd-product-page #column-right > .box {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 20px;
    }

    body.rd-modern .rd-product-page #column-right .innercontent {
        flex: 1 1 350px;
        min-width: 0;
        padding: 16px;
        border: 1px solid #e4edf7;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 5px 20px #9fbfe323;
    }

    body.rd-modern .rd-product-page #column-right .product_title {
        margin-bottom: 10px;
        padding: 8px 16px;
        border-radius: 13px;
        color: #49338d;
        background: linear-gradient(100deg,#f0e8ff,#faf7ff);
    }

    body.rd-modern .rd-product-page #column-right .innercontent:nth-child(2) .product_title {
        color: #31559a;
        background: linear-gradient(100deg,#e0f7fc,#f3fcff);
    }

    body.rd-modern .rd-product-page #column-right h3 {
        margin: 0;
        font-size: 15px;
        line-height: 1.9;
    }

body.rd-modern .rd-product-page .rd-related-item {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    gap: 0 12px;
    align-items: center;
    min-height: 64px;
    padding: 8px 0;
    font-size: 12px;
}

    body.rd-modern .rd-product-page .rd-related-item > a:first-child {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    body.rd-modern .rd-product-page .rd-related-item > a:nth-child(2) {
        grid-column: 2;
        line-height: 1.8;
        overflow-wrap: anywhere;
    }

    body.rd-modern .rd-product-page .rd-related-item > span {
        grid-column: 2;
        color: #59999c;
        font-size: 11px;
    }

    body.rd-modern .rd-product-page .rd-related-item img {
        display: block;
        width: 48px;
        height: 48px;
        object-fit: contain;
        padding: 3px;
        border: 1px solid #e6edf5;
        border-radius: 10px;
        background: #f4f7fb;
    }

body.rd-modern .rd-product-page .sidefilelist hr {
    margin: 0;
}

@media (max-width: 1150px) {
    body.rd-modern .rd-product-page .product-info {
        grid-template-columns: minmax(0,1fr) 260px;
        gap: 16px;
    }

    body.rd-modern .rd-product-overview {
        grid-template-columns: minmax(0,1fr) 180px;
        gap: 16px;
        padding: 16px;
    }

    body.rd-modern .rd-product-facts > p {
        flex-basis: 140px;
    }
}

@media (max-width: 900px) {
    body.rd-modern .rd-product-page .product-info {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-product-sidebar {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

        body.rd-modern .rd-product-sidebar > .cart {
            grid-column: 1 / -1;
        }
}

@media (max-width: 600px) {
    body.rd-modern .rd-product-page {
        font-size: 12px;
    }

    body.rd-modern .rd-product-main > .product_title {
        padding: 12px 16px;
    }

    body.rd-modern .rd-product-overview {
        grid-template-columns: minmax(0,1fr);
        padding: 16px;
    }

    body.rd-modern .rd-product-page .image {
        grid-row: 1;
    }

        body.rd-modern .rd-product-page .image img#image {
            max-width: 230px;
        }

    body.rd-modern .rd-product-page .description > p[itemprop="description"] {
        font-size: 15px;
    }

    body.rd-modern .rd-product-sidebar {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-product-page .tabHead {
        gap: 4px;
    }

        body.rd-modern .rd-product-page .tabHead > li > a {
            padding: 9px 10px;
            font-size: 12px;
        }

    body.rd-modern .rd-product-page .tab-content {
        padding: 14px;
    }

    body.rd-modern .rd-product-page #column-right .innercontent {
        flex-basis: 100%;
        padding: 12px;
    }
}


/* =========================================================
   RD Modern - List page
   Reuse homepage product cards without changing markup
   SEO / WebForms structure untouched
========================================================= */

body.rd-modern .content {
    direction: rtl;
    width: 100%;
    margin: 24px var(--fs-gutter) 0;
    min-width: 0;
}

    body.rd-modern .content > div > .product_title {
        background: #fff;
        border: 1px solid #dfeae5;
        border-radius: 19px;
        padding: 14px 18px;
        margin-bottom: 16px;
    }

        body.rd-modern .content > div > .product_title h3 {
            margin: 0;
            color: #193749;
            font-size: 16px;
            font-weight: 700;
        }

    /* Same grid language as homepage */
    body.rd-modern .content .mainproduct {
        display: grid;
        grid-template-columns: repeat(5,minmax(0,1fr));
        align-items: stretch;
        gap: 16px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        body.rd-modern .content .mainproduct > li.product_box3,
        body.rd-modern .content .mainproduct > li.lst {
            min-width: 0;
            padding: 0;
            border: 1px solid #dfeae5;
            border-radius: 20px;
            background: #fff;
            box-shadow: 0 4px 16px #213f3605;
            overflow: hidden;
        }

    body.rd-modern .content .product_box2 {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    body.rd-modern .content .product_box_image {
        background: #eff6f3;
        border-radius: 19px 19px 0 0;
        padding: 8px;
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        body.rd-modern .content .product_box_image img {
            display: block;
            width: 100%;
            height: 140px;
            object-fit: contain;
        }

    body.rd-modern .content .purchase {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 36px;
        padding: 6px 10px;
        border-radius: 9px;
        background: #111f33;
        color: #fff;
        font-size: 11px;
    }

    body.rd-modern .content .product_box2 h6 {
        margin: 10px 12px;
        min-height: 45px;
        max-height: 45px;
        overflow: hidden;
        line-height: 1.8;
        font-size: 14px;
    }

    body.rd-modern .content .product_name {
        align-self: flex-start;
        margin: 12px 12px 4px;
        padding: 4px 10px;
        border-radius: 7px;
        background: #eaf6f1;
        font-size: 11px;
    }

    body.rd-modern .content .product_box2 p {
        margin: 4px 12px 12px;
        min-height: 42px;
        color: #778782;
        font-size: 11px;
        line-height: 1.9;
        overflow: hidden;
    }

    body.rd-modern .content .product_options {
        margin-top: auto;
        padding: 12px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
    }

    body.rd-modern .content .product_price {
        display: flex;
        flex-direction: column;
        font-size: 12px;
    }

    body.rd-modern .content .price_new {
        color: #1c3042;
        font-weight: 750;
    }

    body.rd-modern .content .price_old {
        color: #81918b;
        text-decoration: line-through;
        font-size: 11px;
    }

@media(max-width:1200px) {
    body.rd-modern .content .mainproduct {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

@media(max-width:1000px) {
    body.rd-modern .content .mainproduct {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media(max-width:700px) {
    body.rd-modern .content {
        margin: 20px 14px 0;
    }

        body.rd-modern .content .mainproduct {
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 10px;
        }
}

@media(max-width:420px) {
    body.rd-modern .content .mainproduct {
        grid-template-columns: 1fr;
    }
}


/* Full width sections keep background, content stays centered */
body.rd-modern :where(.top_nav, #header, .menu_container) {
    padding-left: var(--fs-gutter);
    padding-right: var(--fs-gutter);
}

/* Images and old fixed elements must never create page overflow */
body.rd-modern img,
body.rd-modern video,
body.rd-modern iframe {
    max-width: 100%;
    height: auto;
}

body.rd-modern :where(.content, .maincontent, :is(.rd-home, .rd-matching-cards), .productlist, .mainproduct) {
    max-width: var(--fs-max-width);
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

body.rd-modern .rd-home {
    margin-left: auto;
    margin-right: auto;
}

/* Fix legacy floats causing horizontal expansion */
body.rd-modern :where(.clear) {
    clear: both;
}

@media (max-width: 1480px) {
    body.rd-modern {
        --fs-gutter: 24px;
    }
}

@media (max-width: 700px) {
    body.rd-modern {
        --fs-gutter: 14px;
    }

        body.rd-modern :where(#container, .content, .maincontent) {
            width: 100%;
        }
}

/* Safety for server generated tables/lists */
body.rd-modern table {
    max-width: 100%;
}

body.rd-modern :where(.row, .col, [class*="col-"]) {
    max-width: 100%;
    min-width: 0;
}


/* =========================================================
   RD Modern - Global content width and archive alignment
   Keeps all pages inside one modern container.
   No HTML / URL / SEO changes.
========================================================= */

body.rd-modern {
    overflow-x: hidden;
}

    body.rd-modern #container,
    body.rd-modern #mainFullContent,
    body.rd-modern .content,
    body.rd-modern .breadcrumb,
    body.rd-modern .mainproduct,
    body.rd-modern .product_title {
        box-sizing: border-box;
    }

    body.rd-modern #container {
        width: min(100%, 1440px);
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }

        body.rd-modern #container > *,
        body.rd-modern #mainFullContent {
            max-width: 100%;
        }

    body.rd-modern .breadcrumb {
        direction: rtl;
        text-align: right;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    body.rd-modern .content {
        direction: rtl;
        text-align: right;
        float: none !important;
        width: 100% !important;
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

        body.rd-modern .content > div > .product_title {
            direction: rtl;
            text-align: right;
            width: 100%;
        }

    body.rd-modern ul.mainproduct {
        direction: rtl;
        width: 100% !important;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
    }

    body.rd-modern .product_box3,
    body.rd-modern .product_box2 {
        box-sizing: border-box;
    }

@media (max-width: 700px) {
    body.rd-modern #container {
        width: 100%;
    }
}


/* =========================================================
   RD Modern - Breadcrumb / page path modern style
========================================================= */

body.rd-modern .breadcrumb {
    position: relative;
    overflow: hidden;
    min-height: 54px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 6px;
    overflow-wrap: anywhere;
    direction: rtl;
    text-align: right;
    padding: 14px 22px;
    margin: 22px auto;
    border-radius: 18px;
    background: radial-gradient(circle at top right, rgba(0,140,134,.16), transparent 45%), linear-gradient(135deg, #ffffff, #eef8f6);
    border: 1px solid #dcebe7;
    box-shadow: 0 8px 24px rgba(25,55,73,.06);
    color: #193749;
}

    body.rd-modern .breadcrumb::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 5px;
        height: 100%;
        background: #008c86;
    }

    body.rd-modern .breadcrumb a {
        color: #008c86;
        font-weight: 600;
        text-decoration: none;
    }

    body.rd-modern .breadcrumb span {
        color: #536a73;
        font-weight: 500;
    }

    body.rd-modern .breadcrumb a:hover {
        color: #006d68;
    }

/* archive title card */
body.rd-modern .content > div > .product_title {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at right top, rgba(0,140,134,.12), transparent 40%), #fff;
    border: 1px solid #dcebe7;
    box-shadow: 0 8px 24px rgba(25,55,73,.05);
}

    body.rd-modern .content > div > .product_title::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        height: 3px;
        width: 150px;
        background: #008c86;
        border-radius: 10px;
    }
/* =========================================================
   RD Modern - Modern Pager
========================================================= */

body.rd-modern .pager {
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 28px auto 12px;
    width: 100%;
}

    /* page number boxes */
    body.rd-modern .pager .page,
    body.rd-modern .pager .pcur {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        border: 1px solid #dbe9e5;
        background: #fff;
        color: #193749;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        transition: all .2s ease;
        box-shadow: 0 4px 12px rgba(25,55,73,.05);
    }

    /* active page */
    body.rd-modern .pager .pcur {
        background: #008c86;
        color: #fff;
        border-color: #008c86;
        transform: translateY(-2px);
    }

    /* hover */
    body.rd-modern .pager .page:hover {
        background: #eef8f6;
        border-color: #008c86;
        color: #008c86;
    }

    /* arrows */
    body.rd-modern .pager .prev,
    body.rd-modern .pager .next {
        font-size: 18px;
        background: #f3f8f6;
    }

/* result count */
body.rd-modern .pager-total {
    margin: 10px auto 25px;
    padding: 10px 18px;
    width: fit-content;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #dbe9e5;
    color: #536a73;
    font-size: 13px;
}

/* =========================================================
   RD Modern - Group archive uses homepage product cards
   No markup, URL or SEO changes.
========================================================= */

body.rd-modern .group-content .mainproduct,
body.rd-modern .content.group-page .mainproduct,
body.rd-modern .group-page .mainproduct,
body.rd-modern #groupContent .mainproduct {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    align-items: stretch;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
    direction: rtl;
}

    body.rd-modern .group-content .mainproduct > li.product_box3,
    body.rd-modern .content.group-page .mainproduct > li.product_box3,
    body.rd-modern .group-page .mainproduct > li.product_box3,
    body.rd-modern #groupContent .mainproduct > li.product_box3 {
        min-width: 0;
        padding: 0;
        border: 1px solid #dfeae5;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 4px 16px #213f3605;
        overflow: hidden;
    }

body.rd-modern .group-content .product_box2,
body.rd-modern .content.group-page .product_box2,
body.rd-modern .group-page .product_box2,
body.rd-modern #groupContent .product_box2 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

body.rd-modern .group-content .product_box_image,
body.rd-modern .content.group-page .product_box_image,
body.rd-modern .group-page .product_box_image,
body.rd-modern #groupContent .product_box_image {
    background: #eff6f3;
    border-radius: 19px 19px 0 0;
    padding: 8px;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    body.rd-modern .group-content .product_box_image img,
    body.rd-modern .content.group-page .product_box_image img,
    body.rd-modern .group-page .product_box_image img,
    body.rd-modern #groupContent .product_box_image img {
        width: 100%;
        height: 140px;
        object-fit: contain;
    }

body.rd-modern .group-content .product_box2 h6,
body.rd-modern .content.group-page .product_box2 h6,
body.rd-modern .group-page .product_box2 h6,
body.rd-modern #groupContent .product_box2 h6 {
    margin: 10px 12px;
    min-height: 45px;
    line-height: 1.8;
    font-size: 14px;
    overflow: hidden;
}

body.rd-modern .group-content .product_box2 p,
body.rd-modern .content.group-page .product_box2 p,
body.rd-modern .group-page .product_box2 p,
body.rd-modern #groupContent .product_box2 p {
    margin: 4px 12px 12px;
    min-height: 42px;
    color: #778782;
    font-size: 11px;
    line-height: 1.9;
    overflow: hidden;
}

body.rd-modern .group-content .product_options,
body.rd-modern .content.group-page .product_options,
body.rd-modern .group-page .product_options,
body.rd-modern #groupContent .product_options {
    margin-top: auto;
    padding: 12px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1200px) {
    body.rd-modern .group-content .mainproduct,
    body.rd-modern .content.group-page .mainproduct,
    body.rd-modern .group-page .mainproduct,
    body.rd-modern #groupContent .mainproduct {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

@media (max-width: 900px) {
    body.rd-modern .group-content .mainproduct,
    body.rd-modern .content.group-page .mainproduct,
    body.rd-modern .group-page .mainproduct,
    body.rd-modern #groupContent .mainproduct {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 520px) {
    body.rd-modern .group-content .mainproduct,
    body.rd-modern .content.group-page .mainproduct,
    body.rd-modern .group-page .mainproduct,
    body.rd-modern #groupContent .mainproduct {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   RD Modern - Global width + product mobile stabilization
   SEO safe: layout only, no HTML / URL changes
========================================================= */

body.rd-modern {
    overflow-x: hidden;
}

    body.rd-modern #container,
    body.rd-modern .container,
    body.rd-modern .main_container,
    body.rd-modern .myFooter_content_container,
    body.rd-modern .myFooter_bottom_container {
        width: min(100%, 1440px);
        margin-left: auto;
        margin-right: auto;
    }

    /* keep header/footer aligned with page width */
    body.rd-modern .top_nav,
    body.rd-modern #header,
    body.rd-modern .menu_container {
        width: min(100%, 1440px);
        margin-left: auto;
        margin-right: auto;
    }

    /* product cards: same rhythm everywhere */
    body.rd-modern ul.mainproduct {
        display: grid;
        grid-template-columns: repeat(5,minmax(0,1fr));
        gap: 16px;
        padding: 0;
        margin: 0;
        list-style: none;
        direction: rtl;
    }

        body.rd-modern ul.mainproduct > li.product_box3 {
            min-width: 0;
            height: 100%;
        }

    /* prevent long titles from breaking mobile */
    body.rd-modern .product_box3 h6,
    body.rd-modern .product_box3 p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    body.rd-modern .product_box3 h6 {
        -webkit-line-clamp: 2;
    }

    body.rd-modern .product_box3 p {
        -webkit-line-clamp: 3;
    }

@media (max-width: 1200px) {
    body.rd-modern ul.mainproduct {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

@media (max-width: 900px) {
    body.rd-modern ul.mainproduct {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }
}

@media (max-width: 520px) {
    body.rd-modern {
        --fs-gutter: 10px;
    }

        body.rd-modern ul.mainproduct {
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 8px;
        }

            body.rd-modern ul.mainproduct > li.product_box3 {
                border-radius: 14px;
            }

        body.rd-modern .product_box_image {
            min-height: 120px;
        }

            body.rd-modern .product_box_image img {
                height: 110px;
            }

        body.rd-modern .product_box3 h6 {
            margin: 8px;
            font-size: 12px;
            line-height: 1.7;
        }

        body.rd-modern .product_box3 p {
            margin: 6px 8px;
            font-size: 11px;
            line-height: 1.8;
        }

        body.rd-modern .product_options {
            padding: 8px;
        }

        body.rd-modern .purchase,
        body.rd-modern .purchase2 {
            padding: 8px 10px;
            font-size: 11px;
        }
}

/* avoid horizontal overflow from legacy elements */
body.rd-modern img,
body.rd-modern table,
body.rd-modern iframe {
    max-width: 100%;
}


/* =========================================================
   RD Modern - Top header container alignment
   Keep outer backgrounds full width, align inner content.
========================================================= */

body.rd-modern .top_nav,
body.rd-modern #header,
body.rd-modern .menu_container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

    body.rd-modern .top_nav_container,
    body.rd-modern #header_grid_container,
    body.rd-modern .menu_container > .cont {
        width: min(100%, 1440px);
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }


/* =========================================================
   RD Modern - Unified site width for category navigation
   Keep full background, align inner menu with header/content.
========================================================= */

body.rd-modern .menu_container {
    width: 100%;
    padding-left: var(--fs-gutter);
    padding-right: var(--fs-gutter);
    box-sizing: border-box;
}

    body.rd-modern .menu_container > .cont {
        width: min(100%, 1440px);
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }


/* =========================================================
   RD Modern - Header visual separation
   Modern header surface without markup changes
========================================================= */

body.rd-modern #header {
    position: relative;
    background: radial-gradient(circle at top right, rgba(0,140,134,.10), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f3faf8 100%);
    border-bottom: 1px solid #dcebe7;
    box-shadow: 0 10px 30px rgba(25,55,73,.05);
}

body.rd-modern .top_nav {
    background: transparent;
}

body.rd-modern .menu_container {
    background: rgba(255,255,255,.72);
    border-radius: 22px;
    box-shadow: 0 6px 22px rgba(25,55,73,.04);
}


/* =========================================================
   RD Modern - Top navigation header surface
   Match top bar with main header
========================================================= */

body.rd-modern .top_nav {
    background: radial-gradient(circle at top right, rgba(0,140,134,.10), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f3faf8 100%);
    border-bottom: 1px solid #dcebe7;
}

body.rd-modern .top_nav_container {
    width: min(100%, 1440px);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}


/* =========================================================
   RD Modern - Desktop sticky top navigation
   Keeps header navigation accessible while scrolling
========================================================= */

@media (min-width: 992px) {

    body.rd-modern .top_nav {
        position: sticky;
        top: 0;
        z-index: 1000;
        backdrop-filter: blur(12px);
    }

    body.rd-modern .top_nav_container {
        position: relative;
        z-index: 1001;
    }
}


/* 7. Content pages (page.aspx)
   SEO-safe: only visual classes. Server rendered title/pageText remain unchanged. */
body.rd-modern .content,
body.rd-modern .innercontent {
    box-sizing: border-box;
    direction: rtl;
    font-family: Vazirmatn, Tahoma, Arial, sans-serif;
}

body.rd-modern .content {
    width: 100%;
    margin: 28px 0 40px;
    padding: 0 var(--fs-gutter);
}

body.rd-modern .innercontent {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 28px 32px 34px;
    background: #fff;
    border: 1px solid #e0eae7;
    border-radius: 22px;
    box-shadow: 0 8px 28px #19374908;
    color: #29464b;
    font-size: 14px;
    line-height: 2;
    text-align: right;
}

    body.rd-modern .innercontent .product_title {
        display: flex;
        align-items: center;
        margin: 0 0 24px;
        padding: 0 0 14px;
        border-bottom: 1px solid #e1eae7;
    }

        body.rd-modern .innercontent .product_title h3 {
            margin: 0;
            color: #193749;
            font-size: 22px;
            font-weight: 800;
            line-height: 1.8;
        }

    body.rd-modern .innercontent h1,
    body.rd-modern .innercontent h2,
    body.rd-modern .innercontent h3,
    body.rd-modern .innercontent h4 {
        color: #193749;
        line-height: 1.9;
        font-weight: 750;
    }

    body.rd-modern .innercontent p {
        margin: 0 0 18px;
    }

    body.rd-modern .innercontent img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
    }

    body.rd-modern .innercontent a {
        color: #008c86;
        text-decoration: none;
    }

        body.rd-modern .innercontent a:hover {
            color: #006d67;
            text-decoration: underline;
        }

    body.rd-modern .innercontent ul,
    body.rd-modern .innercontent ol {
        padding-right: 24px;
        margin: 0 0 20px;
    }

    body.rd-modern .innercontent blockquote {
        margin: 20px 0;
        padding: 14px 18px;
        background: #f1f8f6;
        border-right: 4px solid #008c86;
        border-radius: 12px;
    }

@media (max-width: 700px) {
    body.rd-modern .content {
        padding: 0 var(--fs-gutter);
    }

    body.rd-modern .innercontent {
        padding: 20px 16px 24px;
        border-radius: 16px;
        font-size: 13px;
    }

        body.rd-modern .innercontent .product_title h3 {
            font-size: 18px;
        }
}


/* 8. Article base
   SEO safe: only visual styling. HTML and WebForms output unchanged.
*/
body.rd-modern .articlecontent,
body.rd-modern .commentlist {
    direction: rtl;
    text-align: right;
}

body.rd-modern .articlecontent {
    color: #29464b;
    font-size: 14px;
    line-height: 2.15;
}

    body.rd-modern .articlecontent h1,
    body.rd-modern .articlecontent h2,
    body.rd-modern .articlecontent h3,
    body.rd-modern .articlecontent h4 {
        color: #193749;
        line-height: 1.9;
        font-weight: 750;
    }

    body.rd-modern .articlecontent p {
        margin: 0 0 18px;
    }

    body.rd-modern .articlecontent img {
        max-width: 100%;
        height: auto;
        border-radius: 14px;
    }

    body.rd-modern .articlecontent a {
        color: #008c86;
    }

body.rd-modern .copytexttop {
    margin: 20px 0;
    padding: 18px;
    background: #f7faf9;
    border-radius: 14px;
}

/* Article layout replacement, 20261006-article1. Scoped to the actual sibling layout. */
body.rd-modern .rd-article-page,
body.rd-modern .rd-article-page * {
    box-sizing: border-box;
}

body.rd-modern .rd-article-page {
    display: grid;
    grid-template-columns: minmax(0,1fr) 270px;
    gap: 20px;
    align-items: start;
    direction: rtl;
    margin: 24px var(--fs-gutter) 32px;
    color: #214560;
    font: 13px/2 Vazirmatn,Tahoma,Arial,sans-serif;
}

    body.rd-modern .rd-article-page > .content {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin: 12px 0 0 !important;
        padding: 0;
        background: transparent;
    }

    body.rd-modern .rd-article-page > #column-left {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        float: none;
        direction: rtl;
    }

    body.rd-modern .rd-article-page > .content > .innercontent:first-child {
        margin: 0;
        padding: 0;
        width: 100%;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: inherit;
    }

        body.rd-modern .rd-article-page > .content > .innercontent:first-child > .product_title {
            position: relative;
            display: flex;
            align-items: center;
            min-height: 54px;
            margin: 0 0 14px;
            padding: 12px 18px;
            border: 1px solid #dcebe7;
            border-radius: 19px;
            background: linear-gradient(100deg,#dff1ee 0%,#fff 42%);
            box-shadow: 0 6px 20px #214b4205;
        }

            body.rd-modern .rd-article-page > .content > .innercontent:first-child > .product_title::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                width: 68px;
                height: 3px;
                background: #00968c;
            }

            body.rd-modern .rd-article-page > .content > .innercontent:first-child > .product_title h3 {
                margin: 0;
                color: #214560;
                font-size: 15px;
                line-height: 1.9;
                font-weight: 750;
            }

    body.rd-modern .rd-article-page .articlecontent {
        min-width: 0;
        margin: 0;
        padding: 24px 22px 28px;
        border: 1px solid #dcebe7;
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 7px 24px #214b4205;
        color: #214560;
        font-size: 13px;
        line-height: 2.2;
        text-align: right;
    }

    body.rd-modern .rd-article-page .linkebuttons {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin: 0 0 16px;
    }

    body.rd-modern .rd-article-page .button_gray {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-width: 58px;
        min-height: 46px;
        padding: 9px 12px;
        border: 1px solid #d9e9e5;
        border-radius: 12px;
        background: #f0f8f6;
        color: #426b7d;
        cursor: pointer;
        font-size: 13px;
    }

    body.rd-modern .rd-article-page .articlecontent > .rd-article-meta {
        margin: 0 0 22px;
        padding: 14px 16px;
        border: 1px solid #dceced;
        border-radius: 13px;
        background: #f3faf8;
        color: #8197a5;
        font-size: 12px;
        line-height: 2;
    }

    body.rd-modern .rd-article-page .rd-article-meta > span {
        display: inline-block;
        margin: 0 18px;
    }

    body.rd-modern .rd-article-page .rd-article-text {
        min-width: 0;
        overflow-wrap: anywhere;
    }

        body.rd-modern .rd-article-page .rd-article-text p {
            margin: 0 0 24px;
            line-height: 2.4;
        }

        body.rd-modern .rd-article-page .rd-article-text :is(h1,h2,h3,h4,h5,h6) {
            color: #214560;
            line-height: 1.9;
        }

        body.rd-modern .rd-article-page .rd-article-text img {
            max-width: 100%;
            height: auto;
        }

        body.rd-modern .rd-article-page .rd-article-text :is(iframe,video) {
            max-width: 100%;
        }

        body.rd-modern .rd-article-page .rd-article-text table {
            display: block;
            max-width: 100%;
            overflow-x: auto;
        }

        body.rd-modern .rd-article-page .rd-article-text pre {
            white-space: pre-wrap;
            overflow-wrap: anywhere;
        }

    body.rd-modern .rd-article-page .articlecontent a {
        color: #00949e;
        overflow-wrap: anywhere;
    }

    body.rd-modern .rd-article-page .social.article {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin: 18px 0 24px;
        padding-top: 16px;
        border-top: 1px solid #dce8e5;
        font-size: 12px;
    }

        body.rd-modern .rd-article-page .social.article > a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 28px;
            height: 28px;
            border-radius: 7px;
            background-color: #f0f7f6;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 19px;
        }

        body.rd-modern .rd-article-page .social.article > .twitter {
            background-image: url('/images/twitter.png');
        }

        body.rd-modern .rd-article-page .social.article > .facebook {
            background-image: url('/images/facebook.png');
        }

        body.rd-modern .rd-article-page .social.article > .linkedin {
            background-image: url('/images/linkedin.png');
        }

        body.rd-modern .rd-article-page .social.article > .google {
            background-image: url('/images/googleplus.png');
        }

    body.rd-modern .rd-article-page .copytexttop {
        margin: 20px 0;
        padding: 18px 16px;
        border-radius: 14px;
        background: #f6f9f8;
        color: #7c94a4;
        font-size: 12px;
        line-height: 2.2;
    }

    body.rd-modern .rd-article-page .articlecontent :is(input,textarea) {
        max-width: 100%;
    }
    /* Narrow left-hand sidebar, with the same server-generated lists as before. */
    body.rd-modern .rd-article-page #column-left > .box {
        margin: 0 0 20px;
        padding: 0;
        background: transparent;
        border: 0;
    }

    body.rd-modern .rd-article-page #column-left .innercontent {
        margin: 0;
        padding: 20px;
        border: 1px solid #dce7e3;
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 0 0 1px #e8efec;
        color: #214560;
        font-size: 12px;
    }

    body.rd-modern .rd-article-page #column-left .product_title {
        margin: 0 0 18px;
        padding: 0 0 14px;
        border-bottom: 1px solid #dce7e3;
        background: transparent;
    }

        body.rd-modern .rd-article-page #column-left .product_title h3 {
            margin: 0;
            color: #214560;
            font-size: 17px;
            font-weight: 750;
        }

    body.rd-modern .rd-article-page #column-left :is(.articleconside,.artilce,.sidefilelist) {
        margin: 0;
        padding: 0;
        background: transparent;
    }

    body.rd-modern .rd-article-page .rd-article-latest {
        padding: 16px 0 4px;
        text-align: right;
    }

        body.rd-modern .rd-article-page .rd-article-latest > a:first-child {
            display: block;
            margin-bottom: 20px;
            padding-right: 20px;
        }

        body.rd-modern .rd-article-page .rd-article-latest img {
            display: block;
            width: 40px;
            height: 30px;
            object-fit: contain;
            background: #f2f5f4;
            border-radius: 12px;
        }

        body.rd-modern .rd-article-page .rd-article-latest h6 {
            margin: 0 0 18px;
            font-size: 10px;
            font-weight: 500;
            line-height: 2;
        }

        body.rd-modern .rd-article-page .rd-article-latest a {
            color: #214560;
        }

        body.rd-modern .rd-article-page .rd-article-latest > span {
            display: block;
            font-size: 12px;
            color: #426c83;
        }

    body.rd-modern .rd-article-page .rd-article-file {
        padding: 0 0 12px;
        text-align: right;
    }

        body.rd-modern .rd-article-page .rd-article-file > a {
            display: block;
            margin: 0 0 12px;
            color: #214560;
            line-height: 2;
        }

        body.rd-modern .rd-article-page .rd-article-file img {
            display: block;
            width: 40px;
            height: 45px;
            object-fit: contain;
            border-radius: 10px;
        }

        body.rd-modern .rd-article-page .rd-article-file > span {
            display: block;
            font-size: 12px;
        }

        body.rd-modern .rd-article-page .rd-article-file hr {
            margin: 16px 0 0;
            border: 0;
            border-top: 1px solid #eaf0ed;
        }
    /* Comments and validation remain available whenever the server renders them. */
    body.rd-modern .rd-article-page .commentlist {
        margin: 22px 0 0;
        padding: 22px;
        border: 1px solid #dcebe7;
        border-radius: 20px;
        background: #fff;
        font-size: 13px;
    }

        body.rd-modern .rd-article-page .commentlist .product_title {
            margin: 0 0 16px;
            padding-bottom: 12px;
        }

            body.rd-modern .rd-article-page .commentlist .product_title h3 {
                font-size: 17px;
            }

    body.rd-modern .rd-article-page .review {
        padding: 16px 0;
        border-bottom: 1px solid #e5eeeb;
    }

    body.rd-modern .rd-article-page .review-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px 20px;
    }

    body.rd-modern .rd-article-page .review-author {
        color: #19685f;
        font-weight: 700;
    }

    body.rd-modern .rd-article-page .review-date {
        color: #81989a;
        font-size: 11px;
    }

    body.rd-modern .rd-article-page .review-text {
        overflow-wrap: anywhere;
    }

    body.rd-modern .rd-article-page .managereply {
        margin: 12px 0;
        padding: 12px;
        background: #edf8f4;
        border-right: 3px solid #00978a;
        border-radius: 9px;
    }

    body.rd-modern .rd-article-page .commentlist .form {
        margin-top: 24px;
    }

    body.rd-modern .rd-article-page .commentlist .group {
        margin: 14px 0;
    }

    body.rd-modern .rd-article-page .group > label.title {
        display: block;
        margin-bottom: 6px;
        color: #537181;
        font-size: 12px;
    }

    body.rd-modern .rd-article-page .commentlist input[type='text'],
    body.rd-modern .rd-article-page .commentlist textarea {
        width: 100% !important;
        max-width: 520px;
        padding: 10px 12px;
        border: 1px solid #dce9e3;
        border-radius: 10px;
        background: #f8fbfa;
        color: #294b59;
        font: inherit;
    }

    body.rd-modern .rd-article-page .commentlist textarea {
        min-height: 130px;
        height: auto;
        resize: vertical;
    }

    body.rd-modern .rd-article-page .commentlist input.CapchaInput {
        width: 100px !important;
        max-width: 100%;
        direction: ltr;
        margin-left: 12px;
    }

    body.rd-modern .rd-article-page .captchalogin {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
    }

    body.rd-modern .rd-article-page input[type='submit'] {
        min-height: 44px;
        padding: 10px 24px;
        border: 0;
        border-radius: 10px;
        background: #00988c;
        color: #fff;
        font: 600 13px/1.8 Vazirmatn,Tahoma,sans-serif;
        cursor: pointer;
    }

    body.rd-modern .rd-article-page :is(a,input,textarea):focus-visible {
        outline: 2px solid #008f83;
        outline-offset: 3px;
    }

@media (max-width: 1100px) {
    body.rd-modern .rd-article-page {
        grid-template-columns: minmax(0,1fr) 240px;
        gap: 16px;
    }

        body.rd-modern .rd-article-page #column-left .innercontent {
            padding: 16px;
        }
}

@media (max-width: 800px) {
    body.rd-modern .rd-article-page {
        grid-template-columns: minmax(0,1fr);
        margin: 18px var(--fs-gutter) 24px;
    }

        body.rd-modern .rd-article-page > .content {
            grid-column: 1;
            grid-row: 1;
            margin-top: 0 !important;
        }

        body.rd-modern .rd-article-page > #column-left {
            grid-column: 1;
            grid-row: 2;
            display: grid;
            grid-template-columns: repeat(2,minmax(0,1fr));
            align-items: start;
            gap: 16px;
        }

        body.rd-modern .rd-article-page .articlecontent {
            padding: 18px 16px;
        }

        body.rd-modern .rd-article-page .rd-article-meta > span {
            margin: 0 10px;
        }
}

@media (max-width: 520px) {
    body.rd-modern .rd-article-page > #column-left {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-article-page .commentlist {
        padding: 16px;
    }

    body.rd-modern .rd-article-page .articlecontent > .rd-article-meta {
        padding: 12px;
        line-height: 2.4;
    }
}

/* Article archive: scoped visual layout, existing URLs and server paging. */
body.rd-modern .rd-article-list, body.rd-modern .rd-article-list * {
    box-sizing: border-box;
}

body.rd-modern .rd-article-list {
    display: grid;
    grid-template-columns: minmax(0,1fr) 270px;
    align-items: start;
    gap: 20px;
    margin: 24px var(--fs-gutter) 32px;
    direction: rtl;
    color: #294b60;
    font: 13px/2 Vazirmatn,Tahoma,Arial,sans-serif;
}

    body.rd-modern .rd-article-list > .content {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin: 0 !important;
        padding: 0;
    }

    body.rd-modern .rd-article-list > #column-left {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;
    }

    body.rd-modern .rd-article-list > .content > .articlecon {
        margin: 0;
        padding: 0;
        background: transparent;
    }

        body.rd-modern .rd-article-list > .content > .articlecon > .product_title {
            position: relative;
            display: flex;
            align-items: center;
            min-height: 56px;
            margin: 0 0 16px;
            padding: 14px 20px;
            border: 1px solid #dcebe7;
            border-radius: 18px;
            background: linear-gradient(100deg,#e1f3ee,#fff 45%);
            box-shadow: 0 5px 18px #214b4205;
        }

    body.rd-modern .rd-article-list .product_title h3 {
        margin: 0;
        color: #204458;
        font-size: 18px;
        font-weight: 750;
        line-height: 1.9;
    }

    body.rd-modern .rd-article-list .sp10 {
        display: none;
    }

    body.rd-modern .rd-article-list .articlecon > .artilce {
        background: transparent !important;
        padding: 0;
        margin: 0;
    }

    body.rd-modern .rd-article-list a {
        color: #008b83;
        text-decoration: none;
    }

        body.rd-modern .rd-article-list a:hover {
            color: #005e56;
        }

        body.rd-modern .rd-article-list a:focus-visible {
            outline: 2px solid #00958b;
            outline-offset: 4px;
        }

body.rd-modern .rd-archive-card {
    display: flow-root;
    margin: 0 0 16px;
    padding: 20px;
    border: 1px solid #deebe6;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 5px 20px #214b4205;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-archive-card > a:first-child {
        display: block;
        float: right;
        margin: 0 0 12px 20px;
        padding: 6px;
        border: 1px solid #e6eeea;
        border-radius: 13px;
        background: #f4f9f7;
    }

        body.rd-modern .rd-archive-card > a:first-child img {
            display: block;
            width: 120px;
            height: 120px;
            object-fit: contain;
            border-radius: 9px;
        }

    body.rd-modern .rd-archive-card h6 {
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: 750;
        line-height: 1.9;
    }

        body.rd-modern .rd-archive-card h6 a {
            color: #23485a;
        }

body.rd-modern .rd-archive-summary {
    margin-bottom: 12px;
    color: #6a8190;
    font-size: 13px;
    line-height: 2.1;
}

    body.rd-modern .rd-archive-summary p {
        margin: 0 0 8px;
    }

    body.rd-modern .rd-archive-summary img {
        max-width: 100%;
        height: auto;
    }

    body.rd-modern .rd-archive-summary table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

body.rd-modern .rd-archive-card > br {
    display: none;
}

body.rd-modern .rd-archive-card > span {
    display: inline-block;
    vertical-align: middle;
    color: #81959d;
    font-size: 11px;
}

body.rd-modern .rd-archive-card > .grp {
    padding: 4px 10px;
    margin-left: 12px;
    border-radius: 8px;
    background: #ecf8f3;
    color: #278576;
}

body.rd-modern .rd-article-list #column-left > .box {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
    background: transparent;
}

body.rd-modern .rd-article-list #column-left .innercontent {
    width: 100%;
    margin: 0;
    padding: 18px;
    border: 1px solid #dce8e2;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 5px 18px #214b4205;
    font-size: 12px;
}

body.rd-modern .rd-article-list #column-left .product_title {
    margin: 0 0 14px;
    padding: 0 0 12px;
    border-bottom: 1px solid #e0eae5;
}

    body.rd-modern .rd-article-list #column-left .product_title h3 {
        font-size: 16px;
    }

body.rd-modern .rd-article-list .block-nav,
body.rd-modern .rd-article-list .block-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    body.rd-modern .rd-article-list .block-nav li {
        position: relative;
        margin: 0;
        padding: 0;
    }

    body.rd-modern .rd-article-list .block-nav a {
        display: block;
        padding: 10px 12px;
        border-radius: 9px;
        color: #3a656b;
        overflow-wrap: anywhere;
    }

        body.rd-modern .rd-article-list .block-nav a:hover {
            background: #edf8f3;
            color: #00857b;
        }

    body.rd-modern .rd-article-list .block-nav .dropdown {
        display: none;
        position: static;
        width: auto;
        max-width: 100%;
        margin: 0 10px 6px 0;
        padding: 0 8px 0 0;
        border: 0;
        border-right: 2px solid #dbeee5;
        background: #f8fbf9;
        border-radius: 8px;
    }

    body.rd-modern .rd-article-list .block-nav .drop:focus-within > .dropdown {
        display: block !important;
    }

body.rd-modern .rd-archive-latest {
    display: flow-root;
    padding: 12px 0;
    border-bottom: 1px solid #edf1ee;
}

    body.rd-modern .rd-archive-latest > a:first-child {
        float: right;
        margin-left: 10px;
    }

    body.rd-modern .rd-archive-latest img {
        display: block;
        width: 45px;
        height: 60px;
        object-fit: contain;
        border: 1px solid #e5ede8;
        border-radius: 9px;
        background: #f5f9f7;
    }

    body.rd-modern .rd-archive-latest h6 {
        margin: 0 0 8px;
        font-size: 12px;
        line-height: 1.9;
    }

    body.rd-modern .rd-archive-latest > span {
        color: #859ba0;
        font-size: 10px;
    }

body.rd-modern .rd-article-list .empty {
    margin: 16px 0;
    padding: 24px;
    border: 1px solid #dcebe7;
    border-radius: 16px;
    background: #fff;
    color: #6c8585;
    text-align: center;
}

body.rd-modern .rd-article-list .pager {
    max-width: 100%;
    margin: 22px 0;
    padding: 12px;
    border: 1px solid #dfeae5;
    border-radius: 14px;
    background: #fff;
    text-align: center;
    line-height: 2.6;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-article-list .pager a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        min-width: 40px;
        margin: 3px;
        padding: 4px 12px;
        border: 1px solid #deebe5;
        border-radius: 9px;
        background: #f5faf8;
    }

        body.rd-modern .rd-article-list .pager a:hover {
            background: #e5f5ed;
        }

@media (max-width: 1100px) {
    body.rd-modern .rd-article-list {
        grid-template-columns: minmax(0,1fr) 230px;
        gap: 16px;
    }

    body.rd-modern .rd-archive-card {
        padding: 16px;
    }
}

@media (max-width: 800px) {
    body.rd-modern .rd-article-list {
        grid-template-columns: minmax(0,1fr);
        gap: 20px;
        margin-top: 18px;
    }

        body.rd-modern .rd-article-list > #column-left {
            grid-column: 1;
            grid-row: 2;
        }

        body.rd-modern .rd-article-list .block-nav .dropdown {
            display: block;
        }
}

@media (max-width: 480px) {
    body.rd-modern .rd-archive-card > a:first-child {
        float: none;
        width: 100%;
        margin: 0 0 14px;
    }

        body.rd-modern .rd-archive-card > a:first-child img {
            width: 100%;
            height: 140px;
        }

    body.rd-modern .rd-archive-card h6 {
        font-size: 15px;
    }

    body.rd-modern .rd-article-list .product_title h3 {
        font-size: 16px;
    }
}

/* Shared account/contact forms. Existing WebForms postbacks and validators own behavior. */
body.rd-modern .rd-form-page, body.rd-modern .rd-form-page * {
    box-sizing: border-box;
}

body.rd-modern .rd-form-page {
    margin: 28px var(--fs-gutter) 36px;
    direction: rtl;
    color: #365b63;
    font: 14px/2 Vazirmatn,Tahoma,Arial,sans-serif;
}

body.rd-modern .rd-form-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,.85fr);
    gap: 24px;
    align-items: start;
}

    body.rd-modern .rd-form-layout > .content {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin: 0 !important;
        padding: 0;
    }

    body.rd-modern .rd-form-layout > #column-left {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
        float: none;
    }

    body.rd-modern .rd-form-layout :is(.box,.sidebar) {
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
    }

    body.rd-modern .rd-form-layout .innercontent {
        margin: 0;
        padding: 28px;
        border: 1px solid #dce9e3;
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 8px 26px #244a3c06;
        color: #496c73;
        font-size: 14px;
        line-height: 2.1;
    }

    body.rd-modern .rd-form-layout #column-left .innercontent {
        background: linear-gradient(145deg,#effaf5,#fff 70%);
        border-color: #d5e9e0;
    }

    body.rd-modern .rd-form-layout .product_title {
        position: relative;
        margin: 0 0 24px;
        padding: 0 0 16px;
        border: 0;
        border-bottom: 1px solid #e2ece7;
        background: transparent;
        box-shadow: none;
    }

        body.rd-modern .rd-form-layout .product_title::after {
            content: '';
            position: absolute;
            right: 0;
            left: auto;
            bottom: -1px;
            width: 52px;
            height: 3px;
            border-radius: 3px;
            background: #009a89;
        }

        body.rd-modern .rd-form-layout .product_title h3 {
            margin: 0;
            color: #214953;
            font-size: 22px;
            font-weight: 800;
            line-height: 1.8;
        }

    body.rd-modern .rd-form-layout #column-left .product_title h3 {
        font-size: 18px;
    }

body.rd-modern .rd-form-page a {
    color: #008b7d;
    text-decoration: none;
}

    body.rd-modern .rd-form-page a:hover {
        color: #006455;
        text-decoration: underline;
    }

body.rd-modern .rd-form-field {
    position: relative;
    margin: 0 0 18px;
}

    body.rd-modern .rd-form-field > br {
        display: none;
    }

    body.rd-modern .rd-form-field > label.title {
        display: block;
        margin: 0 0 7px;
        color: #4f7077;
        font-size: 13px;
        font-weight: 650;
    }

    body.rd-modern .rd-form-field input[type='text'],
    body.rd-modern .rd-form-field input[type='password'],
    body.rd-modern .rd-form-field textarea {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 11px 14px;
        border: 1px solid #d8e7df;
        border-radius: 12px;
        background: #f8fbf9;
        color: #214d56;
        font: 16px/1.7 Vazirmatn,Tahoma,Arial,sans-serif;
        transition: border-color .15s,box-shadow .15s;
    }

    body.rd-modern .rd-form-field textarea {
        min-height: 155px;
        height: auto !important;
        resize: vertical;
    }

    body.rd-modern .rd-form-field input.ltr {
        direction: ltr;
        text-align: left;
    }

    body.rd-modern .rd-form-field input.CapchaInput {
        width: 125px !important;
        max-width: 45%;
        margin: 0 0 0 12px;
        direction: ltr;
        text-align: center;
        letter-spacing: 2px;
        vertical-align: middle;
    }

    body.rd-modern .rd-form-field .captchalogin {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }

        body.rd-modern .rd-form-field .captchalogin img {
            display: inline-block;
            max-width: 100%;
            height: auto;
            border-radius: 7px;
            vertical-align: middle;
        }

body.rd-modern .rd-form-page :is(input,textarea):focus {
    outline: 0;
    border-color: #00a28b;
    box-shadow: 0 0 0 3px #00a28b18;
}

body.rd-modern .rd-form-page a:focus-visible {
    outline: 2px solid #009688;
    outline-offset: 4px;
    border-radius: 4px;
}

body.rd-modern .rd-form-layout .lft {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 22px;
}

    body.rd-modern .rd-form-layout .lft > span {
        float: none !important;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #6b8385;
        font-size: 13px;
    }

body.rd-modern .rd-form-layout input[type='checkbox'] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #00998a;
}

body.rd-modern .rd-form-layout input[type='submit'] {
    display: block;
    flex: 1 1 100%;
    width: 100%;
    min-height: 48px;
    padding: 12px 22px;
    border: 0;
    border-radius: 12px;
    background: #00988a;
    color: #fff;
    font: 750 15px/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
    cursor: pointer;
    box-shadow: 0 5px 14px #00988a18;
}

    body.rd-modern .rd-form-layout input[type='submit']:hover {
        background: #007f72;
    }

    body.rd-modern .rd-form-layout input[type='submit']:focus-visible {
        outline: 2px solid #006b62;
        outline-offset: 3px;
    }

body.rd-modern .rd-form-page :is(.attention,.warning,.success,.error) {
    margin: 0 0 18px;
    padding: 16px 18px;
    border: 1px solid #e9d5ba;
    border-radius: 13px;
    background: #fff8ee;
    color: #8c6031;
    overflow-wrap: anywhere;
}

body.rd-modern .rd-form-page .success {
    background: #ecf8f1;
    border-color: #c9e8d7;
    color: #287651;
}

body.rd-modern .rd-form-page .req {
    display: inline-flex;
    align-items: center;
    margin: 5px;
    color: #c44553;
}

body.rd-modern .rd-form-page .icon-exclamation-sign {
    --fs-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 5v9m0 3v2'/%3E%3C/svg%3E");
}

body.rd-modern .rd-form-page #column-left img {
    max-width: 100%;
    height: auto;
}

body.rd-modern .rd-form-page #column-left table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

body.rd-modern .rd-form-page #column-left {
    overflow-wrap: anywhere;
}

body.rd-modern .rd-form-page > .sp20 {
    display: none;
}

@media (max-width: 850px) {
    body.rd-modern .rd-form-layout {
        grid-template-columns: minmax(0,1fr);
        gap: 18px;
    }

        body.rd-modern .rd-form-layout > #column-left {
            grid-column: 1;
            grid-row: 2;
        }
}

@media (max-width: 520px) {
    body.rd-modern .rd-form-page {
        margin-top: 20px;
    }

    body.rd-modern .rd-form-layout .innercontent {
        padding: 20px 16px;
        border-radius: 17px;
    }

    body.rd-modern .rd-form-layout .product_title h3 {
        font-size: 19px;
    }

    body.rd-modern .rd-form-layout #column-left .product_title h3 {
        font-size: 17px;
    }

    body.rd-modern .rd-form-field input.CapchaInput {
        width: 100px !important;
        margin-left: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.rd-modern .rd-form-field :is(input,textarea) {
        transition: none;
    }
}

/* Order page: article proportions with the shared form components. */
body.rd-modern .rd-order-page {
    margin-top: 24px;
}

body.rd-modern .rd-order-layout {
    grid-template-columns: minmax(0,1fr) 270px;
    gap: 20px;
}

    body.rd-modern .rd-order-layout > .content > .innercontent {
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

        body.rd-modern .rd-order-layout > .content > .innercontent > .product_title {
            min-height: 54px;
            display: flex;
            align-items: center;
            margin: 0 0 14px;
            padding: 12px 18px;
            border: 1px solid #dcebe7;
            border-radius: 18px;
            background: linear-gradient(100deg,#e1f3ee,#fff 45%);
        }

            body.rd-modern .rd-order-layout > .content > .innercontent > .product_title h3 {
                font-size: 18px;
            }

            body.rd-modern .rd-order-layout > .content > .innercontent > .product_title::after {
                right: auto;
                left: 0;
                bottom: 0;
                width: 68px;
            }

body.rd-modern .rd-order-body {
    padding: 24px;
    border: 1px solid #dcebe7;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 6px 22px #214b4205;
}

    body.rd-modern .rd-order-body > p {
        margin: 0 0 24px;
        padding: 16px 18px;
        border: 1px solid #dcece6;
        border-radius: 13px;
        background: #f3faf7;
        color: #597a7e;
        font-size: 13px;
        line-height: 2.1;
    }

    body.rd-modern .rd-order-body > label.title:empty {
        display: none;
    }

body.rd-modern .rd-order-layout #column-left .innercontent {
    padding: 18px;
    background: #fff;
}

body.rd-modern .rd-order-layout #column-left .product_title {
    margin-bottom: 16px;
    padding-bottom: 12px;
}

    body.rd-modern .rd-order-layout #column-left .product_title h3 {
        font-size: 16px;
    }

body.rd-modern .rd-order-related {
    padding: 0 0 10px;
    text-align: right;
    font-size: 12px;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-order-related > a {
        display: block;
        margin-bottom: 12px;
        line-height: 2;
    }

    body.rd-modern .rd-order-related img {
        display: block;
        width: 45px;
        height: 50px;
        object-fit: contain;
        border: 1px solid #e5ede8;
        border-radius: 10px;
        background: #f6faf8;
    }

    body.rd-modern .rd-order-related > span {
        display: block;
        color: #698a8c;
        font-size: 11px;
    }

    body.rd-modern .rd-order-related hr {
        margin: 16px 0 0;
        border: 0;
        border-top: 1px solid #e8efeb;
    }

@media (max-width: 1100px) {
    body.rd-modern .rd-order-layout {
        grid-template-columns: minmax(0,1fr) 240px;
        gap: 16px;
    }
}

@media (max-width: 850px) {
    body.rd-modern .rd-order-layout {
        grid-template-columns: minmax(0,1fr);
    }
}

@media (max-width: 520px) {
    body.rd-modern .rd-order-body {
        padding: 18px 16px;
        border-radius: 18px;
    }
}

/* Order reference design: presentation right, working existing form left. */
body.rd-modern .rd-order-design {
    margin: 24px var(--fs-gutter) 32px;
}

    body.rd-modern .rd-order-design .rd-order-layout {
        grid-template-columns: minmax(0,1.65fr) minmax(330px,.95fr);
        gap: 24px;
        align-items: start;
    }

        body.rd-modern .rd-order-design .rd-order-layout > .content {
            grid-column: 2;
            grid-row: 1;
        }

    body.rd-modern .rd-order-design .rd-order-presentation {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    body.rd-modern .rd-order-design .rd-order-layout > .content > .innercontent {
        padding: 26px;
        border: 1px solid #e9eaf6;
        border-radius: 22px;
        background: linear-gradient(150deg,#fff,#fafbff);
        box-shadow: 0 8px 30px #3848a00c;
    }

        body.rd-modern .rd-order-design .rd-order-layout > .content > .innercontent > .product_title {
            padding: 0 0 18px;
            margin: 0;
            border: 0;
            border-bottom: 1px solid #e9eaf3;
            border-radius: 0;
            background: transparent;
        }

            body.rd-modern .rd-order-design .rd-order-layout > .content > .innercontent > .product_title h3 {
                font-size: 25px;
                font-weight: 850;
                color: #101a37;
            }

            body.rd-modern .rd-order-design .rd-order-layout > .content > .innercontent > .product_title::after {
                content: none;
            }

    body.rd-modern .rd-order-design .rd-order-body {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

        body.rd-modern .rd-order-design .rd-order-body > .rd-order-form-intro {
            margin: 12px 0 20px;
            padding: 0;
            border: 0;
            background: transparent;
            color: #8490a3;
            font-size: 12px;
        }

    body.rd-modern .rd-order-design .rd-form-field {
        margin-bottom: 16px;
    }

        body.rd-modern .rd-order-design .rd-form-field > label.title {
            color: #202941;
            font-size: 14px;
            font-weight: 750;
        }

        body.rd-modern .rd-order-design .rd-form-field :is(input[type='text'],input[type='password'],textarea) {
            border-color: #dfe3ed;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 1px 3px #18295804;
            color: #25314b;
        }

        body.rd-modern .rd-order-design .rd-form-field textarea {
            min-height: 130px;
        }

    body.rd-modern .rd-order-design .rd-order-body input[type='submit'] {
        margin-top: 20px;
        background: #145ee8;
        border-radius: 10px;
        box-shadow: 0 5px 18px #145ee81a;
        min-height: 52px;
    }

        body.rd-modern .rd-order-design .rd-order-body input[type='submit']:hover {
            background: #104ec6;
        }

    body.rd-modern .rd-order-design .rd-order-hero {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0,1.35fr) minmax(160px,1fr);
        align-items: center;
        gap: 16px;
        padding: 30px 24px 22px;
        border-radius: 22px;
        border: 1px solid #eeedf8;
        background: radial-gradient(ellipse at 5% 15%,#e1e9ff,transparent 70%),linear-gradient(125deg,#f3f7ff,#f2ecfb);
    }

    body.rd-modern .rd-order-design .rd-order-hero-copy {
        min-width: 0;
        grid-column: 1;
        grid-row: 1;
    }

    body.rd-modern .rd-order-design .rd-order-eyebrow {
        display: inline-block;
        margin-bottom: 12px;
        color: #765bb2;
        font-size: 11px;
    }

    body.rd-modern .rd-order-design .rd-order-hero h2 {
        margin: 0 0 16px;
        color: #101936;
        font-size: clamp(24px,2.5vw,38px);
        line-height: 1.65;
        font-weight: 900;
    }

    body.rd-modern .rd-order-design .rd-order-hero p {
        margin: 0;
        color: #536079;
        font-size: 13px;
        line-height: 2.1;
    }

    body.rd-modern .rd-order-design .rd-order-art {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        height: auto;
        min-width: 0;
    }

    body.rd-modern .rd-order-design .rd-order-mini {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 10px;
        margin-top: 8px;
    }

        body.rd-modern .rd-order-design .rd-order-mini span {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 66px;
            padding: 10px;
            border: 1px solid #ffffffaf;
            border-radius: 15px;
            background: #ffffffa8;
            color: #566089;
            font-size: 12px;
            text-align: center;
        }

    body.rd-modern .rd-order-design :is(.rd-order-services,.rd-order-guidance) {
        margin-top: 28px;
    }

        body.rd-modern .rd-order-design :is(.rd-order-services,.rd-order-guidance) > h2 {
            margin: 0 0 22px;
            color: #101a37;
            font-size: 24px;
            font-weight: 850;
            text-align: center;
        }

            body.rd-modern .rd-order-design :is(.rd-order-services,.rd-order-guidance) > h2::after {
                content: '';
                display: block;
                width: 38px;
                height: 3px;
                margin: 8px auto 0;
                border-radius: 9px;
                background: #3774e5;
            }

    body.rd-modern .rd-order-design .rd-order-service-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 16px;
    }

    body.rd-modern .rd-order-design .rd-order-service {
        min-width: 0;
        padding: 20px 14px;
        border-radius: 17px;
        text-align: center;
    }

    body.rd-modern .rd-order-design .rd-service-green {
        background: #ecfaf1;
        color: #26784d;
    }

    body.rd-modern .rd-order-design .rd-service-blue {
        background: #edf5ff;
        color: #21569c;
    }

    body.rd-modern .rd-order-design .rd-service-pink {
        background: #fff0f4;
        color: #a53959;
    }

    body.rd-modern .rd-order-design .rd-order-symbol {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        border-radius: 17px;
        background: #ffffffa0;
        font-size: 34px;
        line-height: 1;
    }

    body.rd-modern .rd-order-design .rd-order-service h3 {
        margin: 12px 0 6px;
        font-size: 16px;
        line-height: 1.8;
    }

    body.rd-modern .rd-order-design .rd-order-service p {
        margin: 0;
        color: #5d6c7d;
        font-size: 12px;
        line-height: 1.95;
    }

    body.rd-modern .rd-order-design .rd-order-guide-grid {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 16px;
    }

        body.rd-modern .rd-order-design .rd-order-guide-grid > div {
            position: relative;
            min-width: 0;
            padding: 18px 18px 18px 66px;
            border: 1px solid #e5eaf4;
            border-radius: 16px;
            background: #fff;
        }

            body.rd-modern .rd-order-design .rd-order-guide-grid > div > span {
                position: absolute;
                left: 15px;
                top: 22px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 38px;
                height: 38px;
                border-radius: 12px;
                background: #edf3ff;
                color: #3574d4;
                font-size: 19px;
                font-weight: 800;
            }

        body.rd-modern .rd-order-design .rd-order-guide-grid h3 {
            margin: 0 0 5px;
            color: #192642;
            font-size: 15px;
        }

        body.rd-modern .rd-order-design .rd-order-guide-grid p {
            margin: 0;
            color: #8290a2;
            font-size: 12px;
            line-height: 1.9;
        }

@media (max-width: 1100px) {
    body.rd-modern .rd-order-design .rd-order-layout {
        grid-template-columns: minmax(0,1fr) 340px;
        gap: 18px;
    }

    body.rd-modern .rd-order-design .rd-order-hero {
        grid-template-columns: minmax(0,1fr);
        padding: 24px 18px;
    }

    body.rd-modern .rd-order-design .rd-order-art {
        grid-row: 2;
        grid-column: 1;
        max-width: 260px;
        justify-self: center;
    }

    body.rd-modern .rd-order-design .rd-order-service-grid {
        gap: 10px;
    }

    body.rd-modern .rd-order-design .rd-order-service {
        padding: 16px 10px;
    }
}

@media (max-width: 850px) {
    body.rd-modern .rd-order-design .rd-order-layout {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-order-design .rd-order-presentation {
        grid-column: 1;
        grid-row: 1;
    }

    body.rd-modern .rd-order-design .rd-order-layout > .content {
        grid-column: 1;
        grid-row: 2;
    }

    body.rd-modern .rd-order-design .rd-order-hero {
        grid-template-columns: minmax(0,1fr) minmax(130px,.7fr);
    }

    body.rd-modern .rd-order-design .rd-order-art {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 520px) {
    body.rd-modern .rd-order-design .rd-order-hero {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-order-design .rd-order-art {
        grid-column: 1;
        grid-row: 2;
        max-width: 240px;
    }

    body.rd-modern .rd-order-design .rd-order-mini {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    body.rd-modern .rd-order-design .rd-order-service-grid,
    body.rd-modern .rd-order-design .rd-order-guide-grid {
        grid-template-columns: minmax(0,1fr);
    }

    body.rd-modern .rd-order-design .rd-order-layout > .content > .innercontent {
        padding: 20px 16px;
    }
}

/* Account activation: preserve server visibility and existing slideToggle. */
body.rd-modern .rd-activate-page {
    width: calc(100% - 2 * var(--fs-gutter));
    max-width: 760px;
    margin: 32px auto 40px;
}

    body.rd-modern .rd-activate-page .rd-activate-layout {
        grid-template-columns: minmax(0,1fr);
        gap: 0;
    }

        body.rd-modern .rd-activate-page .rd-activate-layout > .content {
            grid-column: 1;
            grid-row: auto;
        }

    body.rd-modern .rd-activate-page .innercontent {
        border-top: 4px solid #009b8b;
    }

        body.rd-modern .rd-activate-page .innercontent > p {
            margin: 0 0 24px;
            padding: 16px;
            border: 1px solid #deede6;
            border-radius: 13px;
            background: #f2faf6;
            color: #5c7c80;
            font-size: 13px;
            line-height: 2.1;
        }

    body.rd-modern .rd-activate-page .rd-activate-actions {
        padding: 0;
        margin-top: 22px;
    }

    body.rd-modern .rd-activate-page #getnew {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 8px 16px;
        margin: 6px 0;
        border: 1px solid #cce6dc;
        border-radius: 10px;
        background: #e9f7f0;
        color: #008576;
        cursor: pointer;
    }

    body.rd-modern .rd-activate-page > .sp10 {
        display: none;
    }

@media (max-width: 520px) {
    body.rd-modern .rd-activate-page {
        margin-top: 22px;
        margin-bottom: 28px;
    }

        body.rd-modern .rd-activate-page .product_title h3 {
            font-size: 18px;
        }
}

/* Archive cards use the identical homepage rules and responsive cascade. */
body.rd-modern .rd-matching-cards {
    color: #28464b;
    font-size: 13px;
    line-height: 1.9;
}

    body.rd-modern .rd-matching-cards, body.rd-modern .rd-matching-cards * {
        box-sizing: border-box;
    }

        body.rd-modern .rd-matching-cards .mainproduct > :not(li) {
            grid-column: 1 / -1;
        }

/* Public seller profile: retain existing user details, visibility and pagination. */
body.rd-modern .rd-profile-page, body.rd-modern .rd-profile-page * {
    box-sizing: border-box;
}

body.rd-modern .rd-profile-page {
    display: grid;
    grid-template-columns: 250px minmax(0,1fr);
    align-items: start;
    gap: 22px;
    margin: 24px var(--fs-gutter) 32px;
    direction: rtl;
    color: #31575e;
    font: 13px/2 Vazirmatn,Tahoma,Arial,sans-serif;
}

    body.rd-modern .rd-profile-page > .breadcrumb {
        grid-column: 1 / -1;
        margin: 0;
    }

    body.rd-modern .rd-profile-page > #column-right {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        float: none;
    }

    body.rd-modern .rd-profile-page > .content {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0 !important;
        padding: 0;
    }

    body.rd-modern .rd-profile-page .product_title {
        margin: 0 0 14px;
        padding: 13px 16px;
        border: 1px solid #deebe5;
        border-radius: 15px;
        background: linear-gradient(110deg,#e9f7f0,#fff 65%);
    }

        body.rd-modern .rd-profile-page .product_title h3 {
            margin: 0;
            color: #214851;
            font-size: 17px;
            font-weight: 750;
            line-height: 1.9;
        }

    body.rd-modern .rd-profile-page #column-right .box {
        margin: 0 0 18px;
        padding: 0;
        border: 0;
        background: transparent;
    }

    body.rd-modern .rd-profile-page #column-right .innercontent {
        margin: 0 0 18px;
        padding: 18px;
        border: 1px solid #dce9e3;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 5px 20px #244c3b07;
        font-size: 12px;
    }

    body.rd-modern .rd-profile-page #column-right .profileuserdetail {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        background: linear-gradient(140deg,#edf8f3,#fff);
    }

    body.rd-modern .rd-profile-page .profileuserdetail .pic {
        display: block;
        width: 148px;
        height: 148px;
        max-width: 100%;
        object-fit: contain;
        padding: 8px;
        border: 1px solid #dcebe3;
        border-radius: 24px;
        background: #fff;
        box-shadow: 0 6px 18px #37634a0a;
    }

    body.rd-modern .rd-profile-page .rd-profile-about {
        margin: 0 0 18px;
        padding: 20px 22px;
        border: 1px solid #deebe5;
        border-radius: 18px;
        background: #fff;
        color: #5f7c80;
        line-height: 2.1;
        overflow-wrap: anywhere;
    }

        body.rd-modern .rd-profile-page .rd-profile-about:empty {
            display: none;
        }

        body.rd-modern .rd-profile-page .rd-profile-about img {
            max-width: 100%;
            height: auto;
        }

        body.rd-modern .rd-profile-page .rd-profile-about table {
            display: block;
            max-width: 100%;
            overflow-x: auto;
        }

        body.rd-modern .rd-profile-page .rd-profile-about p {
            margin: 0 0 12px;
        }

        body.rd-modern .rd-profile-page .rd-profile-about a {
            color: #008c80;
        }

    body.rd-modern .rd-profile-page .sp10 {
        display: none;
    }

    body.rd-modern .rd-profile-page .rd-matching-cards .mainproduct {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    body.rd-modern .rd-profile-page .rd-product-card h6 {
        margin-top: 14px;
    }

    body.rd-modern .rd-profile-page .rd-profile-related {
        display: flow-root;
        padding: 8px 0;
        overflow-wrap: anywhere;
    }

        body.rd-modern .rd-profile-page .rd-profile-related > a:first-child {
            display: block;
            float: right;
            margin: 0 0 10px 10px;
        }

        body.rd-modern .rd-profile-page .rd-profile-related img {
            display: block;
            width: 50px;
            height: 50px;
            object-fit: contain;
            border: 1px solid #e2ece6;
            border-radius: 10px;
            background: #f4f9f6;
        }

        body.rd-modern .rd-profile-page .rd-profile-related > a:nth-child(2) {
            color: #26766b;
            font-size: 12px;
            line-height: 1.9;
        }

        body.rd-modern .rd-profile-page .rd-profile-related > span {
            display: block;
            color: #7e9695;
            font-size: 11px;
        }

        body.rd-modern .rd-profile-page .rd-profile-related hr {
            clear: both;
            margin: 12px 0 0;
            border: 0;
            border-top: 1px solid #e7efea;
        }

    body.rd-modern .rd-profile-page .pager {
        margin-top: 22px;
    }

    body.rd-modern .rd-profile-page a:focus-visible {
        outline: 2px solid #009587;
        outline-offset: 3px;
    }

@media (max-width: 1100px) {
    body.rd-modern .rd-profile-page {
        grid-template-columns: 220px minmax(0,1fr);
        gap: 18px;
    }

        body.rd-modern .rd-profile-page .rd-matching-cards .mainproduct {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }
}

@media (max-width: 750px) {
    body.rd-modern .rd-profile-page {
        grid-template-columns: minmax(0,1fr);
    }

        body.rd-modern .rd-profile-page > #column-right {
            grid-column: 1;
            grid-row: 2;
        }

        body.rd-modern .rd-profile-page > .content {
            grid-column: 1;
            grid-row: 3;
        }

        body.rd-modern .rd-profile-page .profileuserdetail .pic {
            width: 120px;
            height: 120px;
        }
}

@media (max-width: 420px) {
    body.rd-modern .rd-profile-page .rd-matching-cards .mainproduct {
        grid-template-columns: minmax(0,1fr);
    }
}

/* Search presentation: original filter controls, postback and pager preserved. */
body.rd-modern .rd-search-page, body.rd-modern .rd-search-page * {
    box-sizing: border-box;
}

body.rd-modern .rd-search-page {
    display: grid;
    grid-template-columns: minmax(0,1fr) 250px;
    gap: 22px;
    align-items: start;
    margin: 24px var(--fs-gutter) 32px;
    direction: rtl;
    color: #31575e;
    font: 13px/2 Vazirmatn,Tahoma,Arial,sans-serif;
}

    body.rd-modern .rd-search-page > .content {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        max-width: none;
        padding: 0;
        margin: 0 !important;
    }

    body.rd-modern .rd-search-page > #column-left {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;
    }

    body.rd-modern .rd-search-page > .content > .innercontent {
        margin: 0 0 20px;
        padding: 22px;
        border: 1px solid #dceae3;
        border-radius: 20px;
        background: linear-gradient(130deg,#eff9f4,#fff 65%);
        box-shadow: 0 5px 20px #244c3b06;
    }

    body.rd-modern .rd-search-page .archive-search {
        display: grid;
        grid-template-columns: minmax(0,1.5fr) minmax(150px,1fr) auto;
        gap: 12px;
        align-items: start;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

        body.rd-modern .rd-search-page .archive-search > .product_title {
            grid-column: 1 / -1;
            margin: 0 0 6px;
            padding: 0 0 14px;
            border: 0;
            border-bottom: 1px solid #dfeae4;
            background: transparent;
            box-shadow: none;
        }

    body.rd-modern .rd-search-page .product_title h3 {
        margin: 0;
        color: #214953;
        font-size: 18px;
        font-weight: 750;
        line-height: 1.9;
    }

    body.rd-modern .rd-search-page .archive-search input[type='text'],
    body.rd-modern .rd-search-page .archive-search select {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 46px;
        padding: 9px 12px;
        border: 1px solid #d8e6df;
        border-radius: 11px;
        background: #fff;
        color: #30575e;
        font: 16px/1.7 Vazirmatn,Tahoma,Arial,sans-serif;
    }

    body.rd-modern .rd-search-page .archive-search input[type='submit'] {
        min-height: 46px;
        padding: 10px 22px;
        border: 0;
        border-radius: 11px;
        background: #00988a;
        color: #fff;
        font: 700 14px/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
        cursor: pointer;
    }

        body.rd-modern .rd-search-page .archive-search input[type='submit']:hover {
            background: #007e71;
        }

    body.rd-modern .rd-search-page .archive-search > br {
        display: none;
    }

    body.rd-modern .rd-search-page .archive-search > .center {
        margin: 0;
        padding: 0;
    }

    body.rd-modern .rd-search-page .archive-search .select2-container {
        min-width: 0;
        max-width: 100%;
        width: 100% !important;
    }

    body.rd-modern .rd-search-page .rd-matching-cards .mainproduct {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    body.rd-modern .rd-search-page .rd-product-card h6 {
        margin-top: 14px;
    }

    body.rd-modern .rd-search-page #column-left .box {
        margin: 0 0 18px;
        padding: 0;
        border: 0;
        background: transparent;
    }

    body.rd-modern .rd-search-page #column-left .innercontent {
        margin: 0;
        padding: 18px;
        border: 1px solid #dce9e3;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 5px 18px #244c3b06;
        font-size: 12px;
    }

    body.rd-modern .rd-search-page #column-left .product_title {
        margin: 0 0 14px;
        padding: 0 0 12px;
        border-bottom: 1px solid #e2ece6;
    }

        body.rd-modern .rd-search-page #column-left .product_title h3 {
            font-size: 16px;
        }

    body.rd-modern .rd-search-page #column-left .center img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 8px auto;
        border-radius: 10px;
    }

body.rd-modern .rd-search-related {
    display: flow-root;
    padding: 8px 0;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-search-related > a:first-child {
        float: right;
        display: block;
        margin: 0 0 10px 10px;
    }

    body.rd-modern .rd-search-related img {
        display: block;
        width: 50px;
        height: 50px;
        object-fit: contain;
        border: 1px solid #e3ece6;
        border-radius: 9px;
        background: #f6faf8;
    }

    body.rd-modern .rd-search-related > a:nth-child(2) {
        color: #22776c;
        font-size: 12px;
        line-height: 1.9;
    }

    body.rd-modern .rd-search-related > span {
        display: block;
        color: #7e9695;
        font-size: 11px;
    }

    body.rd-modern .rd-search-related hr {
        clear: both;
        margin: 12px 0 0;
        border: 0;
        border-top: 1px solid #e7efea;
    }

body.rd-modern .rd-search-page .pager {
    margin-top: 22px;
}

body.rd-modern .rd-search-page :is(a,input,select):focus-visible {
    outline: 2px solid #00988a;
    outline-offset: 3px;
}

@media (max-width: 1100px) {
    body.rd-modern .rd-search-page {
        grid-template-columns: minmax(0,1fr) 220px;
        gap: 18px;
    }

        body.rd-modern .rd-search-page .rd-matching-cards .mainproduct {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }

        body.rd-modern .rd-search-page .archive-search {
            grid-template-columns: minmax(0,1fr) auto;
        }

            body.rd-modern .rd-search-page .archive-search > input[type='text'] {
                grid-column: 1 / -1;
            }
}

@media (max-width: 750px) {
    body.rd-modern .rd-search-page {
        grid-template-columns: minmax(0,1fr);
    }

        body.rd-modern .rd-search-page > #column-left {
            grid-column: 1;
            grid-row: 2;
        }
}

@media (max-width: 480px) {
    body.rd-modern .rd-search-page .rd-matching-cards .mainproduct,
    body.rd-modern .rd-search-page .archive-search {
        grid-template-columns: minmax(0,1fr);
    }

        body.rd-modern .rd-search-page .archive-search input[type='submit'] {
            width: 100%;
        }

    body.rd-modern .rd-search-page > .content > .innercontent {
        padding: 18px 14px;
    }
}

/* Payment presentation only. Server visibility, validators and gateway scripts stay authoritative. */
body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page),
body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) * {
    box-sizing: border-box;
}

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) {
    margin: 24px var(--fs-gutter) 36px;
    direction: rtl;
    color: #34555e;
    font: 14px/2 Vazirmatn,Tahoma,Arial,sans-serif;
    overflow-wrap: anywhere;
}

body.rd-modern .rd-checkout-page {
    display: grid;
    grid-template-columns: minmax(0,1fr) 240px;
    align-items: start;
    gap: 22px;
}

    body.rd-modern .rd-checkout-page > .breadcrumb {
        grid-column: 1 / -1;
        margin: 0;
    }

    body.rd-modern .rd-checkout-page > #column-right {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
        min-width: 0;
        padding: 0;
        margin: 0;
        float: none;
    }

    body.rd-modern .rd-checkout-page > .content {
        grid-column: 1;
        grid-row: 2;
    }

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) > .content {
    min-width: 0;
    max-width: none;
    width: 100%;
    float: none;
    margin: 0 !important;
    padding: 0;
}

    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) > .content > .innercontent {
        padding: 26px;
        margin: 0;
        border: 1px solid #dce9e3;
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 8px 30px #244c3b08;
    }

body.rd-modern .rd-checkout-page :is([id='details'],[id$='_details']) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
}

body.rd-modern .rd-checkout-page .half {
    flex: 1 1 280px;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 20px;
    border: 1px solid #e0eae6;
    border-radius: 16px;
    background: #f6faf8;
}

    body.rd-modern .rd-checkout-page .half.first {
        flex-basis: 330px;
        padding: 0;
        border: 0;
        background: transparent;
    }

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) .product_title {
    margin: 0 0 20px;
    padding: 0 0 14px;
    border: 0;
    border-bottom: 1px solid #e0ebe6;
    background: transparent;
}

    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) .product_title h3 {
        margin: 0;
        color: #214b52;
        font-size: 20px;
        font-weight: 750;
        line-height: 1.8;
    }

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) label.title {
    display: inline-block;
    float: none;
    min-width: 90px;
    margin: 5px 0;
    color: #6b8187;
    font-weight: 400;
    vertical-align: middle;
}

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) b {
    color: #244b53;
    font-weight: 700;
}

body.rd-modern .rd-checkout-page hr {
    clear: both;
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e0ebe6;
}

body.rd-modern .rd-checkout-page input[type='text'] {
    max-width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 10px 12px;
    border: 1px solid #cfdfd7;
    border-radius: 10px;
    background: #fbfdfc;
    color: #254b54;
    font: 16px/1.5 Vazirmatn,Tahoma,Arial,sans-serif;
    vertical-align: middle;
}

body.rd-modern .rd-checkout-page :is([id='payhelp'],[id$='_payhelp']) label.title {
    display: block;
    margin: 14px 0 5px;
}

body.rd-modern .rd-checkout-page input:is([id$='_txtName'],[id='txtName'],[id$='_txtEmail'],[id='txtEmail'],[id$='_txtMob'],[id='txtMob']) {
    width: calc(100% - 28px) !important;
}

body.rd-modern .rd-checkout-page input.ltr {
    direction: ltr;
    text-align: left;
}

body.rd-modern .rd-checkout-page input.CapchaInput {
    width: 110px;
    max-width: 45%;
    margin: 0 0 8px 10px;
    direction: ltr;
    text-align: center;
    letter-spacing: 2px;
}

body.rd-modern .rd-checkout-page .captchalogin {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

body.rd-modern .rd-checkout-page .help {
    margin: 4px 0;
    color: #6c8087;
    font-size: 12px;
}

    body.rd-modern .rd-checkout-page .help[data-tip]::after {
        content: attr(data-tip);
    }

body.rd-modern .rd-checkout-page .htitle {
    margin: 12px 0;
    color: #536e74;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.1;
}

body.rd-modern .rd-checkout-page .half:not(.first) .htitle {
    padding-bottom: 12px;
    border-bottom: 1px solid #e1ebe5;
}

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) a:not(.dlbtn):not(.button) {
    color: #087f75;
}

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) a.dlbtn {
    display: block;
    width: 100%;
    min-height: 56px;
    margin: 18px 0;
    padding: 14px 16px;
    border: 1px solid #008574;
    border-radius: 13px;
    background: linear-gradient(115deg,#008c7c,#007264);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font: 700 16px/1.9 Vazirmatn,Tahoma,Arial,sans-serif;
    box-shadow: 0 5px 14px #00857418;
    cursor: pointer;
}

    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) a.dlbtn span {
        display: block;
        margin-top: 4px;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
    }

    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) a.dlbtn img {
        width: 26px;
        height: 26px;
        margin-left: 8px;
        vertical-align: middle;
        object-fit: contain;
    }

body.rd-modern .rd-checkout-page a:is([id='LinkButton2'],[id$='_LinkButton2']) {
    border-color: #6551b8;
    background: linear-gradient(115deg,#715bc3,#55429c);
    box-shadow: 0 5px 14px #6551b818;
}

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) a.dlbtn:hover {
    filter: brightness(.94);
}

body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) :is(a,input):focus-visible {
    outline: 3px solid #e9aa34;
    outline-offset: 3px;
}

body.rd-modern .rd-checkout-page img {
    max-width: 100%;
    height: auto;
}

body.rd-modern .rd-checkout-page center > img {
    margin: 8px auto;
    border-radius: 10px;
}

body.rd-modern .rd-checkout-page #column-right .box {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

body.rd-modern .rd-checkout-page #column-right .innercontent {
    padding: 18px;
    margin: 0 0 18px;
    border-radius: 17px;
    font-size: 12px;
}

body.rd-modern .rd-checkout-page #column-right .product_title h3 {
    font-size: 15px;
}

body.rd-modern .rd-checkout-page .sidefilelist img {
    float: right;
    width: 50px;
    height: 50px;
    margin: 0 0 8px 10px;
    border-radius: 9px;
    object-fit: contain;
}

body.rd-modern .rd-checkout-page .sidefilelist span {
    color: #70848a;
}

body.rd-modern .rd-checkout-page :is([id='redirect'],[id$='_redirect']) {
    padding: 24px 0;
    color: #087f75;
}

    body.rd-modern .rd-checkout-page :is([id='redirect'],[id$='_redirect']) h1 {
        font-size: clamp(20px,3vw,28px);
        line-height: 1.8;
    }

body.rd-modern .rd-payment-result-page .paydetail {
    margin: 22px 0 0;
    padding: 20px 24px;
    border: 1px solid #d7e8df;
    border-right: 4px solid #009181;
    border-radius: 14px;
    background: #f4faf7;
    line-height: 2.5;
}

body.rd-modern .rd-payment-result-page :is([id='paydonediv'],[id$='_paydonediv']) {
    padding: 18px;
    border: 1px solid #cce7dc;
    border-radius: 16px;
    background: #fcfefd;
    color: #316557;
}

body.rd-modern .rd-payment-result-page :is([id='notdone'],[id$='_notdone']) {
    padding: 20px;
    border: 1px solid #efd8d8;
    border-right: 4px solid #d46b6b;
    border-radius: 16px;
    background: #fffafa;
}

body.rd-modern .rd-payment-result-page .text-danger {
    margin: 0 0 16px;
    color: #b33e4c;
    font-size: 20px;
}

body.rd-modern .rd-payment-result-page .button {
    display: inline-block;
    max-width: 100%;
    padding: 12px 24px;
    border: 1px solid #d46b6b;
    border-radius: 12px;
    background: #b64755;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    white-space: normal;
}

body.rd-modern .rd-payment-result-page .center {
    text-align: center;
}

@media (max-width: 1100px) {
    body.rd-modern .rd-checkout-page {
        grid-template-columns: minmax(0,1fr);
    }

        body.rd-modern .rd-checkout-page > #column-right {
            grid-column: 1;
            grid-row: 3;
        }
}

@media (max-width: 600px) {
    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) {
        margin-top: 18px;
        font-size: 13px;
    }

        body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) > .content > .innercontent {
            padding: 18px 14px;
            border-radius: 17px;
        }

    body.rd-modern .rd-checkout-page .half {
        flex-basis: 100%;
        padding: 16px;
    }

        body.rd-modern .rd-checkout-page .half.first {
            flex-basis: 100%;
        }

    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) .product_title h3 {
        font-size: 18px;
    }

    body.rd-modern .rd-payment-result-page :is(.paydetail,[id='paydonediv'],[id$='_paydonediv'],[id='notdone'],[id$='_notdone']) {
        padding: 14px;
    }

    body.rd-modern .rd-payment-result-page .paydetail label.title {
        min-width: 80px;
    }

    body.rd-modern :is(.rd-checkout-page,.rd-payment-result-page) a.dlbtn {
        font-size: 15px;
    }
}

/* Mobile header refinement — 20261007-mobile1. Desktop rules remain unchanged. */
@media (max-width: 700px) {
    body.rd-modern .top_nav {
        padding-top: 10px;
    }

    body.rd-modern .top_nav_container {
        padding: 8px;
        gap: 8px;
        min-height: 0;
        border-radius: 14px;
    }

    body.rd-modern .shownav {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    body.rd-modern .headcontact2 {
        min-width: 0;
        gap: 4px;
        justify-content: flex-start;
    }

        body.rd-modern .headcontact2 > span {
            min-width: 0;
            min-height: 26px;
            padding: 3px 6px;
            gap: 4px;
            border-radius: 7px;
            font-size: 10px;
            line-height: 1.6;
        }

        body.rd-modern .headcontact2 img {
            width: 13px;
            height: 13px;
        }

        body.rd-modern .headcontact2 > span:last-child {
            flex-basis: 100%;
            justify-content: flex-start;
            padding-top: 0;
            background: transparent;
            color: #627a80;
        }

    body.rd-modern #header {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    body.rd-modern #header_grid_container {
        gap: 12px;
        min-height: 0;
    }

    body.rd-modern #logo {
        width: 156px;
    }

        body.rd-modern #logo > a {
            min-height: 0;
            padding: 9px 16px;
            border-radius: 15px;
            background: linear-gradient(135deg,#195c62,#087f77);
            box-shadow: 0 4px 12px #175c6212;
        }

        body.rd-modern #logo img {
            max-width: 100%;
            max-height: 65px;
            width: auto;
            height: auto;
            object-fit: contain;
        }

    body.rd-modern #search {
        padding: 4px;
        border-radius: 14px;
        box-shadow: 0 3px 12px #163c4208;
    }

        body.rd-modern #search > div {
            gap: 3px;
        }

        body.rd-modern #search input[type='text'] {
            height: 44px;
            padding: 0 8px;
            border-radius: 10px;
            font-size: 16px;
        }

        body.rd-modern #search input::placeholder {
            font-size: 11px;
        }

        body.rd-modern #search .button-search {
            flex-basis: 72px;
            height: 44px;
            padding: 0 9px;
            gap: 5px;
            border-radius: 10px;
            font-size: 11px;
        }

            body.rd-modern #search .button-search > i {
                color: #fff;
            }

    body.rd-modern .rd-account > ul {
        gap: 8px;
        justify-content: center;
    }

        body.rd-modern .rd-account > ul > li {
            flex: 1 1 130px;
            min-width: 0;
        }

            body.rd-modern .rd-account > ul > li > a,
            body.rd-modern .rd-account .box_seleccionar > a {
                display: flex;
                width: 100%;
                min-height: 44px;
                padding: 9px 8px;
                gap: 6px;
                border-radius: 10px;
                font-size: 11px;
                white-space: normal;
                text-align: center;
            }

    body.rd-modern .rd-account a[href='/login.aspx'] {
        background: #e9f5f1;
        color: #076e65;
        border: 1px solid #cfe5dd;
    }

    body.rd-modern .menu_container > .cont {
        padding: 5px;
        border-radius: 13px;
    }

    body.rd-modern #menu .allgroups {
        padding: 10px 12px;
        min-height: 44px;
        border-radius: 9px;
        font-size: 12px;
    }

    body.rd-modern #container > .searchcontents {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    body.rd-modern .rd-quick-actions {
        gap: 8px;
    }

        body.rd-modern .rd-quick-actions > .intro {
            min-height: 76px;
            padding: 12px 8px;
            gap: 7px;
            border-radius: 12px;
            font-size: 11px;
            line-height: 1.8;
            box-shadow: 0 3px 9px #2549430a;
        }

    body.rd-modern .rd-action-icon {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }
}

/* Shared header finish — 20261007-header2. Responsive layout stays unchanged. */
body.rd-modern .top_nav_container {
    border: 1px solid #deebee;
    border-radius: 14px;
    background: #fff;
    box-shadow: none;
}

body.rd-modern .rd-account a[href='/signup.aspx'] {
    background: #008c86;
    color: #fff;
    border: 1px solid #008c86;
    border-radius: 10px;
}

body.rd-modern .rd-account a[href='/login.aspx'] {
    background: #e9f5f1;
    color: #076e65;
    border: 1px solid #cfe5dd;
    border-radius: 10px;
}

@media (hover: hover) {
    body.rd-modern .rd-account a[href='/signup.aspx']:hover {
        background: #00776f;
        border-color: #00776f;
        color: #fff;
    }

    body.rd-modern .rd-account a[href='/login.aspx']:hover {
        background: #dceee7;
        border-color: #accfc2;
        color: #065c54;
    }
}

/* Mini download shell and 404 presentation — 20261007-utility1. */
body.rd-modern.rd-mini {
    min-width: 0;
    min-height: 100vh;
    background: radial-gradient(ellipse at top,#e3f4ee,transparent 65%),#f5faf9;
    direction: rtl;
}

    body.rd-modern.rd-mini #container {
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        padding: 36px 18px;
    }

        body.rd-modern.rd-mini #container > .content {
            width: 100%;
            margin: 0 !important;
            padding: 0;
        }

    body.rd-modern.rd-mini .innercontent {
        padding: 28px;
        border: 1px solid #dce9e3;
        border-top: 4px solid #008c86;
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 12px 32px #214b5210;
        color: #34555e;
        font: 14px/2 Vazirmatn,Tahoma,Arial,sans-serif;
        overflow-wrap: anywhere;
    }

    body.rd-modern.rd-mini .product_title {
        margin: 0 0 20px;
        padding: 0 0 16px;
        border-bottom: 1px solid #e1ece7;
    }

        body.rd-modern.rd-mini .product_title h3 {
            margin: 0;
            color: #214b52;
            font-size: 21px;
            line-height: 1.8;
        }

    body.rd-modern.rd-mini a {
        color: #08796e;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    body.rd-modern.rd-mini center {
        margin-top: 24px;
    }

        body.rd-modern.rd-mini center > a[href='/'] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 44px;
            max-width: 100%;
            padding: 9px 18px;
            border: 1px solid #cfe5dd;
            border-radius: 11px;
            background: #e9f5f1;
            color: #076e65;
            text-decoration: none;
        }

    body.rd-modern.rd-mini img {
        max-width: 100%;
        height: auto;
    }

    body.rd-modern.rd-mini input:not([type='hidden']), body.rd-modern.rd-mini select, body.rd-modern.rd-mini textarea {
        max-width: 100%;
        box-sizing: border-box;
        font-family: inherit;
    }

    body.rd-modern.rd-mini :is(a,input,button,select,textarea):focus-visible {
        outline: 3px solid #e9aa34;
        outline-offset: 3px;
    }

body.rd-modern .rd-notfound-page .innercontent {
    text-align: center;
    padding: 32px 22px;
    background: linear-gradient(155deg,#f0faf6,#fff 60%);
}

body.rd-modern .rd-notfound-page .product_title h3 {
    margin: 0;
    color: #214b52;
    font-size: 21px;
    line-height: 1.9;
}

body.rd-modern .rd-notfound-page .er404 {
    margin: 14px 0;
    color: #008c86;
    font: 800 clamp(72px,12vw,120px)/1.2 Vazirmatn,Tahoma,sans-serif;
    letter-spacing: 4px;
    direction: ltr;
}

body.rd-modern .rd-notfound-page .center p:last-child {
    margin: 14px auto 0;
    max-width: 580px;
    color: #536e74;
    line-height: 2.2;
}

body.rd-modern .rd-notfound-page a {
    color: #08796e;
    text-decoration: underline;
    text-underline-offset: 4px;
}

    body.rd-modern .rd-notfound-page a:focus-visible {
        outline: 3px solid #e9aa34;
        outline-offset: 3px;
    }

@media (max-width: 600px) {
    body.rd-modern.rd-mini #container {
        padding: 20px 12px;
    }

    body.rd-modern.rd-mini .innercontent {
        padding: 20px 16px;
        border-radius: 16px;
        font-size: 13px;
    }

    body.rd-modern.rd-mini .product_title h3, body.rd-modern .rd-notfound-page .product_title h3 {
        font-size: 18px;
    }

    body.rd-modern .rd-notfound-page .innercontent {
        padding: 24px 16px;
    }
}

/* Category directory — preserve nested server-rendered links and data sources. */
body.rd-modern .rd-groups-page, body.rd-modern .rd-groups-page * {
    box-sizing: border-box;
}

body.rd-modern .rd-groups-page {
    display: grid;
    grid-template-columns: 240px minmax(0,1fr);
    gap: 22px;
    align-items: start;
    margin: 24px var(--fs-gutter) 36px;
    direction: rtl;
    color: #34555e;
    font: 13px/2 Vazirmatn,Tahoma,Arial,sans-serif;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-groups-page > .breadcrumb {
        grid-column: 1 / -1;
        margin: 0;
    }

    body.rd-modern .rd-groups-page > #column-right {
        grid-column: 1;
        grid-row: 2;
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    body.rd-modern .rd-groups-page > .content {
        grid-column: 2;
        grid-row: 2;
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0;
    }

        body.rd-modern .rd-groups-page > .content > .innercontent {
            margin: 0;
            padding: 24px;
            border: 1px solid #dce9e3;
            border-radius: 20px;
            background: #fff;
            box-shadow: 0 5px 20px #244c3b06;
        }

    body.rd-modern .rd-groups-page .product_title {
        margin: 0 0 18px;
        padding: 0 0 14px;
        border-bottom: 1px solid #e0ebe6;
    }

        body.rd-modern .rd-groups-page .product_title h3 {
            margin: 0;
            color: #214b52;
            font-size: 20px;
            font-weight: 750;
            line-height: 1.9;
        }

    body.rd-modern .rd-groups-page .allgrp {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        align-items: start;
        gap: 16px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        body.rd-modern .rd-groups-page .allgrp > li {
            --rd-group-accent: #087e73;
            min-width: 0;
            margin: 0;
            padding: 0;
            border: 1px solid #dfeae5;
            border-right: 3px solid var(--rd-group-accent);
            border-radius: 13px;
            background: #fcfefd;
        }

            body.rd-modern .rd-groups-page .allgrp > li:nth-child(4n+2) {
                --rd-group-accent: #416ca6;
            }

            body.rd-modern .rd-groups-page .allgrp > li:nth-child(4n+3) {
                --rd-group-accent: #7b59aa;
            }

            body.rd-modern .rd-groups-page .allgrp > li:nth-child(4n+4) {
                --rd-group-accent: #a36a2e;
            }

            body.rd-modern .rd-groups-page .allgrp > li > a {
                display: block;
                min-height: 48px;
                padding: 13px 15px;
                color: var(--rd-group-accent);
                background: #f3f8f6;
                border-radius: 10px 10px 0 0;
                font-size: 14px;
                font-weight: 750;
                text-decoration: none;
            }

    body.rd-modern .rd-groups-page .subs {
        position: static;
        width: auto;
        margin: 0;
        padding: 8px;
    }

        body.rd-modern .rd-groups-page .subs ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        body.rd-modern .rd-groups-page .subs li {
            margin: 0;
            padding: 0;
        }

        body.rd-modern .rd-groups-page .subs a {
            display: flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            padding: 8px;
            border-radius: 8px;
            color: #526f76;
            font-size: 12px;
            line-height: 1.9;
            text-decoration: none;
        }

            body.rd-modern .rd-groups-page .subs a::before {
                content: '';
                flex: 0 0 5px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: var(--rd-group-accent);
            }

    body.rd-modern .rd-groups-page .allgrp a:hover {
        background: #eaf5ef;
        color: #076e65;
    }

    body.rd-modern .rd-groups-page a:focus-visible {
        outline: 2px solid #008c86;
        outline-offset: 2px;
    }

    body.rd-modern .rd-groups-page #column-right .box {
        margin: 0 0 18px;
        padding: 0;
        border: 0;
        background: transparent;
    }

    body.rd-modern .rd-groups-page #column-right .innercontent {
        margin: 0 0 18px;
        padding: 18px;
        border: 1px solid #dce9e3;
        border-radius: 17px;
        background: #fff;
        font-size: 12px;
    }

    body.rd-modern .rd-groups-page #column-right .product_title h3 {
        font-size: 15px;
    }

    body.rd-modern .rd-groups-page .sidefilelist {
        display: flow-root;
    }

        body.rd-modern .rd-groups-page .sidefilelist img {
            float: right;
            width: 50px;
            height: 50px;
            margin: 0 0 8px 10px;
            border: 1px solid #e2ece6;
            border-radius: 9px;
            object-fit: contain;
        }

        body.rd-modern .rd-groups-page .sidefilelist a {
            color: #28766d;
            text-decoration: none;
        }

        body.rd-modern .rd-groups-page .sidefilelist span {
            display: block;
            color: #73898d;
            font-size: 11px;
        }

        body.rd-modern .rd-groups-page .sidefilelist hr {
            clear: both;
            margin: 14px 0;
            border: 0;
            border-top: 1px solid #e3ece7;
        }

@media (max-width: 1150px) {
    body.rd-modern .rd-groups-page {
        grid-template-columns: 220px minmax(0,1fr);
        gap: 18px;
    }

        body.rd-modern .rd-groups-page .allgrp {
            grid-template-columns: repeat(2,minmax(0,1fr));
        }
}

@media (max-width: 750px) {
    body.rd-modern .rd-groups-page {
        grid-template-columns: minmax(0,1fr);
        gap: 16px;
    }

        body.rd-modern .rd-groups-page > .content {
            grid-column: 1;
            grid-row: 2;
        }

        body.rd-modern .rd-groups-page > #column-right {
            grid-column: 1;
            grid-row: 3;
        }

        body.rd-modern .rd-groups-page > .content > .innercontent {
            padding: 18px 14px;
        }

        body.rd-modern .rd-groups-page .product_title h3 {
            font-size: 18px;
        }
}

@media (max-width: 480px) {
    body.rd-modern .rd-groups-page .allgrp {
        grid-template-columns: minmax(0,1fr);
        gap: 12px;
    }
}

/* Desktop top spacing - 20261007-top1. */
@media (min-width: 1101px) {
    body.rd-modern .top_nav {
        padding-top: 12px;
    }
}

/* Captcha presentation only — 20261007-captcha2. */
body.rd-modern input.CapchaInput.CapchaInput.CapchaInput.CapchaInput {
    box-sizing: border-box !important;
    display: inline-block;
    width: 120px !important;
    max-width: calc(100% - 142px) !important;
    min-width: 68px;
    height: 48px !important;
    min-height: 48px !important;
    margin: 6px 0 6px 10px !important;
    padding: 8px !important;
    border: 1px solid #c9ddd5 !important;
    border-radius: 11px !important;
    background: #fbfdfc !important;
    color: #234f48 !important;
    font: 600 18px/1.5 Vazirmatn,Tahoma,Arial,sans-serif !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    direction: ltr !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}

    body.rd-modern input.CapchaInput.CapchaInput.CapchaInput.CapchaInput:focus {
        border-color: #087f75 !important;
        outline: 2px solid #087f75 !important;
        outline-offset: 2px;
        box-shadow: 0 0 0 4px #087f7510 !important;
    }

body.rd-modern .captchalogin.captchalogin.captchalogin {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
    width: 128px !important;
    max-width: 100% !important;
    height: 48px !important;
    margin: 6px 0 !important;
    padding: 7px 8px !important;
    border: 1px solid #c9ddd5 !important;
    border-radius: 11px !important;
    background: #edf6f2 !important;
    vertical-align: middle !important;
    line-height: 0;
}

    body.rd-modern .captchalogin.captchalogin.captchalogin img {
        display: block !important;
        box-sizing: content-box !important;
        width: 110px !important;
        max-width: 100% !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 3px !important;
        object-fit: contain;
    }

body.rd-modern img.captchalogin.captchalogin.captchalogin {
    object-fit: contain;
}

/* Report form only — 20261007-report1. */
body.rd-modern .rd-report-page {
    color: #34555e;
    font: 14px/2 Vazirmatn,Tahoma,Arial,sans-serif;
    direction: rtl;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-report-page, body.rd-modern .rd-report-page * {
        box-sizing: border-box;
    }

        body.rd-modern .rd-report-page :is([id='sendform'],[id$='_sendform']) {
            display: flow-root;
        }

        body.rd-modern .rd-report-page label.title {
            display: block;
            float: none;
            width: auto;
            margin: 16px 0 7px;
            color: #345b60;
            font-size: 13px;
            font-weight: 600;
        }

        body.rd-modern .rd-report-page input[type='text']:not(.CapchaInput),
        body.rd-modern .rd-report-page select,
        body.rd-modern .rd-report-page textarea {
            width: 100% !important;
            max-width: 100%;
            min-width: 0;
            min-height: 46px;
            padding: 10px 12px;
            border: 1px solid #cfdfd7;
            border-radius: 10px;
            background: #fbfdfc;
            color: #294f55;
            font: 16px/1.7 Vazirmatn,Tahoma,Arial,sans-serif;
        }

        body.rd-modern .rd-report-page textarea {
            height: 140px !important;
            resize: vertical;
        }

        body.rd-modern .rd-report-page input.ltr {
            direction: ltr;
            text-align: left;
        }

        body.rd-modern .rd-report-page input[type='text']:not(.CapchaInput):focus,
        body.rd-modern .rd-report-page select:focus,
        body.rd-modern .rd-report-page textarea:focus {
            border-color: #087f75;
            outline: 2px solid #087f75;
            outline-offset: 2px;
        }

        body.rd-modern .rd-report-page input[type='submit'], body.rd-modern .rd-report-page a.button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            min-width: 108px;
            max-width: 100%;
            margin-top: 18px;
            padding: 10px 22px;
            border: 1px solid #008c86;
            border-radius: 11px;
            background: #008c86;
            color: #fff;
            font: 700 14px/1.8 Vazirmatn,Tahoma,Arial,sans-serif;
            text-decoration: none;
            cursor: pointer;
        }

        body.rd-modern .rd-report-page a.button {
            border-color: #cfe5dd;
            background: #e9f5f1;
            color: #076e65;
        }

        body.rd-modern .rd-report-page .icon-exclamation-sign {
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m-1 5h2v7h-2zm0 9h2v2h-2z'/%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m-1 5h2v7h-2zm0 9h2v2h-2z'/%3E%3C/svg%3E");
            color: #bc4052;
        }

@media (max-width: 480px) {
    body.rd-modern .rd-report-page {
        font-size: 13px;
    }

        body.rd-modern .rd-report-page input[type='submit'], body.rd-modern .rd-report-page a.button {
            min-width: 88px;
            padding: 10px 16px;
        }
}

/* Review fixes - 20261008-review1: contain long breadcrumbs and account menus. */
body.rd-modern .breadcrumb > * {
    min-width: 0;
    max-width: 100%;
}

body.rd-modern .rd-account .sub-menu {
    right: auto;
    left: 0;
}

/* Mobile header compact layout - 20261008-mobilecompact1.
   Based on rd-modern(20261008-115103).css; desktop styles remain unchanged. */
@media (max-width: 700px) {
    body.rd-modern #header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.rd-modern #header_grid_container {
        grid-template-columns: minmax(0, 132px) minmax(0, 1fr);
        grid-template-areas: "logo account" "search search";
        direction: rtl;
        align-items: center;
        justify-items: stretch;
        gap: 10px;
        min-height: 0;
    }

    body.rd-modern #logo {
        grid-area: logo;
        justify-self: start;
        width: 132px;
        max-width: 100%;
        min-width: 0;
    }

        body.rd-modern #logo > a {
            min-height: 0;
            padding: 8px 10px;
            border-radius: 12px;
        }

        body.rd-modern #logo img {
            max-height: 62px;
            max-width: 100%;
            width: auto;
            height: auto;
            object-fit: contain;
        }

    body.rd-modern #header_grid_container > .rd-account {
        grid-area: account;
        justify-self: end;
        width: 100%;
        max-width: 220px;
        min-width: 0;
    }

    body.rd-modern .rd-account > ul {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 6px;
    }

        body.rd-modern .rd-account > ul > li {
            min-width: 0;
            margin: 0;
        }

            body.rd-modern .rd-account > ul > li > a,
            body.rd-modern .rd-account .box_seleccionar > a {
                min-height: 36px;
                padding: 6px 8px;
                gap: 5px;
                border-radius: 9px;
                font-size: 11px;
                line-height: 1.7;
                white-space: normal;
                overflow-wrap: anywhere;
            }

    body.rd-modern #search {
        grid-area: search;
        min-width: 0;
    }

    body.rd-modern .menu_container > .cont {
        padding: 4px;
        border-radius: 12px;
    }

    body.rd-modern #menu .allgroups {
        min-height: 36px;
        padding: 6px 10px;
        line-height: 2;
        font-size: 12px;
    }

    body.rd-modern #container > .searchcontents {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    body.rd-modern .rd-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

        body.rd-modern .rd-quick-actions > .intro {
            flex-direction: row;
            direction: rtl;
            align-items: center;
            justify-content: flex-start;
            min-height: 54px;
            padding: 8px;
            gap: 6px;
            border-radius: 11px;
            font-size: 11px;
            line-height: 1.7;
        }

            body.rd-modern .rd-quick-actions > .intro > .rd-action-icon {
                flex: 0 0 22px;
                width: 22px;
                height: 22px;
                margin: 0;
            }

            body.rd-modern .rd-quick-actions > .intro > span {
                flex: 1 1 0;
                min-width: 0;
                text-align: center;
                overflow-wrap: anywhere;
            }
}

/* Mobile-only: hide category bar and the four guide cards - 20261008-mobileclean1. */
@media (max-width: 700px) {
    body.rd-modern .menu_container > .cont,
    body.rd-modern #container > .searchcontents {
        display: none;
    }
}

/* Equal mobile logo/account columns - 20261008-mobile50. */
@media (max-width: 700px) {
    body.rd-modern #header_grid_container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        body.rd-modern #logo,
        body.rd-modern #header_grid_container > .rd-account {
            width: 100%;
            max-width: none;
            min-width: 0;
            justify-self: stretch;
        }
}

/* Home-only desktop guides and compact breadcrumb spacing - 20261008-guides1. */
body.rd-modern #container > .searchcontents {
    display: none;
}

@media (min-width: 701px) {
    body.rd-modern #container:has(.rd-home) > .searchcontents {
        display: block;
    }

    body.rd-modern .rd-quick-actions > .intro {
        flex-direction: row;
        direction: rtl;
        align-items: center;
        justify-content: flex-start;
        min-height: 64px;
        padding: 12px 16px;
        gap: 10px;
        border-radius: 13px;
    }

        body.rd-modern .rd-quick-actions > .intro > .rd-action-icon {
            flex: 0 0 25px;
            width: 25px;
            height: 25px;
            margin: 0;
        }

        body.rd-modern .rd-quick-actions > .intro > span {
            flex: 1 1 0;
            min-width: 0;
            text-align: center;
            overflow-wrap: anywhere;
        }
}

body.rd-modern .breadcrumb {
    margin-top: 11px;
    margin-bottom: 11px;
}

body.rd-modern #container > .breadcrumb + .content {
    margin-top: 14px;
}

body.rd-modern #container > .breadcrumb + #column-right + .content {
    margin-top: 14px;
}

body.rd-modern .rd-product-page {
    margin-top: 10px;
}

    body.rd-modern .rd-product-page .breadcrumb {
        margin-top: 0;
        margin-bottom: 11px;
    }

body.rd-modern :is(.rd-profile-page,.rd-checkout-page,.rd-groups-page) {
    margin-top: 12px;
    row-gap: 11px;
}

    body.rd-modern :is(.rd-profile-page,.rd-checkout-page,.rd-groups-page) > .breadcrumb {
        margin-top: 0;
        margin-bottom: 0;
    }

@media (max-width: 1150px) {
    body.rd-modern .rd-groups-page {
        row-gap: 9px;
    }
}

@media (max-width: 1100px) {
    body.rd-modern .rd-profile-page {
        row-gap: 9px;
    }
}

@media (max-width: 750px) {
    body.rd-modern .rd-groups-page {
        row-gap: 8px;
    }
}

@media (max-width: 600px) {
    body.rd-modern .rd-checkout-page {
        margin-top: 9px;
    }
}

/* Product sharing only: 20261008-share1 */
body.rd-modern .rd-product-page .rd-product-share {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

body.rd-modern .rd-product-share .rd-share-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}

body.rd-modern .rd-product-share .rd-share-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
}

body.rd-modern .rd-product-share .rd-share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid var(--share-color);
    border-radius: 11px;
    color: var(--share-color);
    background: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
}

    body.rd-modern .rd-product-share .rd-share-btn:hover {
        background: var(--share-color);
        color: #fff;
    }

    body.rd-modern .rd-product-share .rd-share-btn:focus-visible {
        outline: 3px solid #334155;
        outline-offset: 3px;
    }

body.rd-modern .rd-product-share .rd-share-telegram {
    --share-color: #087eaf;
}

body.rd-modern .rd-product-share .rd-share-whatsapp {
    --share-color: #127c45;
}

body.rd-modern .rd-product-share .rd-share-instagram {
    --share-color: #b62b68;
}

body.rd-modern .rd-product-share .rd-share-rubika {
    --share-color: #6550ba;
}

body.rd-modern .rd-product-share .rd-share-eitaa {
    --share-color: #ad5100;
}

body.rd-modern .rd-product-share .rd-share-help, body.rd-modern .rd-product-share .rd-share-status {
    margin: 10px 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.9;
    color: #475569;
    overflow-wrap: anywhere;
}

    body.rd-modern .rd-product-share .rd-share-status:empty {
        display: none;
    }

body.rd-modern .rd-product-share .rd-share-copy {
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    background: #f8fafc;
    color: #0f172a;
}

body.rd-modern .rd-product-share [hidden] {
    display: none !important;
}
