/* =========================================================
   PRINTPARDAZ
   FINAL CUSTOM CSS
   FAQ + CONTACT + FOOTER + UPLOAD
   VERSION: CLEAN / SINGLE
   ========================================================= */


/* =========================================================
   BRAND VARIABLES
   ========================================================= */

:root {
    --pd-blue: #1E88FF;
    --pd-pink: #FF2FB3; 
    --pd-purple: #7A3EFF;

    --pd-dark: #101828;
    --pd-text: #475467;
    --pd-muted: #667085;

    --pd-border: #EAECF0;
    --pd-light: #F8FAFC;

    --pd-shadow:
        0 14px 40px rgba(16, 24, 40, 0.055);
}


/* =========================================================
   =========================================================
   FAQ
   =========================================================
   ========================================================= */

.pd-faq-section {
    width: 100%;
    max-width: 1080px;

    margin: 70px auto;

    padding: 0 18px;

    box-sizing: border-box;

    direction: rtl;

    font-family: inherit;
}


/* ---------------------------------------------------------
   FAQ HEADER
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-header {
    width: 100%;
    max-width: 760px;

    margin: 0 auto 38px;

    text-align: center;
}


.pd-faq-section .pd-faq-label {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    padding: 7px 14px;

    margin-bottom: 14px;

    border: 1px solid rgba(30, 136, 255, 0.14);

    border-radius: 999px;

    background: rgba(30, 136, 255, 0.05);

    color: var(--pd-blue);

    font-size: 12px;

    font-weight: 700;

    line-height: 1;
}


.pd-faq-section .pd-faq-title {
    margin: 0 0 10px !important;

    padding: 0 !important;

    color: var(--pd-dark);

    font-size: clamp(28px, 4vw, 40px);

    font-weight: 800;

    line-height: 1.4;

    text-align: center;
}


.pd-faq-section .pd-faq-subtitle {
    margin: 0 !important;

    padding: 0 !important;

    color: var(--pd-muted);

    font-size: 14px;

    line-height: 2;

    text-align: center;
}


/* ---------------------------------------------------------
   FAQ LIST
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-list {
    display: flex;

    flex-direction: column;

    gap: 11px;

    width: 100%;
}


/* ---------------------------------------------------------
   FAQ ITEM
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-item {
    position: relative;

    width: 100%;

    background: #FFFFFF;

    border: 1px solid var(--pd-border);

    border-radius: 17px;

    overflow: hidden;

    box-sizing: border-box;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


.pd-faq-section .pd-faq-item:hover {
    border-color: rgba(30, 136, 255, .20);

    box-shadow:
        0 10px 28px rgba(16, 24, 40, .05);
}


.pd-faq-section .pd-faq-item.active {
    border-color: rgba(30, 136, 255, .22);

    box-shadow:
        0 12px 34px rgba(16, 24, 40, .06);
}


/* ---------------------------------------------------------
   FAQ ACTIVE LINE
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-item.active::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: 3px;

    background:
        linear-gradient(
            180deg,
            var(--pd-blue),
            var(--pd-purple),
            var(--pd-pink)
        );
}


/* ---------------------------------------------------------
   FAQ QUESTION
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-question {
    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    min-height: 75px;

    margin: 0;

    padding: 15px 20px;

    border: 0 !important;

    outline: 0 !important;

    background: transparent !important;

    color: var(--pd-dark);

    cursor: pointer;

    font-family: inherit;

    text-align: right;

    direction: rtl;

    appearance: none;

    -webkit-appearance: none;

    box-shadow: none !important;
}


.pd-faq-section .pd-faq-question-content {
    display: flex;

    align-items: center;

    flex: 1;

    min-width: 0;

    gap: 13px;
}


/* ---------------------------------------------------------
   FAQ NUMBER
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(30,136,255,.10),
            rgba(122,62,255,.08),
            rgba(255,47,179,.08)
        );

    color: var(--pd-blue);

    font-size: 11px;

    font-weight: 800;
}


.pd-faq-section .pd-faq-item.active .pd-faq-icon {
    background:
        linear-gradient(
            135deg,
            var(--pd-blue),
            var(--pd-purple),
            var(--pd-pink)
        );

    color: #FFFFFF;
}


/* ---------------------------------------------------------
   FAQ TEXT
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-question-text {
    min-width: 0;

    color: var(--pd-dark);

    font-size: 14px;

    font-weight: 700;

    line-height: 1.8;

    text-align: right;
}


/* ---------------------------------------------------------
   FAQ TOGGLE
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-toggle {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 37px;

    width: 37px;
    height: 37px;

    margin-right: 10px;

    border-radius: 11px;

    background: #F8FAFC;
}


.pd-faq-section .pd-faq-toggle span {
    position: absolute;

    width: 13px;
    height: 2px;

    border-radius: 99px;

    background: #475467;

    transition:
        transform .25s ease,
        background .25s ease;
}


.pd-faq-section .pd-faq-toggle span:last-child {
    transform: rotate(90deg);
}


.pd-faq-section .pd-faq-item.active .pd-faq-toggle {
    background: rgba(30,136,255,.07);
}


.pd-faq-section .pd-faq-item.active
.pd-faq-toggle span {
    background: var(--pd-blue);
}


.pd-faq-section .pd-faq-item.active
.pd-faq-toggle span:last-child {
    transform: rotate(0deg);
}


/* ---------------------------------------------------------
   FAQ ANSWER
   --------------------------------------------------------- */

.pd-faq-section .pd-faq-answer {
    display: grid;

    grid-template-rows: 0fr;

    opacity: 0;

    transition:
        grid-template-rows .30s ease,
        opacity .25s ease;
}


