/* MFE brand colour theme — GENERATED by scripts/mfe-theme-build.py from store/store.css. Colour declarations only (no layout). Linked ONLY from the MFE brand pages, never from the Iron Lilly store, product, cart or checkout pages. Do not edit by hand. */ :root { --bg: #0C0C0C; --surface: #181818; --surface-2: #222222; --border: #2F2F2F; --accent: #E9A81C; --accent-hi: #1AF5E0; } .topbar { background: rgba(12,12,12,0.85); } .mvn-toast { box-shadow: 0 10px 30px rgba(10,10,10,.4); } :root { --mvp-bg-deep: #0A0A0A; --mvp-bg: #0C0C0C; --mvp-surface: #181818; --mvp-surface-2: #222222; --mvp-border: #2F2F2F; --mvp-gold: #E9A81C; --mvp-gold-hi: #1AF5E0; --mvp-gold-deep: #E9A81C; --mvp-gold-foil: linear-gradient(#1AF5E0, #1AF5E0); --mvp-shadow-lg: 0 30px 80px -20px rgba(10,10,10,.55), 0 0 0 1px rgba(233,168,28,.02); } .mvp-nav { background: rgba(12,12,12,.82); } .mvp-drawer { background: rgba(10,10,10,.94); } .mvp-hero::before { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)); } .mvp-btn-primary { box-shadow: 0 12px 32px -8px rgba(233,168,28,.35); } .mvp-btn-primary:hover { box-shadow: 0 16px 40px -8px rgba(233,168,28,.5); } .mvp-cta-band::before { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)); } :root { --store-primary: #101010; --store-secondary: #E9A81C; } .flag-hero { border-bottom: 1px solid rgba(233,168,28,.18); } .flag-hero-vignette { background: linear-gradient(rgba(16,16,16,0.5), rgba(16,16,16,0.5)), linear-gradient(rgba(16,16,16,0.38), rgba(16,16,16,0.38)); } .flag-hero-title { text-shadow: 0 2px 24px rgba(10,10,10,.45); } .flag-hero-desc { text-shadow: 0 1px 12px rgba(10,10,10,.5); } .store-cart { background: rgba(16,16,16,.55); } .store-cart-count { color: #101010; } .flag-section { border-top: 1px solid rgba(233,168,28,.10); } .dir-hero { border-bottom: 1px solid rgba(233,168,28,.18); } .dir-card { border: 1px solid rgba(233,168,28,.18); } .dir-card:hover { box-shadow: 0 12px 40px rgba(10,10,10,.4); } .dir-card-poster { background: #101010; } .dir-featured { color: #101010; } .dir-badge { border: 1px solid rgba(233,168,28,.32); } .flag2-hero { background: var(--mvp-bg, #101010); border-bottom: 1px solid rgba(233,168,28,.22); } .flag2-hero-grain { background-image: linear-gradient(rgba(255,255,255,0.01), rgba(255,255,255,0.01)); } .flag2-hero-vignette { background: linear-gradient(rgba(16,16,16,0.51), rgba(16,16,16,0.51)), linear-gradient(rgba(16,16,16,0.4), rgba(16,16,16,0.4)); } .flag2-eyebrow-pill { border: 1px solid rgba(233,168,28,.55); background: rgba(16,16,16,.4); } .flag2-hero-title { text-shadow: 0 2px 32px rgba(10,10,10,.55); } .flag2-hero-desc { text-shadow: 0 1px 12px rgba(10,10,10,.5); } .flag2-story { background: linear-gradient(#101010, #101010); border-bottom: 1px solid rgba(233,168,28,.10); } .flag2-band { border-top: 1px solid rgba(233,168,28,.08); } .flag2-card { border: 1px solid rgba(233,168,28,.16); } .flag2-card:hover { box-shadow: 0 14px 44px rgba(10,10,10,.4); } .flag2-card-img { background: #101010; } .flag2-card-img img { filter: drop-shadow(0 12px 30px rgba(10,10,10,.45)); } .flag2-save { color: #101010; } .flag2-band--vip { background: linear-gradient(rgba(233,168,28,0.02), rgba(233,168,28,0.02)), var(--mvp-bg, #101010); border-top: 1px solid rgba(233,168,28,.32); border-bottom: 1px solid rgba(233,168,28,.16); } .flag2-vip-card { border: 1px solid rgba(233,168,28,.28); } .flag2-vip-card:hover { box-shadow: 0 14px 44px rgba(10,10,10,.4); } .flag2-vip-img { background: #101010; } .flag2-dealer-ribbon { color: #101010; background: linear-gradient(#1AF5E0, #1AF5E0); } .flag2-foot-cta { border-top: 1px solid rgba(233,168,28,.18); background: linear-gradient(#101010, #101010); } body.store-iron-lilly { --il-black-deep: #0B0B0B; --il-black-rich: #161616; --il-cream: #F9F0DB; --il-orange: #E9A81C; --il-orange-bright: #E9A81C; --il-yellow: #E9A81C; --il-yellow-warm: #E9A81C; --il-gold-cinematic:#E9A81C; } body.store-iron-lilly .flag2-hero { border-bottom: 1px solid rgba(233,168,28,.32); } body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(11,11,11,0.39), rgba(11,11,11,0.39)), linear-gradient(rgba(11,11,11,0.51), rgba(11,11,11,0.51)); } body.store-iron-lilly .flag2-eyebrow-pill { background: linear-gradient(rgba(200,40,28,0.15), rgba(200,40,28,0.15)); border-color: rgba(233,168,28,.65); } body.store-iron-lilly .flag2-hero-logo { filter: drop-shadow(0 6px 26px rgba(200,40,28,.32)) drop-shadow(0 2px 10px rgba(10,10,10,.6)); } body.store-iron-lilly .flag2-hero-title { background: linear-gradient(#FFFFFF, #FFFFFF); text-shadow: 0 0 40px rgba(200,40,28,.45), 0 2px 28px rgba(10,10,10,.65); } .flag2-hero-truestory { text-shadow: 0 1px 10px rgba(10,10,10,.55); } body.store-iron-lilly .flag2-cta-primary { box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 10px 30px rgba(200,40,28,.45), 0 0 36px rgba(233,168,28,.18); } body.store-iron-lilly .flag2-cta-primary:hover { box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 16px 40px rgba(200,40,28,.55), 0 0 56px rgba(233,168,28,.42); } body.store-iron-lilly .flag2-cta-ghost { border-color: rgba(233,168,28,.55); } body.store-iron-lilly .flag2-cta-ghost:hover { background: rgba(233,168,28,.12); box-shadow: 0 0 24px rgba(233,168,28,.32); } body.store-iron-lilly .flag2-story { border-bottom: 1px solid rgba(233,168,28,.18); } body.store-iron-lilly .flag2-story-rule { box-shadow: 0 0 14px rgba(233,168,28,.45); } body.store-iron-lilly .flag2-band { border-top: 1px solid rgba(233,168,28,.10); } body.store-iron-lilly .flag2-band:not(:first-child)::before { background: linear-gradient(rgba(233,168,28,0.12), rgba(233,168,28,0.12)); } body.store-iron-lilly .flag2-card { background: linear-gradient(rgba(11,11,11,0.32), rgba(11,11,11,0.32)); border: 1px solid rgba(233,168,28,.20); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 20px rgba(10,10,10,.4); } body.store-iron-lilly .flag2-card:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(233,168,28,.55), 0 22px 60px rgba(200,40,28,.32), 0 0 60px rgba(233,168,28,.12); } body.store-iron-lilly .flag2-card-img { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), var(--il-black-deep); } body.store-iron-lilly .badge { box-shadow: 0 0 16px rgba(233,168,28,.4); } body.store-iron-lilly .flag2-save { box-shadow: 0 0 18px rgba(233,168,28,.55); } body.store-iron-lilly .flag2-band--featured .flag2-card--hero .flag2-card-img::before { box-shadow: 0 4px 14px rgba(10,10,10,.55), 0 0 16px rgba(233,168,28,.25); } body.store-iron-lilly .flag2-band--vip { background: linear-gradient(rgba(200,40,28,0.03), rgba(200,40,28,0.03)), var(--il-black-deep); border-top: 1px solid rgba(233,168,28,.45); border-bottom: 1px solid rgba(233,168,28,.18); } body.store-iron-lilly .flag2-vip-card { background: linear-gradient(rgba(11,11,11,0.38), rgba(11,11,11,0.38)); border-color: rgba(233,168,28,.35); } body.store-iron-lilly .flag2-vip-card:hover { box-shadow: 0 0 0 1px rgba(233,168,28,.45), 0 20px 56px rgba(200,40,28,.32); } body.store-iron-lilly .flag2-band--dealer { background: linear-gradient(rgba(200,40,28,0.03), rgba(200,40,28,0.03)); } .flag2-hero--404 { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), var(--mvp-bg, #101010); } .flag2-hero--404 .flag2-hero-tagline { color: var(--mvp-gold, #E9A81C); } .dir2-hero { border-bottom: 1px solid rgba(233,168,28,.18); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), var(--mvp-bg, #101010); } .dir2-meta strong { color: var(--mvp-gold, #E9A81C); } .dir2-meta .dot { color: var(--mvp-gold, #E9A81C); } .dir2-card { background: linear-gradient(rgba(16,16,16,0.26), rgba(16,16,16,0.26)); border: 1px solid rgba(233,168,28,.22); } .dir2-card:hover { border-color: var(--mvp-gold, #E9A81C); box-shadow: 0 24px 64px rgba(10,10,10,.55), 0 0 0 1px rgba(233,168,28,.28); } .dir2-poster { background: #0B0B0B; } .dir2-poster-grad { background: linear-gradient(180deg, rgba(10,10,10,0) 30%, rgba(11,11,11,.7) 75%, rgba(11,11,11,.92) 100%); } .dir2-ribbon--featured { background: linear-gradient(#1AF5E0, #1AF5E0); } .dir2-ribbon--official { background: rgba(11,11,11,.85); color: var(--mvp-gold, #E9A81C); border: 1px solid rgba(233,168,28,.55); } .dir2-card-logo { filter: drop-shadow(0 4px 18px rgba(10,10,10,.65)); } .dir2-tier { color: var(--mvp-gold, #E9A81C); text-shadow: 0 2px 10px rgba(10,10,10,.65); } .dir2-card-tagline { color: var(--mvp-gold, #E9A81C); } .dir2-badge { color: var(--mvp-gold, #E9A81C); border: 1px solid rgba(233,168,28,.35); } .dir2-card-cta { color: var(--mvp-gold, #E9A81C); } .dir2-card--iron-lilly { border-color: rgba(233,168,28,.32); } .dir2-card--iron-lilly:hover { box-shadow: 0 24px 64px rgba(200,40,28,.36), 0 0 0 1px rgba(233,168,28,.42), 0 0 80px rgba(233,168,28,.12); } .dir2-card--iron-lilly .dir2-card-tagline { color: var(--il-yellow-warm, #E9A81C); } .dir2-card--iron-lilly .dir2-tier { color: var(--il-yellow-warm, #E9A81C); } .dir2-card--iron-lilly .dir2-badge { border-color: rgba(233,168,28,.45); color: var(--il-yellow-warm, #E9A81C); } .dir2-card--iron-lilly .dir2-card-cta { color: var(--il-yellow-warm, #E9A81C); } :root { --mo-navy: #1F1F1F; --mo-navy-2: #303030; --mo-bg: #181818; --mo-bg-2: #282828; --mo-orange: #E9A81C; --mo-red: #1AF5E0; --mo-magenta: #1AF5E0; --mo-purple: #E9A81C; --mo-blue: #E9A81C; --mo-grad: linear-gradient(#1AF5E0, #1AF5E0); --mo-grad-soft: linear-gradient(rgba(233,168,28,0.2), rgba(233,168,28,0.2)); --mo-grad-line: linear-gradient(#1AF5E0, #1AF5E0); } body.mvp .mvp-btn-primary, body.mvp .mvp-nav-cta, body.mvp .mvp-drawer-cta { box-shadow: 0 10px 28px rgba(26,245,224,.32), 0 0 32px rgba(233,168,28,.18); } body.mvp .mvp-btn-primary:hover, body.mvp .mvp-nav-cta:hover, body.mvp .mvp-drawer-cta:hover { box-shadow: 0 18px 40px rgba(26,245,224,.45), 0 0 56px rgba(233,168,28,.32); } body.mvp .mvp-btn-ghost { border: 1px solid rgba(26,245,224,.5); } body.mvp .mvp-btn-ghost:hover { background: rgba(233,168,28,.10); } body.mvp .mvp-brand-logo { background: url('/store/img/mfe-logo-teal.png') center / contain no-repeat, var(--mo-grad); } body.mvp .mvp-pillar, body.mvp .mvp-attr, body.mvp .mvp-stat, body.mvp .card { border-color: rgba(26,245,224,.18); } body.mvp .mvp-pillar:hover, body.mvp .card:hover { box-shadow: 0 18px 48px rgba(26,245,224,.22), 0 0 0 1px rgba(233,168,28,.28); } body.mvp .mvp-cta-band { background: var(--mo-grad-soft), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), var(--mo-bg); } body.mvp .badge, body.mvp .dir2-ribbon--featured, body.mvp .flag2-save { box-shadow: 0 4px 14px rgba(26,245,224,.32); } body.mvp .mvp-footer { background: linear-gradient(#111111, #111111); } body.mvp .dir2-hero { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), var(--mo-bg); } body.mvp .dir2-card { border-color: rgba(26,245,224,.22); background: linear-gradient(rgba(24,24,24,0.26), rgba(24,24,24,0.26)); } body.mvp .dir2-card:hover { box-shadow: 0 24px 64px rgba(10,10,10,.55), 0 0 0 1px rgba(26,245,224,.42); } body.mvp .dir2-ribbon--official { background: rgba(24,24,24,.85); border: 1px solid rgba(233,168,28,.55); } body.mvp .dir2-badge { border-color: rgba(26,245,224,.32); } body.mvp .mvp-hero, body.mvp .page-hero { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), var(--mo-bg); border-bottom: 1px solid rgba(26,245,224,.18); } body.mvp .flag2-cta-primary:not(.store-iron-lilly *) { box-shadow: 0 10px 28px rgba(26,245,224,.32), 0 0 36px rgba(233,168,28,.18); } body.mvp .mvp-brand-name::before { background: url('/store/img/mfe-logo-teal.png') center / contain no-repeat, var(--mo-grad); } body.mvp .mvp-footer-brand-name::before { background: url('/store/img/mfe-logo-teal.png') center / contain no-repeat, var(--mo-grad); } body.mvp .mvp-brand { background: url('/store/img/mfe-logo-teal.png') left center / contain no-repeat; } .mvp-hero-lockup { filter: drop-shadow(0 12px 40px rgba(26,245,224,.22)) drop-shadow(0 4px 18px rgba(233,168,28,.18)); } body.mvp .mvp-footer-brand-name { background: url('/store/img/mfe-logo-teal.png') left center / contain no-repeat; } body.mvp .mvp-drawer-foot::before { background: url('/store/img/mfe-logo-teal.png') center / contain no-repeat; } :root { --mo-bg: #0A0A0A; --mo-bg-2: #101010; } body.mvp { background: #0A0A0A; } body.mvp .mvp-hero, body.mvp .page-hero, body.mvp .dir2-hero { background-color: #0A0A0A; } body.mvp .mvp-footer { background: linear-gradient(#0A0A0A, #0A0A0A); } body.mvp .mvp-section.surface { background: #0B0B0B; } .mvp-hero-lockup { filter: drop-shadow(0 16px 60px rgba(26,245,224,.28)) drop-shadow(0 6px 24px rgba(233,168,28,.20)); } body.store-iron-lilly .flag2-band:not(:first-child)::before { background: linear-gradient(#1AF5E0, #1AF5E0); } body.store-iron-lilly .flag2-card { background: linear-gradient(rgba(11,11,11,0.38), rgba(11,11,11,0.38)); border: 2px solid rgba(233,168,28,.18); box-shadow: inset 0 0 0 1px rgba(200,40,28,.18), 0 8px 22px rgba(10,10,10,.5); } body.store-iron-lilly .flag2-card:hover { box-shadow: inset 0 0 0 1px rgba(233,168,28,.7), 0 0 0 1px rgba(200,40,28,.55), 0 22px 60px rgba(200,40,28,.32), 0 0 80px rgba(233,168,28,.12); } body.store-iron-lilly .flag2-card-img { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(#121212, #121212); } body.store-iron-lilly .flag2-hero { background: #0A0A0A; } body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(10,10,10,0.38), rgba(10,10,10,0.38)), linear-gradient(rgba(10,10,10,0.53), rgba(10,10,10,0.53)); } .size-opt:hover { border-color: var(--mvp-gold, #E9A81C); color: var(--mvp-gold, #E9A81C); } .size-opt.on { background: var(--mvp-gold, #E9A81C); border-color: var(--mvp-gold, #E9A81C); color: #0B0B0B; } .size-opt:focus-visible { outline: 2px solid var(--mvp-gold, #E9A81C); } body.store-iron-lilly { --il-orange: #E9A81C; --il-yellow: #E9A81C; --il-yellow-warm: #E9A81C; --il-cream: #F9F0DB; --il-chrome: linear-gradient(#E6E6E6, #E6E6E6); --il-leather: #292929; background: #0A0A0A; } body.store-iron-lilly .flag2-hero, body.store-iron-lilly .flag2-story, body.store-iron-lilly .flag2-main, body.store-iron-lilly .flag2-bands { background: #0A0A0A; } body.store-iron-lilly .flag2-band--vip { background: linear-gradient(rgba(214,40,40,0.04), rgba(214,40,40,0.04)), #0A0A0A; } body.store-iron-lilly .flag2-hero-title { background: linear-gradient(#FFFFFF, #FFFFFF); } body.store-iron-lilly .flag2-cta-primary { box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(10,10,10,.4), 0 12px 28px rgba(214,40,40,.4), 0 0 36px rgba(233,168,28,.18); } body.store-iron-lilly .flag2-cta-primary:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 0 1px rgba(233,168,28,.6), 0 18px 40px rgba(214,40,40,.55), 0 0 64px rgba(233,168,28,.42); } body.store-iron-lilly .flag2-cta-ghost:hover { box-shadow: 0 0 24px rgba(233,168,28,.32); } body.store-iron-lilly .flag2-card { background: linear-gradient(rgba(10,10,10,0.43), rgba(10,10,10,0.43)); border: 2px solid rgba(233,168,28,.22); box-shadow: inset 0 0 0 1px rgba(214,40,40,.16), 0 10px 28px rgba(10,10,10,.6); } body.store-iron-lilly .flag2-card:hover { box-shadow: inset 0 0 0 1px rgba(233,168,28,.7), 0 0 0 1px rgba(214,40,40,.6), 0 28px 70px rgba(214,40,40,.42), 0 0 100px rgba(233,168,28,.14); } body.store-iron-lilly .flag2-card-img { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(#121212, #121212); } body.store-iron-lilly .flag2-card-img img { filter: drop-shadow(0 14px 36px rgba(10,10,10,.6)) drop-shadow(0 0 24px rgba(233,168,28,.12)); } body.store-iron-lilly .flag2-card::after { color: #0B0B0B; } body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(10,10,10,0.4), rgba(10,10,10,0.4)), linear-gradient(rgba(10,10,10,0.53), rgba(10,10,10,0.53)); } body.store-iron-lilly .flag2-lifestyle { border-top: 1px solid rgba(233,168,28,.42); border-bottom: 1px solid rgba(233,168,28,.42); } body.store-iron-lilly .flag2-lifestyle-tint { background: linear-gradient(rgba(10,10,10,0.66), rgba(10,10,10,0.66)), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)); } body.store-iron-lilly .flag2-lifestyle-h { text-shadow: 0 4px 24px rgba(10,10,10,.7); } body.store-iron-lilly .flag2-lifestyle-sub { text-shadow: 0 2px 12px rgba(10,10,10,.6); } body.store-iron-lilly .flag2-vip-editorial { background: linear-gradient(rgba(214,40,40,0.03), rgba(214,40,40,0.03)), #0A0A0A; border-top: 2px solid rgba(233,168,28,.32); } body.store-iron-lilly .flag2-vip-pillar { background: linear-gradient(rgba(10,10,10,0.39), rgba(10,10,10,0.39)); border: 1px solid rgba(233,168,28,.32); } body.store-iron-lilly .flag2-band[class*="band"]:not(.flag2-band--vip):not(.flag2-band--dealer)::after { background: linear-gradient(rgba(233,168,28,0.01), rgba(233,168,28,0.01)); } body.store-iron-lilly { --il-charcoal: #121212; --il-charcoal-2: #181818; --il-iron: #2C2C2C; --il-cream: #F9F0DB; --il-cream-warm: #F3E0B7; --il-rust: #E9A81C; --il-leather: #1E1E1E; --il-grease: #1B1B1B; --il-orange: #E9A81C; --il-orange-bright:#E9A81C; --il-yellow: #E9A81C; --il-yellow-warm: #E9A81C; } body.store-iron-lilly .flag2-band--vip { background: linear-gradient(rgba(214,40,40,0.04), rgba(214,40,40,0.04)), var(--il-charcoal); } body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(18,18,18,0.32), rgba(18,18,18,0.32)), linear-gradient(rgba(18,18,18,0.54), rgba(18,18,18,0.54)); } body.store-iron-lilly .flag2-cta-primary { box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(10,10,10,.4), 0 12px 28px rgba(214,40,40,.42); } body.store-iron-lilly .flag2-cta-ghost:hover { background: rgba(249,240,219,.08); } body.store-iron-lilly .flag2-card { background: linear-gradient(rgba(18,18,18,0.45), rgba(18,18,18,0.45)); box-shadow: inset 0 0 0 1px rgba(214,40,40,.18), 0 10px 28px rgba(10,10,10,.7); } body.store-iron-lilly .flag2-card-img { background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient(180deg, var(--il-charcoal-2) 0%, var(--il-charcoal) 100%); } body.store-iron-lilly .flag2-hero { background: linear-gradient(#121212, #121212); } body.store-iron-lilly .flag2-hero-bg { background-color: #F9F0DB; } body.store-iron-lilly .flag2-hero-title { background: linear-gradient(#F9F0DB, #F9F0DB); } body.store-iron-lilly .flag2-band { background: #1A1A1A; } body.store-iron-lilly .flag2-band:nth-child(even) { background: #202020; } body.store-iron-lilly .flag2-card { background: linear-gradient(#F9F0DB, #F9F0DB); border: 3px solid #2C2C2C; box-shadow: 0 2px 0 #0B0B0B, 0 12px 36px rgba(10,10,10,.55); } body.store-iron-lilly .flag2-card:hover { box-shadow: 0 2px 0 var(--il-red-deep), inset 0 0 0 1px #F9F0DB, 0 22px 56px rgba(214,40,40,.4); } body.store-iron-lilly .flag2-card-img { background: linear-gradient(#FFFFFF, #FFFFFF); border-bottom: 2px solid #2C2C2C; } body.store-iron-lilly .flag2-card-img img { filter: drop-shadow(0 10px 24px rgba(10,10,10,.18)); } body.store-iron-lilly .flag2-card-body { background: #F9F0DB; } body.store-iron-lilly .card-name { color: #0B0B0B; } body.store-iron-lilly .card-price .now { color: #0B0B0B; } body.store-iron-lilly .flag2-card-desc { color: #2C2C2C; } body.store-iron-lilly .badge { color: #F9F0DB; } body.store-iron-lilly .flag2-save { color: #F9F0DB; } body.store-iron-lilly .flag2-band-h { color: #F9F0DB; } body.store-iron-lilly .flag2-band-sub { color: #F3E0B7; } body.store-iron-lilly .flag2-vip-pillar { background: linear-gradient(#F9F0DB, #F9F0DB); } body.store-iron-lilly .flag2-vip-pillar h3 { color: #0B0B0B; } body.store-iron-lilly .flag2-vip-pillar p { color: #2C2C2C; } body.store-iron-lilly .flag2-lifestyle-tint { background: linear-gradient(rgba(18,18,18,0.59), rgba(18,18,18,0.59)); } body.store-iron-lilly .flag2-hero { background: #111111; } body.store-iron-lilly .flag2-hero::before { background: linear-gradient(rgba(13,13,13,0.37), rgba(13,13,13,0.37)); } body.store-iron-lilly .flag2-hero-title { color: #F9F0DB; -webkit-text-fill-color: #F9F0DB; text-shadow: 0 4px 28px rgba(10,10,10,.7), 0 1px 0 rgba(10,10,10,.55); } body.store-iron-lilly .flag2-hero-tagline { color: #F9F0DB; text-shadow: 0 2px 12px rgba(10,10,10,.7); } body.store-iron-lilly .flag2-hero-truestory { color: #F9F0DB; text-shadow: 0 2px 14px rgba(10,10,10,.6); } body.store-iron-lilly .flag2-cta-primary { color: #F9F0DB; } body.store-iron-lilly .flag2-cta-ghost { border: 1.5px solid #F9F0DB; color: #F9F0DB; background: rgba(10,10,10,.18); } body.store-iron-lilly .flag2-cta-ghost:hover { background: rgba(249,240,219,.14); } .flag2-trust { background: #F9F0DB; border-bottom: 1px solid rgba(10,10,10,.08); } .flag2-trust-item { color: #1B1B1B; } .flag2-trust-mark { border: 1.5px solid #1B1B1B; } .flag2-trust-mark::after { border: 1px solid #1B1B1B; } .flag2-trust-sep { background: rgba(10,10,10,.18); } .flag2-shop-collection { background: #FBF4E5; } .flag2-shop-h { color: #111111; } .flag2-shop-viewall:hover { color: #F9F0DB; } .flag2-shop-card { background: #111111; box-shadow: 0 4px 14px rgba(10,10,10,.18); } .flag2-shop-card:hover { box-shadow: 0 12px 32px rgba(10,10,10,.35); } .flag2-shop-card-img { background-color: #111111; } .flag2-shop-card-overlay { background: linear-gradient(rgba(10,10,10,0.42), rgba(10,10,10,0.42)); color: #F9F0DB; } .flag2-shop-card-title { text-shadow: 0 2px 10px rgba(10,10,10,.7); } .flag2-shop-card:hover .flag2-shop-card-cta span { color: #F9F0DB; } body.store-iron-lilly .mvp-nav { background: #0B0B0B; } body.store-iron-lilly .mvp-nav-links a { color: #F9F0DB; } @media (max-width: 900px) { body.store-iron-lilly .flag2-hero::before { background: linear-gradient(rgba(13,13,13,0.63), rgba(13,13,13,0.63)); } } .flag2-collection-filter { background: #111111; box-shadow: 0 6px 20px rgba(10,10,10,.45); } .flag2-chip { border: 1.5px solid rgba(249,240,219,.45); color: #F9F0DB; } .flag2-chip:hover { border-color: #F9F0DB; background: rgba(249,240,219,.06); } .flag2-chip.on { color: #F9F0DB; } body.store-iron-lilly .flag2-band--collection { background: #1A1A1A; } body.store-iron-lilly .flag2-band--collection[data-collection="founders"] { background: linear-gradient(#111111, #111111); } body.store-iron-lilly .flag2-band--collection[data-collection="garage"] { background: linear-gradient(#0F0F0F, #0F0F0F); } body.store-iron-lilly .flag2-band--collection[data-collection="racing"] { background: linear-gradient(#161616, #161616); } body.store-iron-lilly .flag2-band--collection[data-collection="community"] { background: linear-gradient(#181818, #181818); } body.store-iron-lilly .flag2-band--collection[data-collection="premium-garage"] { background: linear-gradient(#151515, #151515); } body.store-iron-lilly .flag2-band--collection[data-collection="movie"] { background: linear-gradient(#1C1C1C, #1C1C1C); } body.store-iron-lilly .flag2-band--collection .flag2-card-img { background: #111111; } body.store-iron-lilly .flag2-band--collection .flag2-card-img { background: #0F0F0F; border-bottom: 2px solid #2C2C2C; } body.store-iron-lilly .flag2-band--collection .flag2-card-img img { filter: drop-shadow(0 10px 24px rgba(10,10,10,.45)); } body.store-iron-lilly .flag2-hero-logo { filter: drop-shadow(0 6px 24px rgba(10,10,10,.55)); } body.store-iron-lilly .flag2-hero-title { background: linear-gradient(#FAF3E3, #FAF3E3); text-shadow: 0 4px 28px rgba(10,10,10,.7), 0 1px 0 rgba(10,10,10,.55); } body.store-iron-lilly .flag2-band--collection .flag2-card-img { background: #F9F0DB !important; border-bottom: 2px solid #2C2C2C; } body.store-iron-lilly .flag2-band--collection .flag2-card-img img { filter: drop-shadow(0 8px 18px rgba(10,10,10,.18)); } body.store-iron-lilly .flag2-band--collection .flag2-card-body { background: #FBF4E5; } body.store-iron-lilly .flag2-band--collection .card-img, body.store-iron-lilly .flag2-band--collection .flag2-card-img, body.store-iron-lilly .flag2-band--collection .flag2-card .card-img, body.store-iron-lilly .flag2-band--collection .flag2-card .flag2-card-img { background: #F9F0DB !important; } body.store-iron-lilly .product-img { background: #F9F0DB !important; } body.mvp .mvp-featured-grid .card-img, .mvp-featured-grid .card-img { background: #F9F0DB !important; } .mvp-drawer, body .mvp-drawer { background: rgba(10,10,10,.96) !important; } .flag2-card .flag2-add-cart { border: 1px solid var(--mvp-border, #2D2D2D); } .flag2-card .flag2-add-cart:hover, .flag2-card .flag2-add-cart:focus-visible { background: var(--mvp-gold, #E9A81C); border-color: var(--mvp-gold, #E9A81C); } .mvn-toast { background: #1E1E1E; border: 1px solid #2D2D2D; } body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(10,10,10,0.38), rgba(10,10,10,0.38)) !important; } @media (max-width: 768px) { body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(10,10,10,0.71), rgba(10,10,10,0.71)) !important; } } body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(10,10,10,0.12), rgba(10,10,10,0.12)) !important; } .il-store-header { background: #0C0C0C; border-bottom: 1px solid rgba(233,168,28,.18); box-shadow: 0 1px 0 rgba(255,255,255,.02), 0 4px 24px rgba(10,10,10,.45); } .il-store-brand { color: #F9F0DB; } .il-store-brand-sub { color: rgba(249,240,219,.78); border-left: 1px solid rgba(233,168,28,.35); } .il-store-cart { background: linear-gradient(#1AF5E0, #1AF5E0); box-shadow: 0 8px 18px -8px rgba(233,168,28,.6); } .il-store-cart-count { background: rgba(10,10,10,.35); } .il-collection-nav { background: #121212; } .il-search { background: #1A1A1A; color: #F9F0DB; } .il-search svg { color: rgba(249,240,219,.55); } .il-search input::placeholder { color: rgba(249,240,219,.45); } .il-collection-chips::-webkit-scrollbar-thumb { background: rgba(233,168,28,.25); } .il-chip { color: rgba(249,240,219,.82); } .il-chip:hover { color: #F9F0DB; border-color: rgba(233,168,28,.55); } .il-chip.on { background: rgba(233,168,28,.18); color: #F9F0DB; border-color: rgba(233,168,28,.65); } .il-trust-bar { background: #0C0C0C; border-bottom: 1px solid rgba(233,168,28,.14); } .il-trust-item { color: rgba(249,240,219,.82); } .il-trust-dot { background: linear-gradient(#1AF5E0, #1AF5E0); box-shadow: 0 0 0 3px rgba(233,168,28,.15); } body.store-iron-lilly .flag2-trust { background: #0C0C0C !important; border-top: 1px solid rgba(233,168,28,.18) !important; border-bottom: 1px solid rgba(233,168,28,.18) !important; } body.store-iron-lilly .flag2-trust-item { color: rgba(249,240,219,.82) !important; } body.store-iron-lilly .flag2-trust-mark { background: linear-gradient(#1AF5E0, #1AF5E0) !important; box-shadow: 0 0 0 3px rgba(233,168,28,.15) !important; } body.store-iron-lilly .flag2-trust-sep { background: rgba(233,168,28,.22) !important; } body.store-iron-lilly .il-store-title { color: #F9F0DB; } @media (max-width: 768px) { body.store-iron-lilly .il-store-title { border-top: 1px solid rgba(233,168,28,.18); } } @media (max-width: 768px) { body.store-iron-lilly .flag2-hero-vignette { background: linear-gradient(rgba(10,10,10,0.05), rgba(10,10,10,0.05)) !important; } } /* ── flat colour finish: one solid colour per word, solid buttons ── */ /* (gradient words are teal through the brand colour; these alternate to gold) */ body.mvp [role="listitem"]:nth-child(even) em { background-image: linear-gradient(#E9A81C, #E9A81C); } body.mvp .mvp-stat:nth-child(even) .mvp-stat-v { background-image: linear-gradient(#E9A81C, #E9A81C); } body.mvp .mvp-hero-brand { background-image: linear-gradient(#E9A81C, #E9A81C); } body.mvp .mvp-btn-primary, body.mvp .mvp-btn-primary:hover, body.mvp .mvp-nav-cta, body.mvp .mvp-nav-cta:hover, body.mvp .mvp-drawer-cta, body.mvp .mvp-drawer-cta:hover, body.mvp .badge, body.mvp .dir2-ribbon--featured { color: #0A0A0A !important; } /* ── sections alternate white / black, starting with a white hero (nav + footer stay black) ── */ body.mvp > section:nth-of-type(odd) { background: #FFFFFF !important; border-color: #E8E8E8 !important; } body.mvp > section:nth-of-type(even) { background: #0A0A0A !important; } body.mvp > section:nth-of-type(odd) :is(.mvp-hero-eye, .page-eyebrow, .dir2-eyebrow):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { color: #A8740A !important; } body.mvp > section:nth-of-type(odd) :is(.mvp-hero-eye, .page-eyebrow, .dir2-eyebrow)::before, body.mvp > section:nth-of-type(odd) :is(.mvp-hero-eye, .page-eyebrow, .dir2-eyebrow)::after { background: #A8740A !important; } /* hero logo: a soft black edge so the white logo card stands out on the white hero */ body.mvp .mvp-hero-lockup { filter: drop-shadow(0 0 1px rgba(0,0,0,.45)) drop-shadow(0 10px 28px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(0,0,0,.16)) !important; } /* top-right Request Demo button: gold */ body.mvp .mvp-nav-cta, body.mvp .mvp-nav-cta:hover, body.mvp .mvp-drawer-cta, body.mvp .mvp-drawer-cta:hover { background: #E9A81C !important; color: #0A0A0A !important; box-shadow: 0 10px 28px rgba(233,168,28,.30) !important; } body.mvp > section:nth-of-type(odd) :is(h1, h2, h3, h4, h5, h6, strong, b, .pricing-tier-name, .pricing-price-num, .mvp-flow-label, .now, .tm):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { color: #0A0A0A !important; } body.mvp > section:nth-of-type(odd) :is(p, li, dt, dd, td, th, label, small, span, div, a, blockquote, .mvp-section-sub, .pricing-subhead):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid)):not(.badge):not(.pricing-card-badge):not(.mvp-btn-primary) { color: #3A3A3A; } body.mvp > section:nth-of-type(odd) :is(.mvp-eyebrow, .card-cat, .contact-card-num, .pricing-card-eye, .pricing-tier-range, .mvp-featured-cta):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { color: #A8740A !important; } body.mvp > section:nth-of-type(odd) :is(.mvp-eyebrow)::before, body.mvp > section:nth-of-type(odd) :is(.mvp-eyebrow)::after { background: #A8740A !important; } body.mvp > section:nth-of-type(odd) :is(.pricing-card, .pricing-tier, .contact-card, .pricing-callout, .pricing-card-rate):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { background: #F6F6F6 !important; border-color: #E4E4E4 !important; } body.mvp > section:nth-of-type(odd) *:not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid)):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { border-color: #E4E4E4; } body.mvp > section:nth-of-type(odd) em:not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { background-image: linear-gradient(#0B8C80, #0B8C80) !important; } body.mvp > section:nth-of-type(odd) [role="listitem"]:nth-child(even) em:not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { background-image: linear-gradient(#A8740A, #A8740A) !important; } body.mvp > section:nth-of-type(odd) .mvp-btn-ghost { color: #0A0A0A !important; border-color: #0B8C80 !important; } body.mvp > section:nth-of-type(odd) a:not([class]):not(:is(.card, .mvp-pillar, .mvp-stat, .mvp-stat-grid, .mvp-flow-icon, .mvp-attr, .mvp-attr-grid) *) { color: #0B8C80; }