AllCustom e-Gift Card
/* ======================================== ALLCUSTOM PRODUCT DESCRIPTION PREMIUM DESIGN SYSTEM - SCOPED STYLES ======================================== */ /* === CONTAINER & RESET S === */ .allcustom-product-description, .allcustom-product-description * { box-sizing: border-box; } .allcustom-product-description { width: 100%; max-width: 900px; margin: 0 auto; padding: 0; overflow-x: hidden; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; color: #925957; line-height: 1.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* === HERO SECTION === */ .allcustom-pd-hero { background: linear-gradient(135deg, #fdfaf7 0%, #f8f5ed 100%); border-radius: 10px; padding: 30px 28px; margin-bottom: 20px; border: 1px solid rgba(146, 89, 87, 0.12); box-shadow: 0 4px 16px rgba(109, 36, 36, 0.06); } .allcustom-pd-hero h2 { font-size: 24px; font-weight: 600; color: #6d2424; line-height: 1.3; letter-spacing: -0.01em; margin: 0 0 16px 0; border-bottom: 1px solid rgba(146, 89, 87, 0.15); padding-bottom: 12px; } .allcustom-pd-hero p { font-size: 16px; color: #925957; line-height: 1.75; margin: 0 0 16px 0; } .allcustom-pd-hero p:last-child { margin-bottom: 0; } .allcustom-pd-hero strong { color: #6d2424; font-weight: 600; } .allcustom-pd-hero em { color: #6d2424; font-style: italic; } /* === FEATURE SECTIONS === */ .allcustom-pd-section { background: #ffffff; border-radius: 8px; padding: 24px 26px; margin-bottom: 16px; border: 1px solid rgba(146, 89, 87, 0.12); box-shadow: 0 2px 8px rgba(109, 36, 36, 0.04); transition: all 0.25s ease; } .allcustom-pd-section:hover { box-shadow: 0 4px 12px rgba(109, 36, 36, 0.08); border-color: rgba(146, 89, 87, 0.18); } .allcustom-pd-section h3 { font-size: 18px; font-weight: 600; color: #6d2424; line-height: 1.3; margin: 0 0 14px 0; display: flex; align-items: center; gap: 10px; } .allcustom-pd-icon { width: 20px; height: 20px; flex-shrink: 0; transform: translateZ(0); } .allcustom-pd-icon svg { width: 100%; height: 100%; display: block; } .allcustom-pd-section p { font-size: 15px; color: #925957; line-height: 1.75; margin: 0; } .allcustom-pd-section p + p { margin-top: 12px; } .allcustom-pd-section ul { margin: 0; padding-left: 22px; list-style: none; } .allcustom-pd-section ul li { font-size: 15px; color: #925957; line-height: 1.75; margin-bottom: 10px; padding-left: 8px; position: relative; } .allcustom-pd-section ul li:last-child { margin-bottom: 0; } .allcustom-pd-section ul li::before { content: '•'; position: absolute; left: -14px; color: #6d2424; font-weight: 700; font-size: 18px; } /* === NUMBERED STEPS (extends the section list style) === */ .allcustom-pd-section ol.allcustom-pd-steps { margin: 0; padding-left: 26px; list-style: none; counter-reset: allcustom-step; } .allcustom-pd-section ol.allcustom-pd-steps li { font-size: 15px; color: #925957; line-height: 1.75; margin-bottom: 12px; padding-left: 8px; position: relative; counter-increment: allcustom-step; } .allcustom-pd-section ol.allcustom-pd-steps li:last-child { margin-bottom: 0; } .allcustom-pd-section ol.allcustom-pd-steps li::before { content: counter(allcustom-step) '.'; position: absolute; left: -18px; color: #6d2424; font-weight: 700; font-size: 15px; } .allcustom-pd-section strong { color: #6d2424; font-weight: 600; } /* === GUARANTEE SECTION === */ .allcustom-pd-guarantee { background: linear-gradient(135deg, #f8f5ed 0%, #fdfaf7 100%); border-radius: 8px; padding: 22px 26px; margin-bottom: 16px; border: 2px solid rgba(109, 36, 36, 0.15); box-shadow: 0 3px 12px rgba(109, 36, 36, 0.08); text-align: center; } .allcustom-pd-guarantee p { font-size: 16px; font-weight: 600; color: #6d2424; line-height: 1.6; margin: 0; } /* === CTA SECTION === */ .allcustom-pd-cta { background: linear-gradient(135deg, #6d2424 0%, #7d3030 100%); border-radius: 10px; padding: 28px 26px; text-align: center; border: 2px solid #6d2424; box-shadow: 0 6px 20px rgba(109, 36, 36, 0.15); } .allcustom-pd-cta h3 { font-size: 18px; font-weight: 600; font-style: italic; color: #ffffff !important; line-height: 1.5; margin: 0; } /* === RESPONSIVE BREAKPOINTS === */ /* Tablet - Large (≤989px) */ @media (max-width: 989px) { .allcustom-pd-hero { padding: 28px 24px; } .allcustom-pd-hero h2 { font-size: 22px; } .allcustom-pd-section { padding: 22px 24px; } .allcustom-pd-section h3 { font-size: 17px; } .allcustom-pd-guarantee, .allcustom-pd-cta { padding: 20px 24px; } } /* Mobile - Standard (≤749px) */ @media (max-width: 749px) { .allcustom-pd-hero { padding: 24px 20px; margin-bottom: 16px; } .allcustom-pd-hero h2 { font-size: 20px; margin-bottom: 14px; } .allcustom-pd-hero p { font-size: 15px; } .allcustom-pd-section { padding: 20px 20px; margin-bottom: 14px; } .allcustom-pd-section h3 { font-size: 16px; gap: 8px; } .allcustom-pd-icon { width: 18px; height: 18px; } .allcustom-pd-section p, .allcustom-pd-section ul li, .allcustom-pd-section ol.allcustom-pd-steps li { font-size: 14px; } .allcustom-pd-guarantee { padding: 18px 20px; } .allcustom-pd-guarantee p { font-size: 15px; } .allcustom-pd-cta { padding: 24px 20px; } .allcustom-pd-cta h3 { font-size: 16px; } } /* Mobile - XS (≤480px) */ @media (max-width: 480px) { .allcustom-pd-hero { padding: 22px 16px; } .allcustom-pd-hero h2 { font-size: 19px; } .allcustom-pd-hero p { font-size: 14px; } .allcustom-pd-section { padding: 18px 16px; } .allcustom-pd-section h3 { font-size: 15px; } .allcustom-pd-icon { width: 17px; height: 17px; } .allcustom-pd-section p, .allcustom-pd-section ul li, .allcustom-pd-section ol.allcustom-pd-steps li { font-size: 13px; } .allcustom-pd-guarantee { padding: 16px 16px; } .allcustom-pd-guarantee p { font-size: 14px; } .allcustom-pd-cta { padding: 22px 16px; } .allcustom-pd-cta h3 { font-size: 15px; } } /* Mobile - XXS (≤400px) */ @media (max-width: 400px) { .allcustom-pd-hero h2 { font-size: 18px; } .allcustom-pd-section h3 { font-size: 14px; } .allcustom-pd-cta h3 { font-size: 14px; } } /* === ACCESSIBILITY === */ @media (prefers-reduced-motion: reduce) { .allcustom-pd-section { transition: none; } .allcustom-pd-icon { transform: none; } } @media (prefers-contrast: high) { .allcustom-pd-hero, .allcustom-pd-section, .allcustom-pd-guarantee, .allcustom-pd-cta { border-width: 2px; } } When You Know They’d Love Something — Just Not Which One. A personalised gift only works if it’s the right one. But choosing on someone else’s behalf means guessing which design, which names, which photo. This hands the choosing to them. It arrives by email within minutes, and they browse, personalise and preview their own design before anything is made. They get exactly what they’d have picked. You still get to give it. How it works Choose an amount Add their name and email, write your message, and send it now or schedule it for a day you choose They receive an email from us with your message, and browse whatever they like They personalise it, see it on screen before confirming, and we make it in our studio What they receive A warm email from us with your message front and centre — not a plain code in a box. It tells them what you’ve given them and points them to where to begin. Send it straight away, or pick a date and it will arrive that morning. What they can choose Personalised posters — family crossword, photo collage, birth keepsake and more Pet portraits — hand-drawn from their own photo Photo prints and frames — their favourite picture, ready to display Personalised mugs — for the everyday reminder Everything on the site is fair game, including anything already reduced. Made to order, whatever they pick Every piece is made one at a time in our Auckland studio and hand-checked before it leaves us — and nothing in the parcel shows a price, so it can go straight to them. Good to know Arrives by email within minutes, or on a date you choose Never expires — there’s no rush to spend it Any balance left over stays on the card for next time If they choose something that costs more, they simply pay the difference Works on everything, including items already on sale Already know what they’d love? If it’s a portrait of their pet, we have a version made just for that — Gift a Pet Portrait. They still choose the photo, but they see exactly what they’re getting from the moment the email lands. Love it, or we’ll reprint — no questions asked. Give the gift. Let them choose the rest.