.pd-faq-section .pd-faq-answer-inner {
    min-height: 0;

    overflow: hidden;

    padding: 0 75px 0 20px;

    color: var(--pd-muted);

    font-size: 13px;

    line-height: 2.15;
}


.pd-faq-section .pd-faq-item.active
.pd-faq-answer {
    grid-template-rows: 1fr;

    opacity: 1;
}


.pd-faq-section .pd-faq-item.active
.pd-faq-answer-inner {
    padding-bottom: 22px;
}


/* =========================================================
   =========================================================
   CONTACT
   =========================================================
   ========================================================= */

/*
   JavaScript روی row فرم این کلاس‌ها را اضافه می‌کند:
   pd-contact-root
   pd-contact-form-column
   pd-contact-info-column
*/


.pd-contact-root {
    width: 100%;

    max-width: 1180px;

    margin: 65px auto !important;

    padding: 0 10px 20px !important;

    box-sizing: border-box;

    direction: rtl;

    align-items: stretch !important;
}


/* ---------------------------------------------------------
   CONTACT COLUMNS
   --------------------------------------------------------- */

.pd-contact-root >
.pd-contact-form-column,
.pd-contact-root >
.pd-contact-info-column {
    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   FORM CARD
   --------------------------------------------------------- */

.pd-contact-root
.pd-contact-form-column
.columnFirstChild {
    position: relative;

    width: 100%;
    height: 100%;

    padding: 32px 30px 30px;

    background: #FFFFFF;

    border: 1px solid var(--pd-border);

    border-radius: 24px;

    box-sizing: border-box;

    box-shadow: var(--pd-shadow);

    overflow: hidden;
}


.pd-contact-root
.pd-contact-form-column
.columnFirstChild::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--pd-blue),
            var(--pd-purple),
            var(--pd-pink)
        );
}


/* ---------------------------------------------------------
   CONTACT TITLE
   --------------------------------------------------------- */

.pd-contact-root .titleElement {
    width: 100%;

    margin-bottom: 23px;

    text-align: right !important;
}


.pd-contact-root .titleElementTitle {
    margin: 0 0 7px !important;

    padding: 0 !important;

    color: var(--pd-dark);

    font-size: 24px;

    font-weight: 800;

    line-height: 1.5;

    text-align: right;
}


.pd-contact-root .titleElementDescription {
    margin: 0 !important;

    padding: 0 !important;

    color: var(--pd-muted);

    font-size: 13px;

    line-height: 2;

    text-align: right;
}


/* ---------------------------------------------------------
   CONTACT FORM
   --------------------------------------------------------- */

.pd-contact-root .messageBoxElement {
    width: 100%;

    margin: 0;

    box-sizing: border-box;
}


.pd-contact-root .messageBoxElementRow {
    width: 100%;

    margin-left: -6px !important;
    margin-right: -6px !important;

    box-sizing: border-box;
}


.pd-contact-root .messageBoxElementBox {
    padding: 6px !important;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   INPUTS
   --------------------------------------------------------- */

.pd-contact-root .messageBoxElementInput {
    width: 100% !important;

    min-height: 52px;

    margin: 0 !important;

    padding: 13px 16px !important;

    box-sizing: border-box;

    border: 1px solid #E4E7EC !important;

    border-radius: 13px !important;

    outline: none !important;

    background: #F9FAFB !important;

    color: var(--pd-dark) !important;

    font-family: inherit;

    font-size: 13px;

    line-height: 1.7;

    direction: rtl;

    text-align: right;

    box-shadow: none !important;

    transition:
        border-color .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}


.pd-contact-root .messageBoxElementInput::placeholder {
    color: #98A2B3;

    opacity: 1;
}


.pd-contact-root .messageBoxElementInput:hover {
    border-color: #D0D5DD !important;

    background: #FFFFFF !important;
}


.pd-contact-root .messageBoxElementInput:focus {
    border-color: var(--pd-blue) !important;

    background: #FFFFFF !important;

    box-shadow:
        0 0 0 4px rgba(30,136,255,.08) !important;
}


/* ---------------------------------------------------------
   TEXTAREA
   --------------------------------------------------------- */

.pd-contact-root .messageBoxElementTextArea {
    min-height: 125px !important;

    height: 125px !important;

    resize: vertical;

    line-height: 1.9;
}


/* ---------------------------------------------------------
   CONTACT BUTTON
   --------------------------------------------------------- */

.pd-contact-root .messageBoxElementButton {
    width: 100%;

    min-height: 54px;

    margin-top: 7px;

    padding: 13px 22px;

    border: 0 !important;

    border-radius: 14px !important;

    outline: none !important;

    background:
        linear-gradient(
            100deg,
            var(--pd-blue),
            #6E4DFF 48%,
            var(--pd-pink)
        ) !important;

    color: #FFFFFF !important;

    font-family: inherit;

    font-size: 14px;

    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 10px 26px rgba(30,136,255,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.pd-contact-root .messageBoxElementButton:hover {
    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(30,136,255,.24);
}


/* ---------------------------------------------------------
   CONTACT INFO CARD
   --------------------------------------------------------- */

.pd-contact-root
.pd-contact-info-column
.columnFirstChild {
    position: relative;

    width: 100%;
    height: 100%;

    padding: 28px 25px;

    background:
        linear-gradient(
            145deg,
            #FCFDFF 0%,
            #F8FAFF 55%,
            #FFFFFF 100%
        );

    border: 1px solid var(--pd-border);

    border-radius: 24px;

    box-sizing: border-box;

    box-shadow:
        0 14px 42px rgba(16,24,40,.045);

    overflow: hidden;
}


.pd-contact-root
.pd-contact-info-column
.columnFirstChild::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    top: -130px;
    left: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(122,62,255,.08),
            rgba(122,62,255,0) 70%
        );

    pointer-events: none;
}


.pd-contact-root
.pd-contact-info-column
.footerTextBox {
    position: relative;

    z-index: 2;

    width: 100%;

    margin-bottom: 12px;
}


.pd-contact-root
.pd-contact-info-column
.footerText {
    width: 100%;

    margin: 0 !important;

    padding: 17px 18px;

    box-sizing: border-box;

    background: #FFFFFF;

    border: 1px solid var(--pd-border);

    border-radius: 15px;

    color: var(--pd-text);

    font-size: 13px;

    line-height: 2;

    text-align: center;

    box-shadow:
        0 5px 18px rgba(16,24,40,.035);
}

/* =========================================================
   PRINTPARDAZ FOOTER
   FINAL - NO DUPLICATED TITLES
   ========================================================= */


/* =========================================================
   OUTER FOOTER
   ========================================================= */

.footer0row {
    width: 100% !important;
    margin: 0 !important;
}


.footer0row > .footer0column0 {
    display: none !important;
}


.footer0row > .footer0column1 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.footer0column1innerRow0 {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 55px 0 25px !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 100%
        ) !important;

    border-top: 1px solid #EDF0F5;

    direction: rtl;

    box-sizing: border-box;

    overflow: hidden;
}


