/* Park Jonoub — offline site styles */ body { font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif; } /* Keep Font Awesome glyph fonts intact */ .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands { font-family: inherit; } .fa-solid::before, .fas::before { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; } .fa-regular::before, .far::before { font-family: "Font Awesome 6 Free" !important; font-weight: 400 !important; } .fa-brands::before, .fab::before { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; } /* SPA pages — base hide/show is also inlined in for FOUC prevention */ .page-section { display: none !important; } .page-section.active { display: block !important; } /* Animate only when navigating (not on first paint / refresh) */ .page-section.active.is-animating { animation: fadeIn 0.35s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* Dropdown menus */ .dropdown-menu { display: none; opacity: 0; transform: translateY(8px); pointer-events: none; } .dropdown-menu.show { display: block; opacity: 1; transform: translateY(0); pointer-events: auto; animation: dropdownIn 0.18s ease-out; } @keyframes dropdownIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* Rich product dropdown panel */ .mega-menu { width: 22rem; padding: 0.5rem; background: #0f172a; border: 1px solid rgba(51, 65, 85, 0.8); border-radius: 1rem; box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.45); } .mega-menu-head { padding: 0.65rem 0.85rem 0.45rem; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: #f59e0b; } .mega-item { display: block; padding: 0.7rem 0.85rem; border-radius: 0.75rem; text-decoration: none; color: inherit; transition: background-color 0.15s ease, transform 0.15s ease; } .mega-item:hover { background: rgba(51, 65, 85, 0.65); } .mega-item-title { display: block; font-size: 0.8125rem; font-weight: 700; color: #f8fafc; margin-bottom: 0.15rem; } .mega-item:hover .mega-item-title { color: #fbbf24; } .mega-item-desc { display: block; font-size: 0.6875rem; line-height: 1.55; color: #94a3b8; } .mega-divider { height: 1px; background: rgba(51, 65, 85, 0.55); margin: 0.35rem 0.5rem; } /* Mobile rich menu items */ .mobile-group { background: rgba(2, 6, 23, 0.55); border: 1px solid #1e293b; border-radius: 0.9rem; padding: 0.65rem; margin: 0.5rem 0; } .mobile-group-title { display: block; font-size: 10px; font-weight: 700; color: #f59e0b; margin: 0.15rem 0.5rem 0.45rem; } .mobile-item { display: block; width: 100%; text-align: right; background: transparent; border: 0; border-radius: 0.65rem; padding: 0.65rem 0.75rem; cursor: pointer; color: inherit; } .mobile-item:hover { background: rgba(30, 41, 59, 0.9); } .mobile-item-title { display: block; font-size: 0.8125rem; font-weight: 600; color: #e2e8f0; margin-bottom: 0.1rem; } .mobile-item:hover .mobile-item-title { color: #fbbf24; } .mobile-item-desc { display: block; font-size: 0.6875rem; line-height: 1.5; color: #94a3b8; } .site-header-inner, .site-nav { overflow: visible; } /* گالری: نسبت ثابت ۳:۲ هماهنگ با خروجی build (1200×800) */ #gallery-grid .gallery-img { aspect-ratio: 3 / 2; height: auto; display: block; }