Gold Foil Naturalization Display
:root { --primary: #0B2341; /* Deep Navy Blue */ --accent: #D4AF37; /* Gold Foil Accent */ --text-main: #1C232B; --text-sub: #4A5562; --bg-body: #FFFFFF; --bg-card: #F8FAFC; --bord er-color: #E2E8F0; --radius-md: 6px; --radius-lg: 12px; --shadow-sm: 0 4px 12px rgba(11, 35, 65, 0.05); --shadow-lg: 0 12px 32px rgba(11, 35, 65, 0.1); --font-heading: 'Georgia', 'Times New Roman', serif; --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --space-sm: clamp(1rem, 2vw, 1.5rem); --space-md: clamp(2rem, 5vw, 4rem); --space-lg: clamp(3rem, 8vw, 6rem); } /* Global Reset & Container */ .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; background-color: var(--bg-body); color: var(--text-main); font-family: var(--font-body); 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 System */ .product-detail-container h1, .product-detail-container h2, .product-detail-container h3 { font-family: var(--font-heading); color: var(--primary); margin-top: 0; margin-bottom: 1rem; line-height: 1.2; font-weight: 700; } .product-detail-container h1 { font-size: clamp(32px, 5vw, 44px); } .product-detail-container h2 { font-size: clamp(26px, 4vw, 34px); } .product-detail-container h3 { font-size: clamp(20px, 3vw, 24px); } .product-detail-container p { font-size: clamp(18px, 2vw, 20px); color: var(--text-sub); margin-bottom: 1.5rem; } /* Non-clickable Visual Badges */ .visual-badge { display: inline-block; background-color: var(--bg-card); color: var(--primary); border: 1px solid var(--border-color); padding: 0.5rem 1.2rem; border-radius: 50px; font-size: 16px; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 1px; } /* Image Placeholders / Rules */ .img-wrapper { width: 100%; aspect-ratio: 4 / 3; background-color: var(--bg-card); border: 2px dashed var(--border-color); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; margin-bottom: 1rem; } .img-wrapper img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; } .placeholder-text { font-size: 18px; color: var(--text-sub); font-weight: bold; text-align: center; padding: 1rem; } /* Hero Section */ .hero-section { text-align: center; margin-bottom: var(--space-lg); padding-top: var(--space-md); } .social-proof { display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 18px; font-weight: 600; color: var(--accent); margin-bottom: 1.5rem; } /* Feature Sections (Mobile Lock -> Z-Pattern) */ .features-container { display: flex; flex-direction: column; gap: var(--space-lg); margin-bottom: var(--space-lg); } .feature-item { display: flex; flex-direction: column; /* Mobile first: strictly Image top, Text bottom */ gap: var(--space-md); align-items: center; } .feature-media, .feature-copy { width: 100%; } @media (min-width: 768px) { .feature-item { flex-direction: row; justify-content: space-between; } .feature-item:nth-child(even) { flex-direction: row-reverse; } .feature-media, .feature-copy { width: 47%; } } /* Specifications Table (Card-based on Mobile) */ .specs-section { margin-bottom: var(--space-lg); background-color: var(--bg-card); padding: var(--space-md); border-radius: var(--radius-lg); } .specs-section h2 { text-align: center; margin-bottom: var(--space-md); } .specs-table-wrapper { width: 100%; } table { width: 100%; border-collapse: collapse; text-align: left; } th, td { padding: 1rem; font-size: 18px; border-bottom: 1px solid var(--border-color); } th { background-color: var(--primary); color: white; font-weight: 600; } td { color: var(--text-main); } @media (max-width: 767px) { table, thead, tbody, tr, th, td { display: block; width: 100%; } thead { display: none; /* Hide native table headers */ } tr { background-color: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 1rem; padding: 0.5rem; box-shadow: var(--shadow-sm); } td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--border-color); padding: 0.8rem 0.5rem; font-size: 16px; } td:last-child { border-bottom: none; } td::before { content: attr(data-label); font-weight: 600; color: var(--text-sub); margin-right: 1rem; flex-shrink: 0; } td span { text-align: right; } } /* FAQ Section */ .faq-section { margin-bottom: var(--space-lg); } .faq-section h2 { text-align: center; margin-bottom: var(--space-md); } .faq-list { display: flex; flex-direction: column; gap: 1.5rem; } .faq-item { background-color: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: var(--space-sm); box-shadow: var(--shadow-sm); } .faq-question { font-size: 20px; font-weight: 700; color: var(--primary); margin-bottom: 0.5rem; font-family: var(--font-heading); } .faq-answer { font-size: 18px; color: var(--text-sub); margin: 0; } The Official US Citizen Gift Honor the American Dream with Premium Protection Beautifully display your lifetime accomplishment in a luxurious navy blue and gold certificate holder. ★★★★★ Trusted by Thousands of New Americans Crafted for a Lifetime of Pride Made of heavy-duty pinhole grain padded leatherette. The beautiful shade of navy blue complements the colors of the American flag while providing a soft, luxurious touch. Professionally embellished with the authentic Great Seal of the United States of America in stunning shiny gold leaf foil. Meaningful Interior Details Opening the holder reveals a breathtaking interior. Color-printed with the Great Seal of the United States and the 14th Amendment honoring your "Right to have rights." A subtle, elegant watermark of the American Flag and American Eagle serves as the perfect backdrop for your certificate. Flawless Presentation & Security Your document is secured by four perfectly matched navy blue ribbon corners, ensuring a snug fit without damaging the edges. A premium glass-like sheet protector is integrated inside, safeguarding your certificate from dust, fingerprints, and aging for generations to come. Product Specifications Feature Specification (Imperial) Specification (Metric) Padded Leatherette & Gold Foil Premium Grade Premium Grade Outer Size 9 x 11.5 in 22.9 x 29.2 cm Fits Certificate Size 8.5 x 11 in 21.6 x 27.9 cm Cover Thickness 0.4 in 1.0 cm Certificate Years 2017 - 2026 2017 - 2026 Frequently Asked Questions Will this fit my naturalization certificate perfectly? Yes, the interior is specifically designed to fit the standard 8.5 x 11 inches USA citizenship certificates issued for the years 2017 through 2026. Does it include a protective sleeve inside? Absolutely. It features a built-in glass-like sheet protector that covers your certificate, keeping it completely safe from moisture, dust, and handling damage. Is this appropriate for a naturalization ceremony gift? It is highly recommended as a new American citizen gift. The luxurious design, gold foil stamping, and patriotic interior details make it a proud and elegant way to honor their lifetime achievement.
More you might like
Related
Gold Foil Naturalization Display
Related
Gold Foil Naturalization Display
Related
Gold Foil Naturalization Display
Related