/* خط رنگی */

.footer0column1innerRow0::before {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    left: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #1E88FF,
            #7A3EFF,
            #FF2FB3
        );
}


/* =========================================================
   CONTAINER
   ========================================================= */

.footer0column1innerRow0 > .container {
    width: 100% !important;

    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 0 18px !important;

    box-sizing: border-box;
}


/* =========================================================
   MAIN COLUMNS
   ========================================================= */

.footer0column1innerRow0row {
    display: grid !important;

    grid-template-columns:
        42%
        23%
        35%;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

    align-items: start;

    box-sizing: border-box;
}


.footer0column1innerRow0row >
[class*="footer0column1innerRow0column"] {
    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    flex: none !important;

    margin: 0 !important;

    padding: 0 14px !important;

    box-sizing: border-box;
}


/* =========================================================
   COLUMN 0
   اطلاعات تماس
   ========================================================= */

.footer0column1innerRow0column0 {
    grid-column: 1;
    grid-row: 1;

    text-align: right;
}


/*
   خیلی مهم:
   فقط روی .columnFirstChild مستقیمِ column0
   عنوان ایجاد می‌کنیم.
   بنابراین روی nested columnFirstChildها تکرار نمی‌شود.
*/

.footer0column1innerRow0column0 >
.columnFirstChild::before {
    content: "اطلاعات تماس";

    display: block;

    margin-bottom: 9px;

    color: #101828;

    font-size: 16px;

    font-weight: 800;

    line-height: 1.7;

    text-align: right;
}


.footer0column1innerRow0column0 >
.columnFirstChild::after {
    content: "";

    display: block;

    width: 34px;
    height: 3px;

    margin-bottom: 17px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #1E88FF,
            #7A3EFF,
            #FF2FB3
        );
}


/* کارت اطلاعات تماس */

.footer0column1innerRow0column0
.footerTextBox {
    width: 100%;

    margin: 0 0 9px !important;
}


.footer0column1innerRow0column0
.footerText {
    margin: 0 !important;

    padding: 12px 14px !important;

    background: #FFFFFF;

    border: 1px solid #EDF0F5;

    border-radius: 14px;

    color: #667085;

    font-size: 12px;

    line-height: 1.9;

    text-align: right;

    box-sizing: border-box;

    box-shadow:
        0 5px 18px rgba(16,24,40,.035);
}


/* فقط آیکون‌های واقعی تماس */

.footer0column1innerRow0column0
.footerHtmlBox {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    margin-bottom: 7px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            rgba(30,136,255,.09),
            rgba(122,62,255,.08),
            rgba(255,47,179,.07)
        );

    color: #1E88FF;

    font-size: 16px;
}


/* =========================================================
   COLUMN 1
   اعتماد و اعتبار
   ========================================================= */

.footer0column1innerRow0column1 {
    grid-column: 2;
    grid-row: 1;

    text-align: center;
}


/* فقط Child مستقیم */

.footer0column1innerRow0column1 >
.columnFirstChild::before {
    content: "اعتماد و اعتبار";

    display: block;

    margin-bottom: 9px;

    color: #101828;

    font-size: 16px;

    font-weight: 800;

    line-height: 1.7;

    text-align: center;
}


.footer0column1innerRow0column1 >
.columnFirstChild::after {
    content: "";

    display: block;

    width: 34px;
    height: 3px;

    margin: 0 auto 17px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #1E88FF,
            #7A3EFF,
            #FF2FB3
        );
}


/* نماد اعتماد */

.footer0column1innerRow0column1
.footerHtmlBox {
    display: flex;

    align-items: center;

    justify-content: center;
}


.footer0column1innerRow0column1
.footerHtmlBox img {
    display: block;

    width: auto !important;

    max-width: 105px !important;

    height: auto !important;

    padding: 8px;

    background: #FFFFFF;

    border: 1px solid #EDF0F5;

    border-radius: 15px;

    box-shadow:
        0 7px 22px rgba(16,24,40,.045);
}


/* =========================================================
   COLUMN 2
   برند
   ========================================================= */

.footer0column1innerRow0column2 {
    grid-column: 3;
    grid-row: 1;

    text-align: center;
}


/* لوگو */

.footer0column1innerRow0column2
.logoElement {
    width: 100%;

    text-align: center;
}


