.product-detail-container { --primary: #0056b3; /* Deep blue reflecting the product color */ --primary-hover: #004494; --text-main: #333333; --text-sub: #666666; --bg-body: #ffffff; --bg-card: #f8f9fa; --bg-soft: #e9ecef; --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.1); --border-color: #e0e0e0; --spacing-section: clamp(2.5rem, 5vw, 4rem); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; } /* Typography */ .product-detail-container h1 { font-size: clamp(32px, 4vw, 40px); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; color: var(--primary); } .product-detail-container h2 { font-size: clamp(24px, 3vw, 30px); font-weight: 600; margin-bottom: 1rem; } .product-detail-container h3 { font-size: 22px; font-weight: 600; margin-bottom: 0.75rem; } .product-detail-container p { font-size: 18px; margin-bottom: 1rem; color: var(--text-sub); } .product-detail-container .lead-text { font-size: 20px; color: var(--text-sub); margin-bottom: 1.5rem; } /* Layout & Components */ .section-block { margin-bottom: var(--spacing-section); } .image-placeholder { background-color: var(--bg-soft); border: 2px dashed var(--border-color); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: var(--text-sub); font-family: monospace; padding: 2rem; box-sizing: border-box; } .image-placeholder.hero-img { min-height: 400px; } .image-placeholder.feature-img { aspect-ratio: 4/3; width: 100%; } .badge-container { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1rem; } .badge { display: inline-block; padding: 0.4rem 0.8rem; background-color: var(--bg-soft); color: var(--primary); border-radius: 50px; font-size: 16px; font-weight: 500; } /* Intro Section */ .intro-section { text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; } /* Feature Sections */ .feature-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; } .feature-section.reversed { direction: rtl; } .feature-section.reversed .feature-copy { direction: ltr; } @media (max-width: 767px) { .feature-section, .feature-section.reversed { grid-template-columns: 1fr; direction: ltr; } .feature-media { order: -1; } } /* Text-only Feature */ .text-feature-block { background-color: var(--bg-card); padding: clamp(2rem, 4vw, 3rem); border-radius: var(--radius-lg); text-align: center; max-width: 900px; margin-left: auto; margin-right: auto; } /* Specifications */ .specs-container { background-color: var(--bg-card); padding: 2rem; border-radius: var(--radius-lg); } .specs-table { width: 100%; border-collapse: collapse; } .specs-table th, .specs-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; } .specs-table th { font-weight: 600; color: var(--text-main); width: 35%; } .specs-table td { color: var(--text-sub); } @media (max-width: 767px) { .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td { display: block; width: 100%; } .specs-table tr { margin-bottom: 1rem; border-bottom: none; } .specs-table th { display: none; } .specs-table td { padding: 0.75rem 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--border-color); } .specs-table td::before { content: attr(data-label); font-weight: 600; padding-right: 1rem; color: var(--text-main); } } /* FAQ */ .faq-item { margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); padding-bottom: 1rem; } .faq-question { font-size: 20px; font-weight: 600; color: var(--text-main); margin-bottom: 0.75rem; display: flex; align-items: center; } .faq-question::before { content: "Q."; color: var(--primary); margin-right: 0.75rem; font-weight: 700; } .faq-answer { font-size: 18px; color: var(--text-sub); margin-left: 2rem; } Interactive Squeaky Fun: The Bottle & Ball Toss Toy A unique, floating fetch toy combining a squeaky bottle shape with a real tennis ball inside for double the engagement. Designed for Interactive Fetch Two Toys in One Engaging Design This isn't just another chew toy. The translucent, bottle-shaped body houses a real, solid tennis ball, creating a visually stimulating puzzle. A built-in squeaker at the base activates during play, capturing your dog's attention for endless rounds of fetch. If the outer bottle eventually wears out, the internal tennis ball can be rescued for continued fun. Built-in Squeaker Internal Tennis Ball Safe Materials for Active Play Crafted from non-toxic Thermo-Plastic Rubber (TPR), this toy is designed to be soft on your dog's mouth and teeth during catches. The unique bottle shape offers various biting angles for easy carrying. Important Note: This hollow toy is designed specifically for interactive tossing and fetching games. It is NOT suitable for aggressive chewers or solo gnawing sessions. Soft TPR Rubber Gentle on Teeth Buoyant Design for Water Adventures Take the game from the park to the pool, beach, or lake. The lightweight, hollow construction ensures the toy floats high on the water's surface, making it highly visible and easy for your dog to retrieve during swimming activities. Floats in Water Perfect for Pool & Beac Specifications Material Thermo-Plastic Rubber (TPR) Body, Felt/Rubber Tennis Ball Dimensions Height: 7.8 in / Width: 2.2 in Color Translucent Blue with Neon Green Ball Key Features Squeaky base, Floats in water, Internal tennis ball Recommended Use Interactive fetch, Water play (Not for aggressive chewing) Frequently Asked Questions Is this toy suitable for aggressive chewers? No. This is a hollow toy designed for interactive fetch and water play. It is not built to withstand sustained, powerful chewing or gnawing. Does the toy float in water? Yes! The lightweight, hollow design allows it to float, making it excellent for games of fetch in pools, lakes, or at the beach. What happens if the outer bottle breaks? A unique feature of this toy is that if the outer TPR bottle gets damaged, the solid tennis ball inside can be taken out and used separately for fetch.
Related
Related
Related
Related