Pizza Ovens

About

Collections > Pizza Ovens > Description Block --> /* Container setup to sit naturally within Shopify collection pages */ .cd-pizza-wrapper { font-family: 'Lato', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.5; color: #1e293b; max-width: 1200px; margin: 0 auto; padding: 0; height: auto; } /* Custom Text Selection Styling */ .cd-pizza-wrapper ::selection { background: #fed7aa; color: #000000; } /* --- Hero Section Styles --- */ .cd-pizza-hero { display: flex; flex-wrap: wrap; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 20px; overflow: hidden; margin-bottom: 20px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); } .cd-hero-text { flex: 1 1 400px; padding: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .cd-hero-visual { flex: 1 1 400px; min-height: 350px; position: relative; overflow: hidden; } .cd-hero-visual img { width: 100%; height: 100%; object-fit: cover; display: block; } .cd-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.4), transparent); pointer-events: none; } .cd-hero-badge { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(4px); padding: 8px 16px; border-radius: 999px; font-size: 10px; font-weight: 800; color: #0f172a; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } /* --- Brand Tagging --- */ .cd-tag-top { display: inline-block; width: fit-content; background: #ffedd5; color: #c2410c; font-size: 10px; font-weight: 800; padding: 4px 12px; border-radius: 99px; text-transform: uppercase; margin-bottom: 12px; line-height: 1; white-space: nowrap; } .cd-pizza-wrapper h1 { font-size: 2.2em; font-weight: 800; color: #0f172a; margin: 0 0 16px 0; line-height: 1.1; text-align: left; } .cd-pizza-wrapper h2 { font-size: 1.5em; font-weight: 800; color: #0f172a; margin: 0 0 12px 0; text-dec