/* -------------- ساختار عمومی ----------------*/ .section-padding { padding: 60px 0; } .section-title { font-size: 28px; font-weight: 700; color: var(--title-font-color); line-height: 1.6; } .section-body { font-size: 16px; line-height: 2; color: #888; } img { max-width: 100%; height: auto; } /* ------------------- بخش تاریخچه (History) --------------------*/ .about-history { background: #fffff; } .about-history img { max-width: 350px; } /* ------------------- چشم‌انداز و مأموریت --------------------*/ .about-vision-mission img, .about-mission img { border-radius: 12px; } /* ------------------- داستان ما (Story Box) --------------------*/ .about-story .story-box { background: #fffff; border: 1px solid #eee; border-radius: 20px; padding: 40px; transition: 0.3s; } .about-story .story-box:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07); } .story-box img { width: 70px; } /* ------------------- مشتریان --------------------*/ .customer-logo { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 15px 25px; margin: 10px; transition: 0.3s; } .customer-logo:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.05); } .customer-logo img { max-height: 70px; } /* ------------------- نظرات مشتریان --------------------*/ .testimonial-card { background: #fff; border-radius: 16px; padding: 25px; border: 1px solid #eee; height: 100%; transition: 0.25s; } .testimonial-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.05); } .testimonial-text { font-size: 15px; color: #888; line-height: 2; } .testimonial-avatar img { width: 55px; height: 55px; border-radius: 50%; object-fit: cover; } .testimonial-name { font-size: 16px; font-weight: 600; } .testimonial-position { font-size: 14px; color: #777; } /* Responsive */ @media (max-width: 768px) { .section-title { font-size: 22px; } .story-box { padding: 25px; } .testimonial-card { padding: 20px; } } /*Dark MODE*/ /* ============================ DARK MODE فعال‌سازی با: ============================ */ .dark-mode { background-color: #131313; color: #e8e8e8; } /* متن‌ها */ .dark-mode .section-title { color: #f4f4f4; } .dark-mode .section-body { color: #888; } /* ------------------- بخش تاریخچه --------------------*/ .dark-mode .about-history { background: #1a1a1a; } .dark-mode .about-history img { filter: brightness(0.9); } /* ------------------- داستان ما --------------------*/ .dark-mode .about-story .story-box { background: #1b1b1b; border-color: #333; } .dark-mode .about-story .story-box:hover { box-shadow: 0 10px 25px rgba(255, 255, 255, 0.05); } .dark-mode .story-box img { filter: brightness(0.85); } /* ------------------- مشتریان --------------------*/ .dark-mode .customer-logo { background: #1b1b1b; border-color: #333; } .dark-mode .customer-logo:hover { box-shadow: 0 8px 20px rgba(255, 255, 255, 0.05); } .dark-mode .customer-logo img { filter: brightness(0.85); } /* ------------------- نظرات مشتریان --------------------*/ .dark-mode .testimonial-card { background: #1b1b1b; border: 1px solid #333; } .dark-mode .testimonial-card:hover { box-shadow: 0 8px 20px rgba(255, 255, 255, 0.07); } .dark-mode .testimonial-text { color: #d2d2d2; } .dark-mode .testimonial-position { color: #aaaaaa; } /* آواتار مشتری */ .dark-mode .testimonial-avatar img { filter: brightness(0.85); } /* ------------------- واکنش‌گرا --------------------*/ @media (max-width: 768px) { .dark-mode .section-title { color: #f4f4f4; } }