/* لایهٔ چپ‌به‌راست — ساختهٔ ابزار، دستی ویرایش نکن. * * وقتی صفت dir="ltr" بگیرد (چه از سرور، چه از اسکریپتِ تشخیصِ * ترجمه در layouts/app.blade.php)، این قاعده‌ها چیدمان را برمی‌گردانند. * در حالتِ فارسی هیچ‌کدامشان اعمال نمی‌شوند. * * بازساخت: node build.mjs (rtlcss + postcss) */ html[dir="ltr"] .contact-card::before { transform-origin: left center; } @media (max-width: 768px) { html[dir="ltr"] .contact-card { text-align: left; } } html[dir="ltr"] .main-footer { direction: ltr; } html[dir="ltr"] .footer-title::after { left: 0; right: auto; } html[dir="ltr"] .footer-links a:hover { padding-left: 6px; padding-right: 0; } html[dir="ltr"] .newsletter-form input { border-radius: 0 8px 8px 0; } html[dir="ltr"] .newsletter-form button { border-radius: 8px 0 0 8px; } @media (max-width: 576px) { html[dir="ltr"] .footer-title::after { left: 0; right: auto; } } html[dir="ltr"] .scroll-progress { left: 0; right: auto; } html[dir="ltr"] .scroll-top { right: 30px; left: auto; } html[dir="ltr"] .hero-image { left: 0; } html[dir="ltr"] .hero-video { left: 0; } html[dir="ltr"] .hero-overlay { left: 0; } html[dir="ltr"] .hero-text { left: 50%; right: auto; transform: translate(-50%, -50%); } html[dir="ltr"] .hero-description { margin-left: auto; margin-right: auto; } html[dir="ltr"] .hero-stats { left: 0; right: auto; } html[dir="ltr"] .stats-section .stat-item:not(:last-child)::after { right: 0; left: auto; } html[dir="ltr"] .stats-section .stat-number::before { right: -16px; left: auto; } html[dir="ltr"] .timeline-line { left: 12.5%; right: 12.5%; } html[dir="ltr"] .about-stat-plus { margin-left: 4px; margin-right: 0; } @media (max-width: 767px) { html[dir="ltr"] .timeline-card { border-left: 4px solid #c8dce8; border-right: none; border-radius: 12px 0 0 12px; text-align: left; } } @media (max-width: 767px) { html[dir="ltr"] .timeline-card--active { border-left-color: #1a5f8a; border-right-color: initial; } } @media (max-width: 767px) { html[dir="ltr"] .timeline-card h4 { text-align: left; } } @media (max-width: 767px) { html[dir="ltr"] .timeline-card p { text-align: left; } } html[dir="ltr"] .about-image.mobile-image-top img { left: 0; right: auto; } html[dir="ltr"] .subs-products li { padding-left: 14px; padding-right: 0; } html[dir="ltr"] .subs-products li::before { left: 0; right: auto; } html[dir="ltr"] .subs-nav { border-right: 1px solid #e0ecf5; border-left: none; } html[dir="ltr"] .subs-nav-item { text-align: left; } html[dir="ltr"] .subs-nav-name { text-align: left; } html[dir="ltr"] .subs-nav-item.is-active .subs-arrow { transform: translateX(3px); } html[dir="ltr"] .subs-pane-details li { padding-left: 18px; padding-right: 0; } html[dir="ltr"] .subs-pane-details li::before { left: 0; right: auto; } @media (max-width: 768px) { html[dir="ltr"] .subs-nav { border-right: none; border-left: none; } } @media (max-width: 768px) { html[dir="ltr"] .subs-nav-item { border-right: 1px solid #eef3f8; border-left: none; } } html[dir="ltr"] .subs-line { left: calc(100% / 12) !important; right: calc(100% / 12) !important; } @media (max-width: 900px) { html[dir="ltr"] .subs-line { left: calc(100%/6) !important; right: calc(100%/6) !important; } } html[dir="ltr"] .subs-detail-header .subs-status { margin-left: auto; margin-right: 0; } html[dir="ltr"] .subs-detail-body ul { padding-left: 20px; padding-right: 0; } html[dir="ltr"] .subs-detail-body ul li { padding-left: 16px; padding-right: 0; } html[dir="ltr"] .subs-detail-body ul li::before { left: 0; right: auto; } html[dir="ltr"] .subsidiary-card.active .accordion-arrow { transform: rotate(-180deg); } html[dir="ltr"] .production-list li { padding-left: 15px; padding-right: 0; } html[dir="ltr"] .production-list li::before { left: 0; right: auto; } html[dir="ltr"] .projects-list-detailed { border-right: 3px solid #1a5f8a; border-left: none; } html[dir="ltr"] .preview-column-title::after { left: 50%; right: auto; transform: translateX(-50%); } html[dir="ltr"] .preview-column .swiper-pagination { right: 0; left: auto; } @media (min-width: 1200px) { html[dir="ltr"] .products-preview .section-container { padding-right: 40px; padding-left: 40px; } } html[dir="ltr"] .features-line { left: calc(100% / 12) !important; right: calc(100% / 12) !important; } @media (max-width: 900px) { html[dir="ltr"] .features-line { left: calc(100% / 6) !important; right: calc(100% / 6) !important; } } @media (max-width: 1200px) { html[dir="ltr"] .feature-card:nth-child(3n+1) { border-right: 2px solid #eef1f5; border-left: none; } } @media (max-width: 1200px) { html[dir="ltr"] .feature-card:nth-child(2n+1) { border-right: none; border-left: none; } } @media (max-width: 768px) { html[dir="ltr"] .feature-card { border-right: none !important; border-left: none; } } @media (max-width: 768px) { html[dir="ltr"] .stat-item:not(:last-child)::after { right: -5px; left: auto; } } @media (max-width: 768px) { html[dir="ltr"] .stat-number::before { right: -10px; left: auto; } } @media (max-width: 576px) { html[dir="ltr"] .stat-number::before { right: -8px; left: auto; } } @media (max-width: 560px) { html[dir="ltr"] .subs-desc-box { border-left: 4px solid var(--subs-accent, #1a5f8a); border-right: none; border-radius: 14px 0 0 14px; } } @media (max-width: 560px) { html[dir="ltr"] .subs-scroll-card { transform: translateX(40px); } } @media (max-width: 560px) { html[dir="ltr"] .subs-scroll-card.is-prev { transform: translateX(-40px); } } @media (max-width: 560px) { html[dir="ltr"] .subs-scroll-info .subs-products { padding-left: 0 !important; padding-right: 0; } } html[dir="ltr"] .mdf-text .section-header { text-align: left; } html[dir="ltr"] .mdf-points li { padding-left: 28px; padding-right: 0; } html[dir="ltr"] .mdf-points li::before { left: 6px; right: auto; } @media (max-width: 768px) { html[dir="ltr"] .mdf-cta { margin-right: auto; margin-left: auto; } } html[dir="ltr"] .hamburger-container { left: 20px; right: auto; } html[dir="ltr"] .hamburger-container.active { left: 380px; right: auto; margin-left: -1px; margin-right: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left: none; border-right: none; } html[dir="ltr"] .hamburger-container.active::after { left: -1px; right: auto; } html[dir="ltr"] .line:nth-child(1) { transform-origin: top right; } html[dir="ltr"] .line:nth-child(3) { transform-origin: bottom right; } html[dir="ltr"] .hamburger.active .line:nth-child(1) { transform: rotate(-45deg) translate(-5px, 4px); } html[dir="ltr"] .hamburger.active .line:nth-child(3) { transform: rotate(45deg) translate(-4px, -4px); } html[dir="ltr"] .menu-text { margin-left: 8px; margin-right: 0; } html[dir="ltr"] .hamburger-container:hover .menu-text { transform: translateX(2px); } html[dir="ltr"] .sideMenu { left: 0; right: auto; border-right: 1px solid rgba(255, 255, 255, 0.1); border-left: none; transform: translateX(-100%); box-shadow: 20px 0 60px rgba(0, 0, 0, 0.4); } html[dir="ltr"] .menuItem { transform: translateX(-50px); } html[dir="ltr"] .menuItem::before { left: 0; right: auto; } html[dir="ltr"] .menu-link, html[dir="ltr"] .menu-toggle { text-align: left; } html[dir="ltr"] .menu-link::after, html[dir="ltr"] .menu-toggle::after { left: 36px; right: auto; } html[dir="ltr"] .submenu-icon { margin-left: auto; margin-right: 10px; } html[dir="ltr"] .menu-toggle[aria-expanded="true"] .submenu-icon { transform: rotate(-180deg); } html[dir="ltr"] .submenu-item { padding: 9px 36px 9px 64px; } html[dir="ltr"] .submenu-item a::after { left: 0; right: auto; } html[dir="ltr"] .menu-footer::before { right: 10%; left: auto; } html[dir="ltr"] .scroll-progress { left: 0; right: auto; transform-origin: left; } html[dir="ltr"] .scroll-top { right: 40px; left: auto; transform: translateY(30px) scale(0.8) rotate(-180deg); } html[dir="ltr"] .scroll-top:hover { transform: translateY(-8px) scale(1.08) rotate(-5deg); } html[dir="ltr"] .scroll-top:active { transform: translateY(-4px) scale(0.98) rotate(5deg); } @media (max-width: 992px) { html[dir="ltr"] .hamburger-container { left: 18px; right: auto; } } @media (max-width: 992px) { html[dir="ltr"] .hamburger-container.active { left: 320px; right: auto; margin-left: -1px; margin-right: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left: none; border-right: none; } } @media (max-width: 992px) { html[dir="ltr"] .hamburger-container.active::after { left: -1px; right: auto; } } @media (max-width: 768px) { html[dir="ltr"] .hamburger-container { left: 15px; right: auto; } } @media (max-width: 768px) { html[dir="ltr"] .hamburger.active .line:nth-child(1) { transform: rotate(-45deg) translate(-4px, 3px); } } @media (max-width: 768px) { html[dir="ltr"] .hamburger.active .line:nth-child(3) { transform: rotate(45deg) translate(-3px, -3px); } } @media (max-width: 768px) { html[dir="ltr"] .menu-text { margin-left: 6px; margin-right: 0; } } @media (max-width: 768px) { html[dir="ltr"] .hamburger-container.active { left: min(300px, 85vw); right: auto; margin-left: -1px; margin-right: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-left: 12px; padding-right: 0; border-left: none; border-right: none; } } @media (max-width: 768px) { html[dir="ltr"] .hamburger-container.active::after { left: -1px; right: auto; } } @media (max-width: 768px) { html[dir="ltr"] .submenu-item { padding: 12px 35px 12px 45px; } } @media (max-width: 768px) { html[dir="ltr"] .submenu-item a:hover { padding-left: 24px; padding-right: 0; } } @media (max-width: 768px) { html[dir="ltr"] .scroll-top { right: 30px; left: auto; } } @media (max-width: 576px) { html[dir="ltr"] .hamburger-container { left: 12px; right: auto; } } @media (max-width: 576px) { html[dir="ltr"] .hamburger.active .line:nth-child(1) { transform: rotate(-45deg) translate(-3px, 2.5px); } } @media (max-width: 576px) { html[dir="ltr"] .hamburger.active .line:nth-child(3) { transform: rotate(45deg) translate(-2.5px, -2.5px); } } @media (max-width: 576px) { html[dir="ltr"] .hamburger-container.active { left: min(300px, 82vw); right: auto; margin-left: -1px; margin-right: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-left: 10px; padding-right: 0; border-left: none; border-right: none; } } @media (max-width: 576px) { html[dir="ltr"] .hamburger-container.active::after { left: -1px; right: auto; } } @media (max-width: 576px) { html[dir="ltr"] .submenu-item { padding: 10px 30px 10px 40px; } } @media (max-width: 576px) { html[dir="ltr"] .submenu-item a:hover { padding-left: 20px; padding-right: 0; transform: translateX(4px); } } @media (max-width: 576px) { html[dir="ltr"] .scroll-top { right: 25px; left: auto; } } html[dir="ltr"] .search-box i { left: 20px; right: auto; } html[dir="ltr"] .search-box input { padding: 15px 20px 15px 50px; } html[dir="ltr"] .map-popup { text-align: left; direction: ltr; } html[dir="ltr"] .faq-question { text-align: left; } html[dir="ltr"] .faq-item.active .faq-question i { transform: rotate(-180deg); } html[dir="ltr"] .hp-field { left: -9999px; right: auto; } html[dir="ltr"] .hamburger-container { left: 20px; right: auto; } html[dir="ltr"] .hamburger-container.active { left: 320px; right: auto; } html[dir="ltr"] .hamburger.active .line:nth-child(1) { transform: rotate(-45deg) translate(-6px, 5px); } html[dir="ltr"] .hamburger.active .line:nth-child(3) { transform: rotate(45deg) translate(-5px, -6px); } html[dir="ltr"] .menu-text { margin-left: 8px; margin-right: 0; } html[dir="ltr"] .sideMenu { left: 0; right: auto; border-right: 1px solid rgba(255,255,255,0.1); border-left: none; transform: translateX(-100%); box-shadow: 5px 0 30px rgba(0, 0, 0, 0.4); } html[dir="ltr"] .menu-header { padding: 25px 25px 25px 30px; } html[dir="ltr"] .menuItem { transform: translateX(-20px); } html[dir="ltr"] .menu-link, html[dir="ltr"] .menu-toggle { text-align: left; } html[dir="ltr"] .menu-link:hover, html[dir="ltr"] .menu-toggle:hover { padding-left: 35px; padding-right: 0; } html[dir="ltr"] .submenu-icon { margin-left: auto; } html[dir="ltr"] .menu-toggle[aria-expanded="true"] .submenu-icon { transform: rotate(-180deg); } html[dir="ltr"] .submenu-item { padding: 12px 40px 12px 45px; } html[dir="ltr"] .submenu-item a:hover { padding-left: 15px; padding-right: 0; } html[dir="ltr"] .hero-image, html[dir="ltr"] .hero-video { right: 0; } html[dir="ltr"] .hero-overlay { right: 0; } html[dir="ltr"] .description { padding-right: 5px; padding-left: 5px; } html[dir="ltr"] .description h2::after { left: 0; right: auto; } html[dir="ltr"] .image-placeholder { right: 50%; left: auto; transform: translate(50%, -50%); } html[dir="ltr"] .image-error { right: 50%; left: auto; transform: translate(50%, -50%); } html[dir="ltr"] .footer-links h3::after, html[dir="ltr"] .footer-newsletter h3::after { left: 0; right: auto; } html[dir="ltr"] .footer-title::after { left: 0; right: auto; } html[dir="ltr"] .footer-links ul li a:hover { padding-left: 5px; padding-right: 0; } @media (min-width: 769px) { html[dir="ltr"] .footer-logo { text-align: left; } } @media (min-width: 769px) { html[dir="ltr"] .footer-newsletter { text-align: left; } } @media (max-width: 1500px) { html[dir="ltr"] .hamburger-container.active { left: 300px; right: auto; } } @media (max-width: 1200px) { html[dir="ltr"] .description, html[dir="ltr"] .filter-section { padding-right: 10px; padding-left: 10px; } } @media (max-width: 1200px) { html[dir="ltr"] .hamburger-container.active { left: 280px; right: auto; } } @media (max-width: 900px) { html[dir="ltr"] .hamburger-container.active { left: 270px; right: auto; } } @media (max-width: 768px) { html[dir="ltr"] .menu-text { margin-left: 6px; margin-right: 0; } } @media (max-width: 768px) { html[dir="ltr"] .hamburger-container.active { left: 280px; right: auto; } } @media (max-width: 576px) { html[dir="ltr"] .hamburger-container { left: 15px; right: auto; } } @media (max-width: 576px) { html[dir="ltr"] .hamburger-container.active { left: calc(90% - 15px); right: auto; } } @media (max-width: 576px) { html[dir="ltr"] .submenu-item { padding: 10px 35px 10px 40px; } } html[dir="ltr"] .rich-list li { padding-left: 26px; padding-right: 0; } html[dir="ltr"] .rich-list li::before { left: 6px; right: auto; } html[dir="ltr"] .description.description-wide { padding-right: 20px; padding-left: 20px; text-align: left; } html[dir="ltr"] .description.description-wide h2 { text-align: left; } html[dir="ltr"] .description.description-wide p { text-align-last: left; } html[dir="ltr"] .hero-scroll { right: 50%; left: auto; transform: translateX(50%); } /* ── از