املاک لوکس و مدرن در عظیمیه، کرج

.dropdown { position: relative; display: inline-block; } .dropdown > a { cursor: pointer; } .dropdown-menu { display: none !important; position: absolute; top: 100%; right: 0; background: #1a1a2e; min-width: 200px; border-radius: 1rem; padding: 0.8rem 0; box-shadow: 0 15px 40px rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.08); z-index: 1000; } .dropdown-menu.show { display: block !important; } .dropdown-menu li { list-style: none; padding: 0; margin: 0; } .dropdown-menu li a { display: block; padding: 0.8rem 2rem; color: rgba(255,255,255,0.8); font-size: 1.4rem; transition: all 0.3s ease; text-decoration: none; } .dropdown-menu li a:hover { background: #C2185B; color: #fff; } .dropdown-menu li a i { margin-left: 0.8rem; color: #FFB300; } .mobile-dropdown-menu { display: none !important; background: #1a1a2e; border-radius: 1rem; padding: 0.5rem 0; margin-top: 0.5rem; } .mobile-dropdown-menu.show { display: block !important; } .mobile-dropdown-menu li { list-style: none; } .mobile-dropdown-menu li a { display: block; padding: 0.8rem 2rem; color: rgba(255,255,255,0.8); font-size: 1.4rem; transition: all 0.3s ease; text-decoration: none; } .mobile-dropdown-menu li a:hover { background: #C2185B; color: #fff; } .mobile-dropdown-menu li a i { margin-left: 0.8rem; color: #FFB300; } .mobile-dropdown-toggle { cursor: pointer; } .mobile-dropdown-toggle i { margin-left: 0.5rem; font-size: 1.2rem; } body { background: #1a0a3e; min-height: 100vh; background-image: radial-gradient(ellipse at 20% 30%, #6b2fa0 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, #c2185b 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, #3b1b6e 0%, transparent 60%), radial-gradient(ellipse at 10% 80%, #7c3aed 0%, transparent 40%), radial-gradient(ellipse at 90% 20%, #a855f7 0%, transparent 40%); background-attachment: fixed; } .page-header-custom { text-align: center; padding: 4rem 0; background: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.08); color: #fff; border-radius: 1.5rem; margin-bottom: 3rem; } .page-header-custom h1 { font-size: 3.5rem; font-family: "BTitr", "Entezar", "Vazir", Tahoma, sans-serif !important; color: #ffffff !important; } .page-header-custom h1 i { color: #FFB300; margin-left: 1rem; } .page-header-custom p { font-size: 1.6rem; opacity: 0.9; color: rgba(255,255,255,0.9); } .product-grid-custom { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } .product-card-custom { background: rgba(255, 255, 255, 0.08) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-radius: 1.5rem; padding: 2rem; text-align: center; border: 1px solid rgba(255, 255, 255, 0.1) !important; transition: all 0.3s ease; } .product-card-custom:hover { transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0,0,0,0.15); border-color: rgba(194, 24, 91, 0.4) !important; } .product-card-custom img { max-height: 180px; object-fit: contain; } .product-card-custom h3 { font-size: 2rem; margin: 1rem 0 0.5rem; font-family: "BTitr", "Entezar", "Vazir", Tahoma, sans-serif !important; color: #ffffff !important; } .product-card-custom .price { font-size: 2rem; color: #FFB300 !important; font-weight: 700; } .product-card-custom .price span { font-size: 1.4rem; color: rgba(255,255,255,0.5) !important; text-decoration: line-through; margin-right: 1rem; } .product-card-custom .description { font-size: 1.4rem; color: rgba(255,255,255,0.8); margin: 0.5rem 0 1.5rem; line-height: 2; } /* ====== استایل لینک‌های محصول ====== */ .product-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 0.5rem 0 1rem; } .product-links a { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 1rem; border-radius: 2rem; font-size: 1.2rem; text-decoration: none; transition: all 0.3s ease; } .product-links .phone-link { color: #4CAF50; border: 1px solid rgba(76, 175, 80, 0.2); background: rgba(76, 175, 80, 0.08); } .product-links .phone-link:hover { background: rgba(76, 175, 80, 0.2); transform: translateY(-2px); } .product-links .instagram-link { color: #E1306C; border: 1px solid rgba(225, 48, 108, 0.2); background: rgba(225, 48, 108, 0.08); } .product-links .instagram-link:hover { background: rgba(225, 48, 108, 0.2); transform: translateY(-2px); } .product-links .website-link { color: #42A5F5; border: 1px solid rgba(66, 165, 245, 0.2); background: rgba(66, 165, 245, 0.08); } .product-links .website-link:hover { background: rgba(66, 165, 245, 0.2); transform: translateY(-2px); } .btn-secondary { background: #C2185B; color: #fff; padding: 0.7rem 2.5rem; border-radius: 3rem; display: inline-block; font-weight: 500; font-size: 1.3rem; transition: all 0.3s ease; border: none; cursor: pointer; font-family: "Vazir", "Vazirmatn", Tahoma, sans-serif; } .btn-secondary:hover { background: #880E4F; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(194, 24, 91, 0.3); } .btn-back-custom { display: inline-block; margin-top: 2rem; padding: 1rem 3rem; background: #C2185B; color: #fff; border-radius: 3rem; text-decoration: none; font-size: 1.6rem; transition: all 0.3s ease; } .btn-back-custom:hover { background: #880E4F; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(194, 24, 91, 0.3); } .text-center { text-align: center; } .mt-4 { margin-top: 3rem; } @media (max-width: 768px) { .product-grid-custom { grid-template-columns: 1fr 1fr; } .page-header-custom h1 { font-size: 2.5rem; } } @media (max-width: 480px) { .product-grid-custom { grid-template-columns: 1fr; } }