.footer0column1innerRow0column2
.logoElementImage {
    display: inline-block;

    width: auto !important;

    max-width: 155px !important;

    max-height: 72px !important;

    height: auto !important;

    object-fit: contain;
}


/* توضیحات */

.footer0column1innerRow0column2
.footerTextBox {
    margin-top: 14px !important;
}


.footer0column1innerRow0column2
.footerText {
    margin: 0 !important;

    padding: 0 10px;

    color: #667085;

    font-size: 12px;

    line-height: 2.15;

    text-align: center;
}


/* =========================================================
   SOCIAL MEDIA
   ========================================================= */

/*
   فقط همان socialMediaElement واقعی چاپیروس.
   هیچ ::before / ::after برای آیکون‌ها نداریم.
*/

.footer0column1innerRow0column2
.socialMediaElement {
    display: flex !important;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap !important;

    gap: 8px;

    width: 100%;

    margin-top: 18px;
}


.footer0column1innerRow0column2
.socialMediaBox {
    display: flex !important;

    align-items: center;

    justify-content: center;

    flex: 0 0 39px !important;

    width: 39px !important;

    height: 39px !important;

    margin: 0 !important;

    padding: 0 !important;

    border-radius: 11px;

    background: #FFFFFF;

    border: 1px solid #E8ECF2;

    color: #667085 !important;

    text-decoration: none !important;

    box-shadow:
        0 5px 16px rgba(16,24,40,.035);

    box-sizing: border-box;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}


.footer0column1innerRow0column2
.socialMediaBox:hover {
    transform: translateY(-3px);

    color: #FFFFFF !important;

    border-color: transparent;

    background:
        linear-gradient(
            135deg,
            #1E88FF,
            #7A3EFF,
            #FF2FB3
        );
}


/* =========================================================
   QUICK ACCESS
   منوی واقعی چاپیروس
   ========================================================= */

/*
   هیچ عنوانی برای ستون‌های بالا تولید نمی‌کنیم.
   بنابراین «دسترسی سریع» فقط اگر خود چاپیروس
   منو داشته باشد نمایش داده می‌شود.
*/

.footer0column1innerRow0
.menuBuilder {
    width: 100%;

    text-align: center;

    margin-top: 28px;
}


.footer0column1innerRow0
.menuBuilder
.mainUl {
    display: flex !important;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 0;

    margin: 0 !important;

    padding: 16px 0 0 !important;

    border-top: 1px solid #EDF0F5;

    list-style: none !important;
}


