Zuri Sunglasses
.product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin: 0; padding: 0; } .intro-text { font-size: clamp(15px, 3.5vw, 16px); font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: border-color 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: clamp(16px, 4vw, 20px) 0; cursor: pointer; list-style: none; font-size: clamp(12px, 2.8vw, 13px); font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; min-height: 44px; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } @media (hover: hover) { .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; min-width: 20px; text-align: center; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(16px, 4vw, 20px); margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } @media (hover: hover) { .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } } .feature-item h3 { font-size: clamp(13px, 3vw, 14px); font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: clamp(13px, 3vw, 14px); font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; border-collapse: collapse; background: white; } @media (min-width: 1024px) { .size-table { font-size: 14px; } .size-table th, .size-table td { padding: 16px; } } @media (min-width: 768px) and (max-width: 1023px) { .size-table { font-size: 13px; } .size-table th, .size-table td { padding: 14px; } } @media (min-width: 480px) and (max-width: 767px) { .size-table { font-size: 12px; } .size-table th, .size-table td { padding: 12px; } } @media (min-width: 360px) and (max-width: 479px) { .size-table { font-size: 11px; } .size-table th, .size-table td { padding: 10px; } } @media (max-width: 359px) { .size-table { font-size: 10px; } .size-table th, .size-table td { padding: 8px; } } .size-table th { text-align: center; font-weight: 600; color: white; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); letter-spacing: 0.3px; white-space: nowrap; line-height: 1.3; vertical-align: middle; border: 1px solid rgba(255, 255, 255, 0.2); } .size-table td { border: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 400; text-align: center; white-space: nowrap; line-height: 1.4; vertical-align: middle; } .size-table tbody tr { transition: background 0.2s ease; } @media (hover: hover) { .size-table tbody tr:hover { background: #fef2f2; } } .size-note { font-size: clamp(12px, 2.8vw, 13px); color: #666; font-style: italic; margin-top: 16px; padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px); background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: clamp(14px, 3.2vw, 15px); font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .size-guide-image { width: 100%; height: auto; max-width: 600px; margin: 16px auto; display: block; border-radius: 8px; } @media (max-width: 767px) { .size-guide-image { max-width: 100%; } } Ray-Ban Zuri Bio-Based sunglasses – where modern design meets sustainable innovation.With their contemporary pillow-shaped Havana frame and solid dark grey lenses, the Zuri sunglasses are perfect for those who want to make a bold statement while staying comfortable. Crafted from bio-based materials, these sunglasses combine Ray-Ban's iconic style with eco-conscious design, offering a petite fit that's ideal for smaller faces. Whether you're hitting the streets or soaking up the sun, the Zuri delivers timeless style with a modern edge. Frame Description + Frame Shape Pillow Frame Color Polished Havana Frame Material Injected Bio-Based Temple Color Havana Lens Information + Lens Color Dark Grey Treatment Solid Color Lens Category 3N - High sun glare reduction Product Dimensions + Size 52-19 mm Lens Width 52 mm Bridge Width 19 mm Lens Height 35.6 mm Temple Length 145 mm Face Coverage & Fit + Face Coverage Petite - Best for smaller faces Bridge & Nosepads High Bridge Fit Most Popular Size 52-19 - Best for most faces Sizing Guide + Discover your ideal size with our easy-to-use guide. Follow the face-width method to identify the size best suited to you. Face Width Recommended Size Description Narrow 49-19 Card extends past outer eye corner Average 52-19 Card aligns with outer eye corner Wide 52-19 Card falls between corner and center How to measure: Stand in front of a mirror and hold a credit card steady, aligning one edge with the center of your nose. Check where the opposite edge aligns with your eye to determine your face width.
More you might like
Related
Zuri Sunglasses
Related
Zuri Sunglasses
Related
Zuri Sunglasses
Related