✦ Verified product
Expandable Shower Sponge
USD 12.95
Colour Name
Pack Size
Varitino
Verified independent store
→
/* 1) Design System (CSS Variables) */ .product-detail-container { --primary: #1A1A1A; --primary-hover: #333333; --text-main: #2C3E50; --text-sub: #596A7A; --bg-body: #FFFFFF; --bg
-card: #F8F9FA; --border-color: #E2E8F0; --radius-md: 10px; --radius-lg: 18px; --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08); /* Typography & Spacing System */ --spacing-section: clamp(2.5rem, 6vw, 5rem); --spacing-module: clamp(2rem, 5vw, 4rem); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background-color: var(--bg-body); max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; line-height: 1.7; } .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after { box-sizing: inherit; } /* Typography Scale */ .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); line-height: 1.2; color: var(--primary); margin: 0 0 1rem 0; font-weight: 700; letter-spacing: -0.02em; } .product-detail-container h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; color: var(--text-main); margin: 0 0 1rem 0; font-weight: 600; } .product-detail-container h3 { font-size: clamp(20px, 2.5vw, 24px); line-height: 1.4; color: var(--primary); margin: 0 0 1rem 0; font-weight: 600; } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin: 0 0 1.5rem 0; } /* Badges (Non-interactive) */ .detail-badge-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 2rem; } .detail-badge { display: inline-flex; align-items: center; padding: 8px 16px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 30px; font-size: 16px; font-weight: 500; color: var(--text-main); } /* Image Protocol & Placeholders */ .detail-img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); } .img-placeholder { width: 100%; background-color: var(--bg-card); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; overflow: hidden; } .img-placeholder img { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); } /* Modules */ .hero-section { text-align: center; margin-top: 2rem; margin-bottom: var(--spacing-section); } .hero-section .detail-badge-group { justify-content: center; } /* Z-Pattern Features (Mobile Lock strictly enforced) */ .feature-list { display: flex; flex-direction: column; gap: var(--spacing-section); margin-bottom: var(--spacing-section); } .feature-item { display: flex; flex-direction: column; gap: 2rem; align-items: center; } .feature-media, .feature-copy { width: 100%; } /* Specs Table */ .specs-section { margin-bottom: var(--spacing-section); } .specs-table-wrapper { background: var(--bg-card); border-radius: var(--radius-lg); padding: clamp(1.5rem, 3vw, 3rem); } .specs-table { width: 100%; border-collapse: collapse; } /* FAQ Section */ .faq-section { margin-bottom: var(--spacing-section); } .faq-item { background: var(--bg-card); border-radius: var(--radius-md); padding: 1.5rem; margin-bottom: 1rem; } .faq-question { font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } .faq-answer { font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); margin: 0; } /* Desktop Enhancements (Z-Pattern & Table) */ @media (min-width: 768px) { .feature-item { flex-direction: row; gap: var(--spacing-module); } .feature-item.reverse { flex-direction: row-reverse; } .feature-media, .feature-copy { flex: 1; } .feature-copy { padding: 0 2rem; } .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(--primary); width: 35%; } .specs-table tr:last-child td, .specs-table tr:last-child th { border-bottom: none; } } /* Mobile Specs Table Lock (Card Based) */ @media (max-width: 767px) { .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td { display: block; width: 100%; } .specs-table thead { display: none; } .specs-table tr { background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 1rem; box-shadow: var(--shadow-sm); } .specs-table td { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0; border-bottom: 1px solid var(--bg-card); font-size: 16px; text-align: right; } .specs-table td:last-child { border-bottom: none; padding-bottom: 0; } .specs-table td::before { content: attr(data-label); font-weight: 600; color: var(--primary); text-align: left; flex-basis: 40%; margin-right: 1rem; } } 2-in-1 Expandable Shower Sponge & Back Brush Effortless Reach with Expandable Design 🚿 Quick-Drying Mesh 🧼 Gentle Exfoliation Stretches up to 17.7 inches (45cm) for full back coverage and retracts to just 4.7 inches (12cm) for compact storage. Perfect for reaching hard-to-clean areas with ease. 3D Mesh for Rich, Creamy Lather High-density spiral mesh instantly creates abundant foam for gentle yet effective cleansing. Enjoy consistent lather and mild exfoliation wash after wash. Reinforced Pull Rope for Better Grip Designed with a strong pull rope for stable handling and smooth back cleaning. Combines the fluffiness of a shower puff with the reach of a back brush. Quick-Drying & Hygienic Storage Lightweight mesh dries quickly to reduce moisture build-up. Includes a suction hook for elevated storage on tile or glass. 5.5" Wide Body Coverage The wide 5.5-inch surface comfortably wraps around back, shoulders, legs, and arms for efficient full-body washing. Specifications & Care Care Tips: For hygiene, replace your shower sponge every 2–3 months. Fully expand the mesh before first use. Specification Details Extended Length 17.7 Inches (45cm) Compact Length 4.7 Inches (12cm) Width 5.5 Inches Material Durable Nylon Mesh Function Exfoliating & Body Cleansing Frequently Asked Questions Is it suitable for sensitive skin? Yes. The mesh provides gentle exfoliation without harsh irritation. Does it dry quickly? Yes. The quick-dry mesh helps prevent moisture build-up. Can it reach the entire back? Yes. It stretches to 17.7 inches for full coverage. How often should it be replaced? For hygiene reasons, it is recommended to replace every 2–3 months.