.footer0column1innerRow0
.menuBuilder
.mainUl > li {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


.footer0column1innerRow0
.menuBuilder
.MenuListLiA {
    display: inline-flex;

    align-items: center;

    padding: 5px 14px;

    color: #667085 !important;

    font-size: 12px;

    font-weight: 500;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease;
}


.footer0column1innerRow0
.menuBuilder
.MenuListLiA:hover {
    color: #1E88FF !important;

    transform: translateY(-1px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .footer0column1innerRow0 {
        padding: 40px 0 22px !important;
    }


    .footer0column1innerRow0
    > .container {
        padding: 0 14px !important;
    }


    .footer0column1innerRow0row {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 25px;
    }


    .footer0column1innerRow0row >
    [class*="footer0column1innerRow0column"] {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        text-align: center;
    }


    .footer0column1innerRow0column0 {
        order: 1;
    }


    .footer0column1innerRow0column2 {
        order: 2;
    }


    .footer0column1innerRow0column1 {
        order: 3;
    }


    .footer0column1innerRow0column0 >
    .columnFirstChild::before {
        text-align: center;
    }


    .footer0column1innerRow0column0 >
    .columnFirstChild::after {
        margin-left: auto;
        margin-right: auto;
    }


    .footer0column1innerRow0column0
    .footerText {
        text-align: center;
    }


    .footer0column1innerRow0column2
    .logoElementImage {
        max-width: 135px !important;

        max-height: 65px !important;
    }


    .footer0column1innerRow0column2
    .footerText {
        max-width: 360px;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    .footer0column1innerRow0column2
    .socialMediaElement {
        flex-wrap: nowrap !important;
    }


    .footer0column1innerRow0column2
    .socialMediaBox {
        flex-basis: 36px !important;

        width: 36px !important;

        height: 36px !important;
    }


    .footer0column1innerRow0column1
    .footerHtmlBox img {
        max-width: 100px !important;
    }

}


/* =========================================================
   =========================================================
   UPLOAD
   =========================================================
   ========================================================= */

.pd-upload-custom-wrapper {
    width: 100% !important;

    margin: 0 0 20px !important;

    box-sizing: border-box;
}


.pd-upload-custom-wrapper
.dropzone-file-upload {
    margin-bottom: 15px;
}


.pd-cover-upload-hidden {
    display: none !important;
}


.pd-cover-upload-visible {
    display: block !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* ---------------- FAQ ---------------- */

    .pd-faq-section {
        margin: 50px auto;

        padding: 0 12px;
    }


    .pd-faq-section .pd-faq-title {
        font-size: 27px;
    }


    .pd-faq-section .pd-faq-subtitle {
        font-size: 12px;
    }


    .pd-faq-section .pd-faq-question {
        min-height: 66px;

        padding: 12px;
    }


    .pd-faq-section .pd-faq-icon {
        flex-basis: 35px;

        width: 35px;

        height: 35px;

        border-radius: 10px;
    }


    .pd-faq-section .pd-faq-question-text {
        font-size: 12.5px;
    }


    .pd-faq-section .pd-faq-answer-inner {
        padding: 0 56px 0 14px;

        font-size: 12px;
    }


    /* ---------------- CONTACT ---------------- */

    .pd-contact-root {
        margin: 45px auto !important;

        padding: 0 10px 15px !important;

        display: flex;

        flex-direction: column;

        gap: 16px;
    }


    .pd-contact-root >
    .pd-contact-form-column,
    .pd-contact-root >
    .pd-contact-info-column {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding: 0 !important;
    }


    .pd-contact-root
    .pd-contact-form-column
    .columnFirstChild {
        padding: 27px 15px 23px;

        border-radius: 20px;
    }


    .pd-contact-root .titleElement {
        text-align: center !important;
    }


    .pd-contact-root .titleElementTitle {
        font-size: 21px;

        text-align: center;
    }


    .pd-contact-root .titleElementDescription {
        font-size: 12px;

        text-align: center;
    }


    .pd-contact-root
    .messageBoxElementBox.col-sm-6 {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;
    }


    .pd-contact-root
    .messageBoxElementInput {
        min-height: 50px;

        font-size: 12px;
    }


    .pd-contact-root
    .messageBoxElementTextArea {
        min-height: 115px !important;

        height: 115px !important;
    }


    .pd-contact-root
    .messageBoxElementButton {
        min-height: 52px;

        font-size: 13px;
    }


    .pd-contact-root
    .pd-contact-info-column
    .columnFirstChild {
        padding: 18px 14px;

        border-radius: 20px;
    }


    .pd-contact-root
    .pd-contact-info-column
    .footerText {
        padding: 15px 12px;

        font-size: 12px;

        line-height: 1.9;

        border-radius: 13px;
    }


    /* ---------------- FOOTER ---------------- */

    .footer0column1innerRow0 {
        padding: 40px 0 22px !important;
    }


    .footer0column1innerRow0
    > .container {
        padding: 0 14px !important;
    }


    .footer0column1innerRow0row {
        display: flex !important;

        flex-direction: column !important;

        gap: 25px;

        align-items: stretch !important;
    }


    .footer0column1innerRow0row >
    [class*="footer0column1innerRow0column"] {
        width: 100% !important;

        max-width: 100% !important;

        flex: 0 0 100% !important;

        padding: 0 !important;

        margin: 0 !important;

        text-align: center;
    }


    /* تماس */

    .footer0column1innerRow0column0 {
        order: 1 !important;

        text-align: center;
    }


    .footer0column1innerRow0column0
    .columnFirstChild::before {
        text-align: center;
    }


    .footer0column1innerRow0column0
    .columnFirstChild::after {
        margin-left: auto;

        margin-right: auto;
    }


    .footer0column1innerRow0column0
    .footerText {
        text-align: center;
    }


    /* برند */

    .footer0column1innerRow0column2 {
        order: 2 !important;
    }


    .footer0column1innerRow0column2
    .logoElementImage {
        max-width: 135px !important;

        max-height: 65px !important;
    }


    /* اعتماد */

    .footer0column1innerRow0column1 {
        order: 3 !important;
    }


    .footer0column1innerRow0column1
    .footerHtmlBox img {
        max-width: 100px !important;
    }


    .footer0column1innerRow0column2
    .socialMediaBox {
        width: 36px;

        height: 36px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .footer0column1innerRow0column0
    .footerText {
        font-size: 11.5px;
    }


    .pd-faq-section .pd-faq-title {
        font-size: 25px;
    }

}




/* آیکون چاپ جزوه در هدر *****************************************************************/
.section0column0element0 {
    display: inline-block !important;
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    position: relative;
    z-index: 20;
    text-decoration: none !important;
    transition: transform .25s ease;
}

.section0column0element0 .imageElementImage {
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
    display: block !important;
    transform-origin: center center; /* چرخش از مرکز */
    will-change: transform; /* جلوگیری از لرزش کل صفحه */
    animation: pdBookletShake 3s ease-in-out infinite; /* نرم‌تر و ملایم‌تر */
}

.section0column0element0:hover {
    transform: scale(1.06);
}

/* انیمیشن ملایم‌تر شده (با زاویه کمتر و مکث بیشتر) */
@keyframes pdBookletShake {
    0%, 60%, 100% { transform: rotate(0deg); }
    65% { transform: rotate(-2deg); }
    70% { transform: rotate(2deg); }
    75% { transform: rotate(-1deg); }
    80% { transform: rotate(1deg); }
    85% { transform: rotate(0deg); }
}

@media (max-width: 992px) {
    .section1column1 {
        display: none !important;
    }

    .section1column0element0 .section1column1element0 {
        position: absolute !important;
        top: 10px !important;
        left: 0px !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 999 !important;
        width: 120px !important;
        max-width: 120px !important;
        height: auto !important;
        display: block !important;
        margin: 0 !important;
    }

    .section1column0element0 .section1column1element0 .imageElementImageBox,
    .section1column0element0 .section1column1element0 .imageElementImage {
        width: 120px !important;
        max-width: 120px !important;
        height: auto !important;
        display: block !important;
        transform-origin: center center;
        will-change: transform;
        animation: pdBookletShake 3s ease-in-out infinite;
    }

    /* جلوگیری از افتادن روی منو */
    .section1column0element0 {
        position: relative !important;
        z-index: 1 !important;
        isolation: isolate !important;
    }
}












/*این بخش مال اعلامیه ترحیم***************************************************************************************/

/* =========================================================
   PRINTPARDAZ
   GALLERY - FINAL STYLE
   ========================================================= */

/* کل گالری */
.gallery-row.pd-gallery-under-upload {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    clear: both !important;
    float: none !important;

    margin: 25px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
}


/* ستون گالری */
.gallery-row.pd-gallery-under-upload > .box-gallery {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* کانتینر گالری */
.gallery-row.pd-gallery-under-upload
.product-gallery-box-container {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   کادر «دیدن نمونه ها»
   ========================================================= */

.gallery-row.pd-gallery-under-upload
.product-gallery-box {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


/* لینک نمونه‌ها */

.gallery-row.pd-gallery-under-upload
.back-btn-gallery {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 0 12px 0 !important;
    padding: 8px 14px !important;

    background: #ffffff !important;

    border: 1px solid #e5e7eb !important;

    border-radius: 9px !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;

    color: #1E88FF !important;

    gap: 7px !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}


/* Hover */

.gallery-row.pd-gallery-under-upload
.back-btn-gallery:hover {
    background: #ffffff !important;

    border-color: rgba(30, 136, 255, .28) !important;

    box-shadow: 0 4px 14px rgba(30, 136, 255, .08) !important;

    transform: translateY(-1px) !important;
}


/* آیکن */

.gallery-row.pd-gallery-under-upload
.back-btn-gallery img {
    width: 21px !important;
    height: 21px !important;

    object-fit: contain !important;

    margin: 0 !important;

    flex-shrink: 0 !important;
}


/* متن */

.gallery-row.pd-gallery-under-upload
.back-btn-gallery p {
    margin: 0 !important;
    padding: 0 !important;

    color: #374151 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.8 !important;

    white-space: nowrap !important;
}


/* =========================================================
   پیش نمایش تصویر
   ========================================================= */

.gallery-row.pd-gallery-under-upload
.selected-gallery {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    clear: both !important;
    float: none !important;

    margin: 8px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* کانتینر تصویر */

.gallery-row.pd-gallery-under-upload
.selected-image-container {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    float: none !important;

    margin: 8px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* =========================================================
   اندازه تصویر
   ========================================================= */

.gallery-row.pd-gallery-under-upload
.selected-image-container img {
    display: block !important;

    width: auto !important;

    /*
     * حداکثر عرض تصویر
     * تا خیلی بزرگ نشود
     */
    max-width: 420px !important;

    /*
     * محدودیت ارتفاع
     */
    max-height: 220px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain !important;

    border-radius: 6px !important;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
}


/* =========================================================
   دکمه حذف تصویر
   ========================================================= */

.gallery-row.pd-gallery-under-upload
.selected-image-container
.remove-selected-image-gallery {
    position: absolute !important;

    top: -8px !important;
    right: calc(50% - 220px) !important;

    cursor: pointer !important;

    z-index: 5 !important;
}


/* =========================================================
   موبایل
   ========================================================= */

@media (max-width: 767px) {

    .gallery-row.pd-gallery-under-upload {
        margin-top: 20px !important;
    }

    .gallery-row.pd-gallery-under-upload
    .back-btn-gallery {
        padding: 7px 10px !important;

        margin-bottom: 10px !important;
    }

    .gallery-row.pd-gallery-under-upload
    .back-btn-gallery img {
        width: 19px !important;
        height: 19px !important;
    }

    .gallery-row.pd-gallery-under-upload
    .back-btn-gallery p {
        font-size: 11px !important;

        white-space: normal !important;
    }

    .gallery-row.pd-gallery-under-upload
    .selected-image-container img {
        max-width: 90% !important;
        max-height: 180px !important;
    }

    .gallery-row.pd-gallery-under-upload
    .remove-selected-image-gallery {
        right: 3% !important;
    }
}
/* =========================================================
   REMOVE PREVIEW BOX - FINAL
   فقط کادر اضافی پیش نمایش حذف شود
   ========================================================= */

.gallery-row.pd-gallery-under-upload .selected-gallery,
.gallery-row.pd-gallery-under-upload .selected-image-container,
.gallery-row.pd-gallery-under-upload .selected-image-container::before,
.gallery-row.pd-gallery-under-upload .selected-image-container::after {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-color: transparent !important;

    box-shadow: none !important;
    outline: 0 !important;

    padding: 0 !important;
}


/* خود ستون چاپیروس هم بدون کادر */
.gallery-row.pd-gallery-under-upload
.selected-image-container.chap_col-12 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    padding: 0 !important;
}


/* فقط خود عکس */
.gallery-row.pd-gallery-under-upload
.selected-image-container img {
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;

    border-radius: 6px !important;
}


/* اطمینان از حذف کادر از والدهای گالری */
.gallery-row.pd-gallery-under-upload
.product-gallery-box-container,
.gallery-row.pd-gallery-under-upload
.product-gallery-box,
.gallery-row.pd-gallery-under-upload
.box-gallery {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}
/******************************************************************** کد ظاهری برای استعلام قیمت در بخش ورود مشتری، کد ظاهر محصولات، کد ظاهر اعلامیه ترحیم*******************/
/* =========================================
   PRINT PARDAZ - GLOBAL THEME VARIABLES
   ========================================= */
#chap_content {
    --pp-pink: #FF2BBF;
    --pp-purple: #A855F7;
    --pp-blue: #3B82F6;
    --pp-dark: #171522;
    --pp-text: #252331;
    --pp-muted: #8b8898;
    --pp-border: #e8e5ef;
    --pp-bg: #faf9fc;
}


/* ==========================================================
   SECTION 1: PRODUCT ORDER FORM (صفحه سفارش محصول دیجیتال)
   ========================================================== */

/* کادر اصلی فرم سفارش */
#chap_content #pd-form {
    background: #ffffff;
    border: 1px solid #eeeaf4;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 15px 45px rgba(60, 40, 90, .07);
    position: relative;
}

/* خط گرادینت بالای فرم */
#chap_content #pd-form::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(90deg, var(--pp-pink), var(--pp-purple), var(--pp-blue));
}

/* حل مشکل چسبیدن: تنظیم فاصله ستون فرم و جدول کناری */
#chap_content #pd-form > .chap_col-md-7 {
    padding-left: 20px !important;
    padding-right: 15px !important;
}

#chap_content #pd-form > .chap_col-md-5 {
    padding-left: 15px !important;
    padding-right: 20px !important;
}

/* باکس جدول خلاصه سفارش در سمت چپ */
#chap_content #pd-form .order_type {
    padding: 15px 18px !important;
    border-radius: 16px;
    background: #faf9fc;
    border: 1px solid var(--pp-border);
    box-sizing: border-box;
}

/* حل مشکل چسبیدن متن‌ها به لبه‌های جدول خلاصه */
#chap_content #pd-form .order_type table {
    width: 100%;
    margin-bottom: 0;
}

#chap_content #pd-form .order_type td,
#chap_content #pd-form .order_type th,
#chap_content #pd-form .order_type .chap_row {
    padding: 8px 10px !important;
}

