ANCHEE AC838

About

/* === AC838 COLLECTION HEADER STYLES === */ .ac838-header, .ac838-header *, .ac838-header *::before, .ac838-header *::after { box-sizing: border-box !important; } .ac838-header { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 1200px; margin: 0 auto 30px; padding: 0 16px; } .ac838-header .hero-banner { background: linear-gradient(135deg, #78350f 0%, #92400e 50%, #7c2d12 100%); border-radius: 16px; padding: 28px 24px; color: #fff; position: relative; overflow: hidden; margin-bottom: 16px; } .ac838-header .hero-banner::before { content: ""; position: absolute; top: -50%; right: -10%; width: 50%; height: 200%; background: radial-gradient(ellipse, rgba(251,191,36,0.2) 0%, transparent 70%); pointer-events: none; } .ac838-header .hero-banner::after { content: ""; position: absolute; bottom: 0; right: 0; width: 180px; height: 180px; background: url('https://cdn.shopify.com/s/files/1/0341/5608/5379/files/Anchee_AC838_Tyre_Side_View.png?v=1749523131') no-repeat center; background-size: contain; opacity: 0.25; pointer-events: none; } .ac838-header .hero-content { position: relative; z-index: 2; } .ac838-header .badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; } .ac838-header .badge { display: inline-block; padding: 5px 12px; border-radius: 20px; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .ac838-header .badge-amber { background: #f59e0b; color: #fff; } .ac838-header .badge-orange { background: #ea580c; color: #fff; } .ac838-header .badge-white { background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.3); } .ac838-header h1 { font-size: 1.6rem; font-weight: 800; margin: 0 0 10px; line-height: 1.2; } .ac838-header h1 span { color: #fcd34d; } .ac838-header .subtitle { font-size: 0.92rem; color: rgba(255,255,255,0.9); margin: 0 0 18px; line-height: 1.55; max-width: 700px; } .ac838-header .subtitle strong { color: #fff; } .ac838-header .stat