Self-Inking Mini Cat Stamps
/* 1) Design System (CSS Variables) */ .product-detail-container { --primary: #FFD166; --primary-hover: #FFC233; --text-main: #2C2C2C; --text-sub: #5A5A5A; --bg-body: #FAFAFA; --bg -card: #FFFFFF; --bg-accent: #FFF9E6; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05); --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.08); --border-color: #EEEEEE; /* 0) Typography & Spacing System */ 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: clamp(2rem, 5vw, 4rem) 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: border-box; } /* Typography Utilities */ .product-detail-container h1 { font-size: clamp(32px, 4vw, 44px); font-weight: 800; line-height: 1.2; margin: 0 0 1rem 0; letter-spacing: -0.02em; } .product-detail-container h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 700; line-height: 1.3; margin: 0 0 1rem 0; color: var(--text-main); } .product-detail-container h3 { font-size: clamp(20px, 2.5vw, 24px); font-weight: 700; margin: 0 0 0.75rem 0; } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin: 0 0 1.5rem 0; } /* Media Protocol - Fixed Ratio Card */ .media-placeholder { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; background: #f0f0f0; border-radius: var(--radius-lg); border: 2px dashed #ccc; color: var(--text-sub); font-size: 16px; text-align: center; padding: 1rem; } /* Badges (Non-interactive) */ .badge-container { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 1.5rem; } .status-badge { display: inline-block; background: var(--bg-accent); color: #D48806; font-size: 16px; font-weight: 600; padding: 8px 16px; border-radius: 30px; border: 1px solid #FFE58F; } /* Layout Spacing */ .section-spacing { margin-top: clamp(3rem, 6vw, 5rem); margin-bottom: clamp(3rem, 6vw, 5rem); } /* Hero Section */ .hero-section { text-align: center; max-width: 800px; margin: 0 auto clamp(3rem, 6vw, 5rem); } .social-proof { display: inline-flex; align-items: center; gap: 8px; background: var(--bg-card); padding: 8px 20px; border-radius: 50px; box-shadow: var(--shadow-sm); font-size: 16px; font-weight: 600; margin-bottom: 1.5rem; border: 1px solid var(--border-color); } /* Mobile Ordering Lock (Features) */ .feature-item { display: flex; flex-direction: column; /* Mobile first: strict top-to-bottom */ gap: clamp(1.5rem, 4vw, 3rem); margin-bottom: clamp(3rem, 5vw, 4rem); } .feature-media, .feature-copy { width: 100%; } /* Specifications Table */ .specs-section { background: var(--bg-card); padding: clamp(2rem, 4vw, 3.5rem); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 1.5rem; } .specs-table th, .specs-table td { padding: 16px 20px; text-align: left; font-size: 18px; border-bottom: 1px solid var(--border-color); } .specs-table th { font-weight: 700; background-color: var(--bg-accent); color: var(--text-main); width: 40%; } .specs-table td { color: var(--text-sub); } /* FAQ Section */ .faq-list { display: flex; flex-direction: column; gap: 1.5rem; } .faq-card { background: var(--bg-card); padding: 1.5rem 2rem; border-radius: var(--radius-lg); border: 1px solid var(--border-color); } .faq-card h3 { font-size: clamp(18px, 2vw, 22px); margin-bottom: 0.5rem; color: var(--text-main); } .faq-card p { margin-bottom: 0; font-size: clamp(16px, 1.5vw, 18px); } /* Desktop Enhancements */ @media (min-width: 768px) { .feature-item { flex-direction: row; /* Z-Pattern activation */ align-items: center; } .feature-item.reverse { flex-direction: row-reverse; } .feature-media { flex: 1; } .feature-copy { flex: 1; padding: 0 5%; } } /* Mobile Table Overrides (Strict Card-based layout, NO horizontal scroll) */ @media (max-width: 767px) { .specs-table, .specs-table tbody, .specs-table tr, .specs-table td { display: block; width: 100%; } .specs-table thead { display: none; /* Hide traditional table headers */ } .specs-table tr { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 0.5rem 0; } .specs-table td { display: flex; flex-direction: column; /* Stacked for ultimate safety against overflow */ border-bottom: none; padding: 12px 16px; } .specs-table td:not(:last-child) { border-bottom: 1px dashed var(--border-color); } .specs-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); margin-bottom: 4px; font-size: 16px; } } ⭐ Loved by 10,000+ Journalers & Teachers Add Instant Purr-sonality to Every Page 8 playful black cat poses in a pocket-sized, self-inking stamp. Mess-free, quick-drying, and guaranteed to make you smile. 1000+ Impressions Kid-Friendly Ink 8 Playful Designs, One Click Each A dozen quirky black-cat poses add instant personality to whatever you touch. Whether you are decorating planners, bullet journals, greeting cards, or handing out classroom rewards, these expressive little cats bring life to paper with a single press. Mess-Free Self-Inking Mechanism Leave the messy ink pads behind. Our built-in black ink reservoir reloads automatically after every single press. Enjoy up to 1,000 crisp, solid impressions with absolutely zero bottles, spills, or clean-up required. Pocket-Sized & Kid-Friendly Compact 2.4-inch barrels fit perfectly into little hands and cramped pencil cases. Using non-toxic, quick-drying ink, your artwork stays totally smudge-free, making it a safe and fun creative tool at home, in school, or on the go. Product Specifications Specification Details Length 2.4 in / 6.1 cm Weight (per stamp) 0.5 oz / 15 g Ink Color Deep Black (Quick-dry formula) Impression Capacity Up to 1,000 stamps per unit Material Durable ABS plastic & Non-toxic ink Set Includes 8 Unique Cat Poses Frequently Asked Questions Do I need a separate ink pad? Not at all! Each mini cat stamp is fully self-inking. The mechanism re-inks the rubber design automatically after every press, giving you a perfect stamp every time without the mess. Will the ink bleed through my journal pages? Our ink is specially formulated to be quick-drying and surface-level. While extreme pressure on very thin paper might show, it is perfectly safe and bleed-free for standard bullet journals, planners, and crafting paper. Are these safe for small children? Yes, the ink is 100% non-toxic and washes off skin easily with mild soap and water. Because they are compact (2.4 inches), we recommend supervision for toddlers, but they are an excellent, mess-free craft for young kids and students.
More you might like
Related
Self-Inking Mini Cat Stamps
Related
Self-Inking Mini Cat Stamps
Related
Self-Inking Mini Cat Stamps
Related