/* فیلدهای متنی و عددی فرم محصول */
#chap_content #pd-form .form-control {
    border: 1px solid var(--pp-border) !important;
    background: #fbfaff !important;
    border-radius: 12px !important;
    color: var(--pp-text) !important;
    padding: 10px 14px !important;
    box-shadow: none !important;
    transition: all .25s ease !important;
}

#chap_content #pd-form .form-control:focus {
    outline: none !important;
    border-color: var(--pp-purple) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(168, 85, 247, .1) !important;
}

/* دکمه افزودن به سبد خرید */
#chap_content #pd-form button[name="po-submit"],
#chap_content #pd-form .product-item-pay {
    background: linear-gradient(135deg, var(--pp-pink), var(--pp-purple), var(--pp-blue)) !important;
    background-size: 180% 180% !important;
    color: #fff !important;
    border: none !important;
    border-radius: 13px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    min-height: 48px !important;
    box-shadow: 0 10px 25px rgba(168, 85, 247, .25) !important;
    transition: all .3s ease !important;
    cursor: pointer !important;
}

#chap_content #pd-form button[name="po-submit"]:hover,
#chap_content #pd-form .product-item-pay:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(168, 85, 247, .32) !important;
}


/* ==========================================================
   SECTION 2: SPECIAL ORDER & TICKET FORM (فرم سفارش اختصاصی)
   ========================================================== */

