:root { --primary: #1E3A8A; --primary-light: #EFF6FF; --accent: #EA580C; --text-main: #0F172A; --text-sub: #475569; --bg-body: #FFFFFF; --bg-card: #F8FAFC; --border-color: #E2E8F0; --radius-md: 8px; --radius-lg: 16px; --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); --shadow-md: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); } .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); overflow-wrap: break-word; word-break: break-word; line-height: 1.6; } .product-detail-container * { box-sizing: border-box; } .pd-h1 { font-size: clamp(34px, 5vw, 44px); line-height: 1.2; font-weight: 800; margin: 0 0 1rem 0; color: var(--text-main); letter-spacing: -0.02em; } .pd-h2 { font-size: clamp(26px, 4vw, 32px); line-height: 1.3; font-weight: 700; margin: 0 0 1rem 0; color: var(--text-main); } .pd-h3 { font-size: clamp(20px, 3vw, 24px); line-height: 1.4; font-weight: 600; margin: 0 0 0.75rem 0; } .pd-p { font-size: clamp(18px, 2vw, 20px); line-height: 1.7; color: var(--text-sub); margin: 0 0 1.5rem 0; } .pd-badge { display: inline-block; background-color: var(--primary-light); color: var(--primary); font-size: 16px; font-weight: 600; padding: 0.5rem 1rem; border-radius: 50px; margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 0.05em; } .pd-img-wrapper { width: 100%; border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-card); box-shadow: var(--shadow-sm); } .pd-img-wrapper img { width: 100%; height: auto; display: block; object-fit: contain; } .pd-section { margin-bottom: clamp(4rem, 8vw, 6rem); } .pd-hero { text-align: center; padding-top: clamp(2rem, 4vw, 4rem); } .pd-social-proof { font-size: 18px; font-weight: 600; color: var(--accent); margin-top: 1.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .pd-feature-item { display: flex; flex-direction: column; gap: clamp(2rem, 5vw, 4rem); margin-bottom: clamp(3rem, 6vw, 5rem); } .pd-feature-media, .pd-feature-copy { width: 100%; } .pd-feature-copy { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .pd-feature-item { flex-direction: row; align-items: center; } .pd-feature-item:nth-child(even) { flex-direction: row-reverse; } .pd-feature-media { flex: 5; } .pd-feature-copy { flex: 5; padding: 0 2rem; } } .pd-specs-container { background: var(--bg-card); padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius-lg); } .pd-table { width: 100%; border-collapse: collapse; margin-top: 2rem; } .pd-table th, .pd-table td { padding: 1.25rem 1rem; text-align: left; font-size: 18px; border-bottom: 1px solid var(--border-color); } .pd-table th { font-weight: 700; color: var(--text-main); background-color: var(--primary-light); } .pd-table td { color: var(--text-sub); } @media (max-width: 767px) { .pd-table, .pd-table thead, .pd-table tbody, .pd-table tr, .pd-table td { display: block; width: 100%; } .pd-table thead { display: none; } .pd-table tr { background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1.5rem; padding: 0.5rem; box-shadow: var(--shadow-sm); } .pd-table td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--border-color); padding: 1rem 0.5rem; text-align: center; flex-direction: column; } .pd-table td:last-child { border-bottom: none; } .pd-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); text-align: center; flex-shrink: 0; } } .pd-faq-list { display: flex; flex-direction: column; gap: 1.5rem; } .pd-faq-item { background: var(--bg-card); padding: clamp(1.5rem, 3vw, 2rem); border-radius: var(--radius-md); border-left: 4px solid var(--primary); } .pd-faq-q { font-size: clamp(20px, 3vw, 22px); font-weight: 700; color: var(--text-main); margin: 0 0 0.5rem 0; } .pd-faq-a { font-size: clamp(18px, 2.5vw, 19px); color: var(--text-sub); margin: 0; line-height: 1.6; } 🐾 Pet Travel Safety Ensure A Safe, Stress-Free Ride for Your Pet Keep every journey calm and secure with CarFriend — the ultimate car safety belt for dogs. This versatile leash not only protects your pet but also gives you peace of mind on every trip, whether it's to the park, vet, or a weekend getaway. ★★★★★ The Essential Accessory for Pet Owners on the Go Make Every Drive Tranquil CarFriend helps create a calmer experience by keeping your furry friend safely in place, reducing driver distractions and making every ride more relaxed and controlled for everyone in the car. Travel Made Easy From quick errands to road trips, switch seamlessly from car safety belt to walking leash without extra gear. Save time and keep your dog ready for any adventure. Customizable Fit for Every Pet With its adjustable fit, secure metal buckle, and anti-shock support, CarFriend ensures a perfect fit for pets of all sizes, making it the ideal travel companion for your furry friend. Product Specifications What makes CarFriend perfect for pet travel. Feature Specification Details Nylon Durable nylon construction perfect for car and outdoor use. Yes Adjustable length to fit any dog size and ensure comfort. Metal Secure metal buckle for reliable attachment. Multiple Available in Black, Blue, Pink, Purple, Red, and Sky Blue. Dual Functions as both a car safety belt and a walking leash. Frequently Asked Questions How do I use the CarFriend? Easily attach the CarFriend to your car's seatbelt slot and your pet's harness. When you're ready for a walk, simply detach and use it as a standard leash. Is it suitable for all dog sizes? Yes, the CarFriend is adjustable to fit dogs of various sizes comfortably and securely. Can it withstand strong pulls? Absolutely. The CarFriend features anti-shock support and durable construction to handle sudden movements and strong pulls. What is the return policy? We offer a 30-day return policy. If you’re not satisfied, return the product in its original condition for a full refund. Are there any color options? Yes, the CarFriend comes in Black, Blue, Pink, Purple, Red, and Sky Blue, allowing you to choose the one that best matches your style.
