.product-detail-container { --primary: #E5949F; --primary-hover: #D47F8A; --text-main: #4A4A4A; --text-sub: #7A7A7A; --bg-body: #FFFFFF; --bg-card: #F8F8F8; --bg-soft: #FDF3F4; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 2px 4px rgba(0,0,0,0.05); --shadow-lg: 0 8px 16px rgba(0,0,0,0.08); --border-color: #EEEEEE; max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; color: var(--text-main); font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; } h1, h2, h3 { margin-top: 0; font-weight: 600; line-height: 1.2; } h1 { font-size: clamp(32px, 4vw, 44px); margin-bottom: 16px; } h2 { font-size: clamp(24px, 3vw, 32px); margin-bottom: 12px; } h3 { font-size: clamp(20px, 2.5vw, 24px); margin-bottom: 8px; } p { margin: 0 0 16px 0; font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); } .image-placeholder { width: 100%; height: auto; display: block; border-radius: var(--radius-md); } /* --- Modules --- */ .hero-section { padding-bottom: clamp(2rem, 5vw, 4rem); text-align: center; } .hero-badge { display: inline-block; padding: 6px 12px; background-color: var(--bg-soft); color: var(--primary); border-radius: 20px; font-weight: 500; font-size: 16px; margin-bottom: 16px; } .feature-section { display: grid; grid-template-columns: 1fr; gap: clamp(2rem, 4vw, 4rem); align-items: center; padding: clamp(2rem, 5vw, 4rem) 0; } .feature-copy .tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .tag { padding: 4px 10px; background-color: var(--bg-card); color: var(--text-sub); border-radius: 4px; font-size: 16px; } @media (min-width: 768px) { .feature-section { grid-template-columns: 1fr 1fr; } .feature-section:nth-child(even) .feature-media { order: 2; } .feature-section:nth-child(even) .feature-copy { order: 1; } } .spec-section, .faq-section { padding: clamp(2rem, 5vw, 4rem) 0; border-top: 1px solid var(--border-color); } .spec-table { width: 100%; border-collapse: collapse; margin-top: 24px; background-color: var(--bg-card); border-radius: var(--radius-md); overflow: hidden; } .spec-table th, .spec-table td { padding: 16px; text-align: left; border-bottom: 1px solid var(--border-color); } .spec-table th { background-color: var(--bg-soft); font-weight: 600; width: 40%; } .spec-table tr:last-child td, .spec-table tr:last-child th { border-bottom: none; } @media (max-width: 767px) { .spec-table, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; } .spec-table tr { margin-bottom: 16px; border: 1px solid var(--border-color); border-radius: var(--radius-md); background-color: var(--bg-card); } .spec-table td { padding-left: 50%; position: relative; border-bottom: 1px solid var(--border-color); } .spec-table td:last-child { border-bottom: none; } .spec-table td::before { content: attr(data-label); position: absolute; left: 16px; top: 16px; width: 45%; font-weight: 600; color: var(--text-sub); } } .faq-item { margin-bottom: 24px; } .faq-question { font-weight: 600; font-size: 20px; margin-bottom: 8px; color: var(--text-main); } .faq-answer { color: var(--text-sub); } ☀️ Essential Outdoor Protection Stay Cool & Covered: The Ultimate UPF 50+ Sun Hat Experience superior sun protection and all-day comfort with our breathable, wide-brim hat designed for active outdoor lifestyles. Maximum UPF 50+ Sun Defense Don't let the sun ruin your day. Our advanced fabric blocks over 99.999% of harmful UVA and UVB rays. The generous 3.5-inch wide brim provides extensive shade for your face, ears, and neck, allowing you to enjoy sunny adventures with confidence and peace of mind. UPF 50+ Certified Blocks 99.999% UV Full Face & Neck Coverage Breathe Freely with Airflow Mesh Say goodbye to overheating. Strategically placed mesh panels on the crown promote continuous air circulation, allowing heat and moisture to escape. The internal sweatband wicks away perspiration, keeping your head cool, dry, and comfortable even on the hottest days. Ventilated Mesh Moisture-Wicking Cool Comfort Ponytail-Ready & Perfectly Secure Designed with you in mind. A discreet opening at the back comfortably accommodates high ponytails or buns. The adjustable chin strap ensures your hat stays put during windy conditions, while the rear toggle lets you customize the head circumference for a snug, secure fit. Ponytail Opening Adjustable Chin Strap Custom Fit Toggle Foldable, Portable & Style-Versatile Your perfect travel companion. The crushable fabric allows you to easily fold and pack the hat into any bag without worrying about creases. Plus, side snap buttons give you the option to wear the brim up for a classic cowboy look or down for maximum shade, adapting to your style and needs. Packable Design Wrinkle-Resistant 2-in-1 Style Snap Product Specifications Material Lightweight, quick-drying fabric with mesh panels Sun Protection UPF 50+ (Blocks 99.999% of UV rays) Head Circumference Adjustable, approx. 22" - 23" (56-58.5 cm) Brim Width Approx. 3.5" (8.9 cm) Key Features Ponytail hole, adjustable chin strap, foldable, side snaps Available Colors Blue, Pink, Red, Purple (as per spec sheet) Frequently Asked Questions Is the hat truly packable? Will it lose its shape? Yes, the hat is designed to be fully foldable and crushable for easy packing. It is made from resilient materials that allow it to bounce back to its original shape after being unpacked. How do I clean this hat? We recommend hand washing the hat with mild soap and cold water. Gently reshape it and let it air dry. Avoid machine washing or using a dryer to maintain the integrity of the shape and the UPF coating. Will this fit my head size? The hat fits a head circumference of approximately 22 to 23 inches. It features an adjustable elastic drawcord at the back, allowing you to customize the fit for comfort and security.
Related
Related
Related
Related