#chap_content .section {
    max-width: 1100px;
    margin: 35px auto;
    padding: 0 15px;
}

#chap_content .section-main-content {
    background: #fff;
    border: 1px solid #eeeaf4;
    border-radius: 24px;
    padding: 35px 40px 40px;
    box-shadow: 0 15px 45px rgba(60, 40, 90, .08);
    position: relative;
    overflow: hidden;
}

#chap_content .section-main-content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--pp-pink), var(--pp-purple), var(--pp-blue));
}

#chap_content .subheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 5px;
}

#chap_content .subheader .subtitle {
    margin: 0;
    color: var(--pp-dark);
    font-size: 27px;
    font-weight: 800;
    position: relative;
}

#chap_content .subheader .subtitle::after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    border-radius: 10px;
    margin-top: 9px;
    background: linear-gradient(90deg, var(--pp-pink), var(--pp-purple));
}

#chap_content .subheader .entitle {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--pp-purple);
    opacity: .8;
}

#chap_content #ticket-form {
    width: 100%;
}

#chap_content #ticket-form .form-group {
    margin-bottom: 20px;
}

#chap_content #ticket-form .flat-control {
    width: 100%;
    border: 1px solid var(--pp-border);
    background: #fbfaff;
    border-radius: 13px;
    color: var(--pp-text);
    font-size: 14px;
    padding: 14px 17px;
    transition: all .25s ease;
    box-shadow: none;
}

#chap_content #ticket-form .flat-control:focus {
    outline: none;
    border-color: var(--pp-purple);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(168, 85, 247, .08);
}

#chap_content #specials-title {
    height: 55px;
    font-weight: 600;
}

#chap_content #specials-content {
    min-height: 175px;
    resize: vertical;
    line-height: 1.9;
    padding-top: 15px;
}

#chap_content .flat-file-uploader {
    position: relative;
    min-height: 115px;
    border: 2px dashed #dcd6e8;
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(255,43,191,.025), rgba(168,85,247,.035), rgba(59,130,246,.025));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    transition: all .3s ease;
}

#chap_content .flat-file-uploader:hover {
    border-color: var(--pp-purple);
    background: linear-gradient(135deg, rgba(255,43,191,.05), rgba(168,85,247,.07), rgba(59,130,246,.05));
    transform: translateY(-1px);
}

#chap_content .flat-file-uploader input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

#chap_content .flat-file-uploader label {
    cursor: pointer;
    margin: 0;
    padding: 12px 23px;
    border-radius: 11px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--pp-purple), var(--pp-pink));
    box-shadow: 0 8px 22px rgba(168,85,247,.2);
    transition: all .25s ease;
}

#chap_content .flat-file-uploader label:hover {
    transform: translateY(-2px);
    box-shadow: 0 11px 26px rgba(168,85,247,.28);
}

#chap_content #file-name {
    display: block;
    max-width: 90%;
    margin-top: 10px;
    color: #777383;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#chap_content .send_reply {
    margin-top: 25px;
    text-align: left;
}

