/* =========================================================
   TAMINYAR BUY PAGE — STABLE MENU ICON
   اندازه و ظاهر دکمه کاملاً از Navbar اصلی سایت گرفته می‌شود.
   این فایل فقط SVG واقعی داخل دکمه را کنترل می‌کند.
   ========================================================= */

@media (max-width: 900px) {

    /*
     * مهم:
     * width / height / border / background / radius /
     * margin / padding / shadow اینجا تعریف نشده است.
     *
     * بنابراین خود button.menu-toggle دقیقاً همان
     * استایل مشترک سایر صفحات سایت را می‌گیرد.
     */

    html body .site-header .menu-toggle {
        visibility: visible !important;
        opacity: 1 !important;
    }


    /*
     * آیکن استاندارد قدیمی با pseudo-element ساخته می‌شود.
     * در صفحه خرید خاموشش می‌کنیم چون SVG واقعی داریم.
     */
    html body .site-header .menu-toggle::before,
    html body .site-header .menu-toggle::after {
        content: none !important;
        display: none !important;
    }


    /*
     * SVG داخل همان اندازه استاندارد دکمه قرار می‌گیرد.
     */
    html body .site-header
    .menu-toggle
    .ty-stable-menu-icon {

        display: block !important;

        width: 27px !important;
        height: 27px !important;

        flex: 0 0 27px !important;

        visibility: visible !important;
        opacity: 1 !important;

        overflow: visible !important;

        pointer-events: none !important;
    }


    html body .site-header
    .menu-toggle
    .ty-menu-line {

        fill: none !important;

        /*
         * همان رنگ استاندارد Navbar
         */
        stroke: #173f56 !important;

        stroke-width: 2.15 !important;
        stroke-linecap: round !important;

        transform-box: fill-box;
        transform-origin: center;

        opacity: 1 !important;

        transition:
            transform .22s ease,
            opacity .16s ease;
    }


    /* بسته */

    html body .site-header
    .menu-toggle:not([aria-expanded="true"])
    .ty-menu-line {

        transform: none !important;
        opacity: 1 !important;
    }


    /* باز → X */

    html body .site-header
    .menu-toggle[aria-expanded="true"]
    .ty-menu-line-1 {

        transform:
            translateY(5px)
            rotate(45deg) !important;
    }


    html body .site-header
    .menu-toggle[aria-expanded="true"]
    .ty-menu-line-2 {

        opacity: 0 !important;
    }


    html body .site-header
    .menu-toggle[aria-expanded="true"]
    .ty-menu-line-3 {

        transform:
            translateY(-5px)
            rotate(-45deg) !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    .ty-menu-line {
        transition: none !important;
    }

}


/* =========================================================
   BUY HAMBURGER — ALIGNMENT FINAL FIX
   ========================================================= */

@media (max-width: 900px) {

    /*
     * خود دکمه سایز و ظاهرش را از Navbar اصلی می‌گیرد.
     * فقط مبنای قرارگیری SVG می‌شود.
     */
    html body .site-header .menu-toggle {
        position: relative !important;

        flex-shrink: 0 !important;

        vertical-align: middle !important;
    }


    /*
     * SVG دقیقاً مرکز دکمه قرار می‌گیرد.
     */
    html body .site-header
    .menu-toggle
    .ty-stable-menu-icon {

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 27px !important;
        height: 27px !important;

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

        transform:
            translate(-50%, -50%) !important;

        transform-origin:
            center !important;
    }


    /*
     * Header نیز از نظر محور عمودی یکدست بماند.
     */
    html body .site-header .nav,
    html body .site-header .nav-actions {

        align-items: center !important;
    }


    html body .site-header .nav-actions {
        align-self: center !important;
    }

}


/* =========================================================
   BUY HAMBURGER — SIZE POLISH
   ========================================================= */

@media (max-width: 900px) {

    html body .site-header
    .menu-toggle
    .ty-stable-menu-icon {

        width: 30px !important;
        height: 30px !important;

        flex-basis: 30px !important;
    }


    html body .site-header
    .menu-toggle
    .ty-menu-line {

        stroke-width: 2.2 !important;
    }

}


/* =========================================================
   HAMBURGER +3PX FINAL
   30px -> 33px
   ========================================================= */

@media (max-width: 900px) {

    html body .site-header
    .menu-toggle
    .ty-stable-menu-icon {

        width: 33px !important;
        height: 33px !important;

        flex-basis: 33px !important;
    }


    html body .site-header
    .menu-toggle
    .ty-menu-line {

        stroke-width: 2.2 !important;
    }

}