Ceiling Fans

关于

CHOOSE BY BLADE SIZE Find the perfect fit for your room .blade-size-section { max-width: 1180px; margin: 30px auto; padding: 0 16px; } .blade-size-heading { display: flex; align-items: center; justify-content: center; gap: 28px; text-align: center; margin-bottom: 24px; } .blade-size-heading span { width: 180px; height: 1.5px; background: #c9a53a; } .blade-size-heading h2 { margin: 0; font-size: 26px; letter-spacing: 1px; font-weight: 700; color: #111; } .blade-size-heading p { margin: 6px 0 0; font-size: 16px; color: #333; } .blade-size-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } .blade-size-card { display: block; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; background: #fff; transition: 0.25s ease; } .blade-size-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(0,0,0,0.08); } .blade-size-card img { width: 100%; display: block; aspect-ratio: 1 / 1.42; object-fit: cover; } .blade-size-section { margin-bottom: 0 !important; padding-bottom: 0 !important; } @media (max-width: 768px) { .blade-size-section { padding: 0 10px; margin: 22px auto; } .blade-size-heading { gap: 10px; margin-bottom: 16px; } .blade-size-heading span { width: 45px; } .blade-size-heading h2 { font-size: 16px; letter-spacing: 0.5px; } .blade-size-heading p { font-size: 12px; } .blade-size-grid { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; } .blade-size-card { min-width: 42%; scroll-snap-align: start; border-radius: 8px; } .blade-size-card img { aspect-ratio: 1 / 1.42; } }