Silicone Fish Spatula
/* Design System (CSS Variables) - Clean & Organized Theme */ .product-set-container { --primary: #1E3A8A; /* Blue 900 - Deep navy */ --primary-hover: #1E40AF; --accent: #0EA5E9; / * Sky 500 - Clean bright blue */ --accent-light: #F0F9FF; /* Sky 50 */ --text-main: #334155; /* Slate 700 */ --text-sub: #64748B; /* Slate 500 */ --bg-body: #F8FAFC; /* Slate 50 */ --bg-card: #FFFFFF; --border-color: #E2E8F0; /* Slate 200 */ --radius-md: 16px; --radius-lg: 24px; --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.08), 0 4px 10px -2px rgba(0, 0, 0, 0.04); /* Typography & Spacing System */ --spacing-section: clamp(3rem, 6vw, 5rem); --spacing-module: clamp(2rem, 5vw, 4rem); font-family: 'Inter', -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.6; } .product-set-container *, .product-set-container *::before, .product-set-container *::after { box-sizing: inherit; } /* Typography Scale */ .product-set-container h1, .product-set-container h2, .product-set-container h3 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--primary); margin: 0 0 1rem 0; font-weight: 800; letter-spacing: -0.02em; } .product-set-container h1 { font-size: clamp(28px, 4vw, 42px); line-height: 1.2; } .product-set-container .subtitle { font-size: clamp(14px, 2vw, 16px); color: var(--accent); font-weight: 800; margin: 0 0 1rem 0; text-transform: uppercase; letter-spacing: 0.1em; } .product-set-container h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.3; margin: 0 0 1.5rem 0; position: relative; padding-bottom: 0.75rem; } .product-set-container h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background-color: var(--accent); border-radius: 4px; } .product-set-container h3 { font-size: clamp(20px, 2.5vw, 24px); line-height: 1.4; margin: 0 0 1rem 0; display: flex; align-items: center; gap: 10px; } .product-set-container p { font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); margin: 0 0 1.5rem 0; } /* Badges */ .detail-badge-group { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 2rem; } .detail-badge { display: inline-flex; align-items: center; padding: 8px 16px; background: var(--bg-card); border: 2px solid var(--accent-light); border-radius: 12px; font-size: 14px; font-weight: 700; color: var(--primary); box-shadow: var(--shadow-sm); transition: transform 0.2s ease; } .detail-badge:hover { transform: translateY(-2px); } .detail-badge.accent { background: var(--accent); color: #FFF; border-color: var(--accent); } /* Image Protocol & Placeholders */ .img-placeholder { width: 100%; background-color: var(--bg-card); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: var(--shadow-sm); margin-bottom: 1.5rem; border: 1px solid var(--border-color); position: relative; } .img-placeholder::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius-lg); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05); pointer-events: none; } .img-placeholder img { width: 100%; height: auto; display: block; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .img-placeholder:hover img { transform: scale(1.03); } /* Modules */ .hero-section { text-align: center; margin-top: 3rem; margin-bottom: var(--spacing-section); background: var(--bg-card); padding: 4rem 2rem; border-radius: var(--radius-lg); border: 1px solid var(--border-color); box-shadow: var(--shadow-lg); background-image: radial-gradient(circle at top right, var(--accent-light) 0%, transparent 40%); } .hero-section h2::after { left: 50%; transform: translateX(-50%); } .hero-section .detail-badge-group { justify-content: center; } .hero-description { max-width: 700px; margin: 0 auto 2rem auto; } /* Z-Pattern Features */ .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); box-shadow: var(--shadow-sm); margin-bottom: 2rem; border: 1px solid var(--border-color); } .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 2rem; margin-bottom: 1rem; border: 1px solid var(--border-color); border-left: 4px solid var(--accent); transition: all 0.2s ease; } .faq-item:hover { box-shadow: var(--shadow-sm); transform: translateX(4px); } .faq-question { font-size: clamp(16px, 2vw, 18px); font-weight: 700; color: var(--primary); margin-bottom: 0.5rem; } .faq-answer { font-size: clamp(15px, 1.8vw, 16px); color: var(--text-sub); margin: 0; } /* Desktop Enhancements */ @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: 1.25rem 1.5rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 16px; } .specs-table th { font-weight: 700; color: var(--primary); width: 35%; background-color: var(--accent-light); font-size: 15px; } .specs-table tr:first-child th { border-top-left-radius: 12px; } .specs-table tr:last-child td, .specs-table tr:last-child th { border-bottom: none; } .specs-table tr:last-child th { border-bottom-left-radius: 12px; } } /* Mobile Specs Table Lock */ @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-card); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 1.25rem; } .specs-table td { display: flex; flex-direction: column; padding: 0.75rem 0; border-bottom: 1px solid var(--bg-body); font-size: 15px; text-align: left; } .specs-table td:last-child { border-bottom: none; padding-bottom: 0; } .specs-table td::before { content: attr(data-label); font-weight: 800; color: var(--accent); text-transform: uppercase; margin-bottom: 0.25rem; font-size: 12px; letter-spacing: 0.05em; } } Premium Kitchen Essentials Professional Silicone Fish Spatula The perfect balance between strength and flexibility. Designed for nonstick cookware, this professional spatula allows you to easily slide under delicate foods like fish fillets, eggs, and pancakes without breaking them. 🍳 Nonstick Safe 🌡️ Up to 446°F 🔪 1mm Thin Blade 🧼 Dishwasher Safe 🥞 Perfect for Fish, Eggs and Pancakes This professional fish spatula is ideal for flipping fish fillets, eggs, pancakes, and more. The medium-sized flexible turner offers the perfect balance between strength and flexibility, allowing you to easily slide under delicate foods without breaking them. 🛡️ Safe Food-Grade Silicone Material Made from BPA-free food-grade silicone, this spatula is safe for everyday cooking. It withstands temperatures up to 446°F (230°C) without melting or deforming, ensuring safe and reliable kitchen use. 🔪 Ultra-Thin Flexible Blade The slotted spatula features a thin 1mm blade that is flexible yet durable. It easily slides under delicate foods like omelets and fish while still strong enough to lift heavier foods such as steaks. 🔥 Comfortable Heat-Resistant Handle The ergonomic anti-scald silicone handle stays cool and comfortable during cooking. Its non-slip design provides a secure grip while protecting your hands from heat. ✨ Easy to Clean and Store This spatula is dishwasher safe and easy to clean after use. The hanging hole design makes it convenient to store and keeps your kitchen organized. 📋 Specifications Specification Details Product Type Silicone Fish Spatula Material Food Grade Silicone + Stainless Steel Heat Resistance 446°F / 230°C Blade Thickness 1 mm Application Fish / Eggs / Pancakes / Steak ❓ FAQ Q1: Is this spatula safe for nonstick cookware? Yes, the soft silicone edge protects nonstick pans from scratches. Q2: Is it heat resistant? Yes, it can withstand temperatures up to 446°F (230°C). Q3: Can it flip delicate foods? Yes, the thin flexible blade easily slides under delicate foods like fish and omelets. Q4: Is it dishwasher safe? Yes, it is dishwasher safe for easy cleaning.
More you might like
Related
Handle Fish Spatula Silicone Spatula Fried Fish and Egg Spat
Related
Nonstick Fish Spatula, Thin Slotted Spatulas Turner Silicone
Related
Silicone Fish Turner Spatula, Slotted Silicone Fish Spatulas
Related