Custom Canopy Tents & Umbrellas | Crown Shades®

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: #f8f9fa; color: #333; line-height: 1.6; padding: 20px; } .container { max-width: 1200px; margin: 0 auto; background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; } .comparison-section { padding: 40px 20px; } .umbrellas-container { display: flex; gap: 20px; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; } .umbrella { flex: 1; min-width: 300px; max-width: 380px; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .umbrella:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .umbrella-header { padding: 25px 20px; text-align: center; border-bottom: 1px solid #eaeaea; } .umbrella-name { font-size: 1.6rem; font-weight: 700; color: #2a5fff; margin-bottom: 10px; } .umbrella-type { font-size: 1.1rem; color: #666; font-weight: 500; } .umbrella-image { height: 220px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid #eaeaea; background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%); } .umbrella-image img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; } .umbrella-features { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .feature { display: flex; align-items: center; margin: 15px 0; } .feature-icon { width: 50px; height: 50px; background: #f0f5ff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; color: #2a5fff; font-size: 1.4rem; } .feature-content { flex: 1; } .feature-title { font-weight: 700; font-size: 1.1rem; margin-bottom: 5px; color: #333; } .feature-desc { color: #666; font-size: 0.95rem; line-height: 1.4; } .traditional { border-top: 5px solid #36b9cc; } .traditional .umbrella-name { color: #36b9cc; } .traditional .feature-icon { background: #e6f4f6; color: #36b9cc; } .arched { border-top: 5px solid #1cc88a; } .arched .umbrella-name { color: #1cc88a; } .arched .feature-icon { background: #e6f4ee; color: #1cc88a; } .vertical { border-top: 5px solid #4e73df; } .vertical .umbrella-name { color: #4e73df; } .vertical .feature-icon { background: #eaecf5; color: #4e73df; } .features-comparison { background: #f8f9fa; padding: 40px; border-radius: 12px; margin-top: 30px; } .features-title { text-align: center; margin-bottom: 30px; font-size: 1.8rem; color: #333; } .comparison-table { width: 100%; border-collapse: collapse; } .comparison-table th, .comparison-table td { padding: 15px; text-align: center; border-bottom: 1px solid #eaeaea; } .comparison-table th { background-color: #2a5fff; color: white; font-weight: 600; } .comparison-table tr:nth-child(even) { background-color: #f1f5ff; } .feature-row { text-align: left; font-weight: 600; background: white !important; } @media (max-width: 992px) { .umbrellas-container { flex-direction: column; align-items: center; } .umbrella { width: 100%; max-width: 500px; } .comparison-table { display: block; overflow-x: auto; } } @media (max-width: 576px) { .comparison-section { padding: 25px 15px; } .umbrella-image { height: 180px; } .features-comparison { padding: 25px 15px; } .feature { flex-direction: column; text-align: center; } .feature-icon { margin-right: 0; margin-bottom: 10px; } } Traditional Shape Umbrella Classic design with modern features Manual Tilt 30° Tilt Button for Adjustable Sun Blocking Polyster Fabric Durable, 99% UV Blocking Patented Edge Slot Patented Edge Slot Instead of Fragile Pocket Connection Traditional Shape Traditional Patio Umbrella Edge Design Arched Valances Umbrella Elegant design with enhanced stability Auto Tilt Auto-Tilt Any Angle for Total Sun Control Olefin Fabric Fade-Resistant, More Durable Than Polyester Patented Edge Slot Patented Edge Slot Instead of Fragile Pocket Connection Arched Valances 45-Degree Patio Umbrella Edge Design for Greater Stability Vertical Valance Umbrella Premium design with maximum stability Auto Tilt Auto-Tilt Any Angle for Total Sun Control Olefin Fabric Fade-Resistant, More Durable Than Polyester Patented Edge Slot Patented Edge Slot Instead of Fragile Pocket Connection Vertical Valance Double Umbrella Frame, 90-Degree Vertical Umbrella Edge Design, Extra Stable Feature Comparison Feature Traditional Shape Arched Valances Vertical Valance Tilt Mechanism Manual Tilt Auto Tilt Auto Tilt Fabric Material Polyster Fabric Olefin Fabric Olefin Fabric Edge Design Traditional Shape Arched Valances Vertical Valance UV Protection 99% UV Blocking Fade-Resistant Fade-Resistant Stability Standard Greater Stability Extra Stable Connection System Patented Edge Slot Patented Edge Slot Patented Edge Slot