/** * Goddess premium card — desktop sidebar stacked layout * Top: art + title/sub + arrow | Bottom: full-width benefits */ @media (min-width: 769px) { body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card.goddess-card--sidebar, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess.goddess-card { position: relative; box-sizing: border-box; width: 100%; max-width: 360px; display: flex !important; flex-direction: column; gap: 0; padding: 14px 14px 13px !important; overflow: visible; border-radius: 22px; text-align: left !important; border: 1px solid rgba(201, 167, 106, 0.28) !important; background: linear-gradient(135deg, rgba(18, 8, 12, 0.98) 0%, rgba(8, 4, 8, 0.99) 100%) !important; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.48), 0 0 28px rgba(111, 8, 24, 0.14), inset 0 1px 0 rgba(201, 167, 106, 0.12) !important; cursor: pointer; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar::before, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess.goddess-card::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse 42% 55% at 18% 28%, rgba(143, 18, 56, 0.22), transparent 68%); } /* ── Top row: emblem | head | arrow ── */ body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__top, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__top { position: relative; z-index: 1; display: grid; grid-template-columns: 76px minmax(0, 1fr) 34px; grid-template-rows: auto; align-items: start; gap: 0 10px; width: 100%; padding-bottom: 11px; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__art, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__art { width: 76px; height: 76px; display: flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; overflow: hidden; border: none !important; border-radius: 14px; background: radial-gradient(circle at 50% 50%, rgba(143, 18, 56, 0.36), transparent 62%) !important; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__emblem, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__emblem { display: block; width: 112%; height: 112%; object-fit: contain; object-position: center; mix-blend-mode: screen; filter: drop-shadow(0 0 16px rgba(220, 20, 60, 0.4)) drop-shadow(0 0 24px rgba(216, 168, 91, 0.14)); pointer-events: none; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__head, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__head { min-width: 0; padding-top: 8px; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__title, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__title { margin: 0 0 5px !important; font-family: 'Cinzel', Georgia, serif !important; font-size: 1.18rem !important; font-weight: 600 !important; letter-spacing: 0.08em !important; color: #d8a85b !important; line-height: 1.05; text-transform: uppercase; white-space: nowrap; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__subtitle, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__subtitle { margin: 0 !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 0.6875rem !important; font-weight: 400 !important; letter-spacing: 0.08em !important; color: rgba(216, 168, 91, 0.72) !important; line-height: 1.2; white-space: nowrap; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__top .goddess-card__arrow, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__top .goddess-card__arrow { align-self: start; justify-self: end; flex-shrink: 0; display: flex !important; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 10px 0 0; padding: 0; border-radius: 50%; border: 1px solid rgba(201, 167, 106, 0.26); background: rgba(8, 6, 10, 0.88); color: rgba(216, 168, 91, 0.92); font-size: 1.05rem; line-height: 1; pointer-events: none; cursor: inherit; } /* ── Benefits — full card width below ── */ body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__benefits, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__benefits { position: relative; z-index: 1; display: grid !important; gap: 4px; width: 100%; margin: 0 !important; padding: 10px 0 0 !important; list-style: none !important; border-top: 1px solid rgba(201, 167, 106, 0.14); } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__benefits li, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__benefits li { display: flex !important; align-items: center; gap: 7px; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; line-height: 1.25 !important; color: rgba(244, 237, 245, 0.84) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__benefit--extra, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__benefit--extra { display: none !important; } body.crave-unified-home.crave-site-mode.crave-desktop-ui .goddess-card--sidebar .goddess-card__mark, body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__mark { flex-shrink: 0; color: rgba(201, 167, 106, 0.88); font-size: 10px; font-weight: 600; } /* Legacy wrappers — hide if present */ body.crave-unified-home.crave-site-mode.crave-desktop-ui .vl-sidebar-goddess .goddess-card__content { display: none !important; } }