#chap_content .ticket-button {
    min-width: 150px;
    height: 52px;
    border: 0;
    border-radius: 13px;
    padding: 0 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    background: linear-gradient(135deg, var(--pp-pink), var(--pp-purple), var(--pp-blue));
    background-size: 180% 180%;
    box-shadow: 0 10px 25px rgba(168,85,247,.22);
    transition: all .3s ease;
}

#chap_content .ticket-button:hover {
    transform: translateY(-2px);
    background-position: 100% 50%;
    box-shadow: 0 14px 30px rgba(168,85,247,.3);
}


/* ==========================================================
   SECTION 3: GALLERY DESIGN (صفحه گالری و اخبار)
   ========================================================== */

#chap_content .news-item {
    max-width: 1400px;
    margin: 35px auto;
    padding: 0 15px;
    background: transparent;
}

#chap_content .news-item-header {
    background: #fff;
    border-radius: 20px;
    padding: 22px 32px;
    margin-bottom: 25px;
    border: 1px solid #eeeaf4;
    box-shadow: 0 10px 35px rgba(55, 35, 85, .06);
    position: relative;
    overflow: hidden;
}

#chap_content .news-item-header::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--pp-pink), var(--pp-purple), var(--pp-blue));
}

#chap_content .news-item-header h1 {
    margin: 0;
    font-size: 25px;
    font-weight: 800;
    color: #211e2d;
}

#chap_content .news-item-date {
    display: block;
    margin-top: 7px;
    color: #9994a5;
    font-size: 12px;
}

#chap_content .news-item-content {
    background: #fff;
    border-radius: 24px;
    padding: 40px 40px 50px;
    border: 1px solid #eeeaf4;
    box-shadow: 0 15px 45px rgba(60, 40, 90, .07);
}

#chap_content .news-item-content > h1 {
    position: relative;
    margin: 15px 0 30px !important;
    padding: 16px 20px;
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(255,43,191,.055), rgba(168,85,247,.055), rgba(59,130,246,.045));
    color: #292534;
    font-size: 21px !important;
    font-weight: 800;
    text-align: right !important;
    border-right: 4px solid var(--pp-purple);
}

#chap_content .news-item-content > h1:first-of-type {
    margin-top: 0 !important;
}

#chap_content .modalSelectGalleriesContent {
    margin: 0 0 45px;
    display: block;
}

#chap_content .left-menu.showFullWidth {
    width: 100%;
    padding: 0 !important;
}

#chap_content .imageBox > .chap_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin: 0 !important;
}

#chap_content .galleryBoxGallery {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

#chap_content .gallery-image-container {
    position: relative;
    background: #fff;
    border: 1px solid #ebe7f1;
    border-radius: 18px;
    padding: 11px;
    overflow: hidden;
    box-shadow: 0 7px 25px rgba(50, 35, 75, .07);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

#chap_content .gallery-image-container:hover {
    transform: translateY(-6px);
    border-color: rgba(168,85,247,.35);
    box-shadow: 0 18px 40px rgba(75, 45, 110, .14);
}

#chap_content .gallery-image-container .wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #f6f4f9;
    cursor: pointer;
}

#chap_content .gallery-image-container .wrapper::after {
    content: "مشاهده طرح";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(25, 20, 35, .45);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    opacity: 0;
    transition: opacity .25s ease;
    backdrop-filter: blur(2px);
}

#chap_content .gallery-image-container .wrapper:hover::after {
    opacity: 1;
}

#chap_content .gallery-image-container .wrapperimage {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    transition: transform .4s ease;
}

#chap_content .gallery-image-container:hover .wrapperimage {
    transform: scale(1.025);
}

#chap_content .gallery-image-container > p {
    margin: 13px 4px 10px;
    text-align: center;
    color: #403b4b;
    font-size: 14px;
    font-weight: 800;
}

#chap_content .order-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 43px;
    border-radius: 11px;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--pp-pink), var(--pp-purple), var(--pp-blue));
    background-size: 180% 180%;
    box-shadow: 0 7px 18px rgba(168,85,247,.18);
    transition: all .25s ease;
}

#chap_content .order-link a::before {
    content: "↗";
    margin-left: 7px;
    font-size: 16px;
}

#chap_content .order-link a:hover {
    background-position: 100% 50%;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(168,85,247,.28);
}

#chap_content .right-menu,
#chap_content .categoryBox,
#chap_content .imageloader {
    display: none !important;
}


/* ==========================================================
   SECTION 4: RESPONSIVE / MOBILE DESIGN (واکنش‌گرایی)
   ========================================================== */

@media (max-width: 900px) {
    #chap_content .imageBox > .chap_row {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    #chap_content .news-item-content {
        padding: 28px 20px 35px;
    }
}

@media (max-width: 768px) {
    #chap_content #pd-form > .chap_col-md-7,
    #chap_content #pd-form > .chap_col-md-5 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #chap_content .section-main-content {
        padding: 25px 18px 25px;
        border-radius: 18px;
    }

    #chap_content .subheader {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    #chap_content .subheader .subtitle {
        font-size: 22px;
    }

    #chap_content .ticket-button {
        width: 100%;
    }
}

@media (max-width: 600px) {
    #chap_content .news-item-content > h1 {
        font-size: 18px !important;
    }
    #chap_content .imageBox > .chap_row {
        gap: 12px;
    }
}








/* مخفی کردن لینک و متن چاپیروس در فوتر */
#copyRightTextBox a[href*="chapiroos.com"] {
    display: none !important;
}

#copyRightTextBox {
    font-size: 0 !important;
}

#copyRightTextBox::before {
    content: "کلیه حقوق متعلق به PrintPardaz می باشد";
    font-size: 13px !important; /* یا هر سایز فونتی که فوتر شما دارد */
    color: inherit;
    display: inline-block;
}