/* auxbid 1.0.5 – "Pro" design layer: calm, professional, premium. Additive overrides only; loaded last in lux/layouts/shell.php + vendor_shell.php. */ html[data-lux-root] { --pro-ink: #0f172a; --pro-text: #1e293b; --pro-muted: #5b6475; --pro-line: #e3e6eb; --pro-line-2: #d5dae2; --pro-bg: #f6f7f9; --pro-surface: #ffffff; --pro-soft: #f1f3f6; --pro-primary: #1f4e8c; --pro-primary-h: #183f73; --pro-primary-ink: #ffffff; --pro-link: #1f3a73; --pro-gold: #6f5620; --pro-gold-soft: #f5efe1; --pro-live: #b42318; --pro-ok: #166534; --pro-r: 10px; --pro-r-sm: 8px; --pro-shadow: 0 1px 2px rgba(15, 23, 42, .05); --pro-shadow-h: 0 6px 20px rgba(15, 23, 42, .08); --lux-bg: var(--pro-bg); --lux-surface: var(--pro-surface); --lux-text: var(--pro-text); --lux-muted: var(--pro-muted); --lux-line: var(--pro-line); --lux-accent: var(--pro-primary); --lux-accent-hover: var(--pro-primary-h); --lux-radius: var(--pro-r); --lux-radius-sm: var(--pro-r-sm); --lux-shadow: var(--pro-shadow); --lux-shadow-hover: var(--pro-shadow-h); --bs-primary: #13254a; --bs-primary-rgb: 19, 37, 74; --bs-link-color: #1f3a73; --bs-link-color-rgb: 31, 58, 115; --bs-border-radius: 8px; } html[data-lux-root][data-bs-theme="dark"] { --pro-ink: #f1f5f9; --pro-text: #e2e8f0; --pro-muted: #a3adbd; --pro-line: rgba(255, 255, 255, .09); --pro-line-2: rgba(255, 255, 255, .14); --pro-bg: #0b0f17; --pro-surface: #121826; --pro-soft: #182032; --pro-primary: #2c5a9e; --pro-primary-h: #356ab4; --pro-primary-ink: #ffffff; --pro-link: #9db8ec; --pro-gold: #d6b86a; --pro-gold-soft: rgba(214, 184, 106, .12); --pro-live: #f87171; --pro-ok: #4ade80; --pro-shadow: 0 1px 2px rgba(0, 0, 0, .4); --pro-shadow-h: 0 8px 24px rgba(0, 0, 0, .45); --bs-primary: #c7d4f0; --bs-primary-rgb: 199, 212, 240; --bs-link-color: #a9bde8; --bs-link-color-rgb: 169, 189, 232; } html[data-lux-root] body { background: var(--pro-bg); color: var(--pro-text); -webkit-font-smoothing: antialiased; font-feature-settings: "tnum" 0; } html[data-lux-root] h1, html[data-lux-root] h2, html[data-lux-root] h3, html[data-lux-root] .lux-section__title { color: var(--pro-ink); font-weight: 650; letter-spacing: -.015em; } html[data-lux-root] a { text-underline-offset: .18em; } /* ---------- surfaces: no gradients, glows or bubbly radii ---------- */ html[data-lux-root] :is(.lux-card, .lux-tile, .lux-section, .lux-sales-types__card, .lux-home-shop-card, .lux-account-tile, .lux-account-hero, .lux-notifications-premium, .ab-info-card, .ab-gallery-card, .ab-auction-panel, .ab-action-card, .ab-mini-listing, .mk-card, .card, .lux-hero-preview-rotator, .sf-footer-support-card, .accordion-item, .lux-empty, .lux-empty__banner) { border-radius: var(--pro-r) !important; } html[data-lux-root] :is(.lux-card, .lux-tile, .lux-sales-types__card, .lux-home-shop-card, .lux-account-tile, .lux-account-hero, .lux-notifications-premium, .ab-info-card, .ab-gallery-card, .ab-auction-panel, .ab-action-card, .ab-mini-listing, .mk-card) { background: var(--pro-surface) !important; border: 1px solid var(--pro-line) !important; box-shadow: var(--pro-shadow) !important; } html[data-lux-root] :is(.lux-card, .lux-tile, .lux-sales-types__card, .lux-account-tile, .ab-mini-listing):hover { box-shadow: var(--pro-shadow-h) !important; border-color: var(--pro-line-2) !important; transform: none !important; } html[data-lux-root] :is(.lux-section--live, .lux-section) { background: transparent !important; border: 0 !important; box-shadow: none !important; } html[data-lux-root] :is(.lux-empty__live-glow, .lux-empty__auction-glow, .lux-notifications-premium__glow) { display: none !important; } html[data-lux-root] :is(.lux-empty__banner, .lux-notifications-premium__empty, .ab-gallery-stage, .ab-vendor-profile, .lux-home-shop-card__head) { background: var(--pro-soft) !important; border: 1px solid var(--pro-line) !important; box-shadow: none !important; } html[data-lux-root] .lux-empty__banner :is(.lux-empty__icon, [class*="__icon"]) { background: var(--pro-surface) !important; color: var(--pro-primary) !important; box-shadow: none !important; border: 1px solid var(--pro-line); } html[data-lux-root] .lux-empty__chip { background: var(--pro-surface) !important; color: var(--pro-muted) !important; border: 1px solid var(--pro-line) !important; font-weight: 500; } html[data-lux-root] .lux-account-hero--premium, html[data-lux-root] .lux-account-hero { background-image: none !important; } /* ---------- buttons ---------- */ html[data-lux-root] :is(.lux-btn, .lux-cta, .btn, .lux-link.lux-btn) { border-radius: var(--pro-r-sm) !important; font-weight: 600; letter-spacing: 0; box-shadow: none !important; } html[data-lux-root] :is(.lux-btn--primary, .lux-cta--solid, .mk-btn-primary, .btn-primary) { background: var(--pro-primary) !important; background-image: none !important; border: 1px solid var(--pro-primary) !important; color: var(--pro-primary-ink) !important; } html[data-lux-root] :is(.lux-btn--primary, .lux-cta--solid, .mk-btn-primary, .btn-primary):hover { background: var(--pro-primary-h) !important; border-color: var(--pro-primary-h) !important; } html[data-lux-root] :is(.lux-btn--ghost, .lux-cta--soft, .lux-link) { background: var(--pro-surface) !important; border: 1px solid var(--pro-line-2) !important; color: var(--pro-ink) !important; border-radius: var(--pro-r-sm) !important; } html[data-lux-root] :is(.lux-btn--ghost, .lux-cta--soft, .lux-link):hover { border-color: var(--pro-ink) !important; } html[data-lux-root] .lux-hero .lux-cta--soft { background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, .45) !important; } html[data-lux-root] .lux-hero .lux-cta--solid { background: #fff !important; color: #0f172a !important; border-color: #fff !important; } /* ---------- badges / chips: quiet ---------- */ html[data-lux-root] :is(.lux-auction-card__type, .pf-auction-type-badge, .lux-badge, .pf-condition-badge, .lux-auction-card__cond, .lux-hero-preview__badge) { background: var(--pro-soft) !important; background-image: none !important; color: var(--pro-ink) !important; border: 1px solid var(--pro-line-2) !important; border-radius: 6px !important; font-weight: 600; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; box-shadow: none !important; } html[data-lux-root] :is(.lux-auction-card__type--buynow, .pf-auction-type-badge--buynow) { background: var(--pro-gold-soft) !important; color: var(--pro-gold) !important; border-color: color-mix(in srgb, var(--pro-gold) 35%, transparent) !important; } html[data-lux-root] :is(.lux-auction-card__countdown, .sf-countdown-badge) { background: var(--pro-surface) !important; background-image: none !important; color: var(--pro-ink) !important; border: 1px solid var(--pro-line-2) !important; border-radius: 6px !important; font-variant-numeric: tabular-nums; font-weight: 600; box-shadow: none !important; white-space: nowrap; } html[data-lux-root] :is(.lux-auction-card__countdown, .sf-countdown-badge).pro-cd.pro-cd--ok { color: #166534 !important; background-color: #dcfce7 !important; border-color: #bbf7d0 !important; } html[data-lux-root] :is(.lux-auction-card__countdown, .sf-countdown-badge).pro-cd.pro-cd--warn { color: #9a3412 !important; background-color: #ffedd5 !important; border-color: #fed7aa !important; } html[data-lux-root] :is(.lux-auction-card__countdown, .sf-countdown-badge).pro-cd.pro-cd--crit { color: #b91c1c !important; background-color: #fee2e2 !important; border-color: #fecaca !important; } html[data-lux-root] :is(.lux-auction-card__countdown, .sf-countdown-badge).pro-cd.pro-cd--ended { color: #475569 !important; background-color: #e2e8f0 !important; border-color: #cbd5e1 !important; } /* ---------- auction cards & price ---------- */ html[data-lux-root] .lux-auction-card__cover { border-radius: calc(var(--pro-r) - 2px) !important; background: var(--pro-soft); } html[data-lux-root] :is(.lux-auction-card__price, [class*="price"] strong, .ab-price-box strong) { font-variant-numeric: tabular-nums; letter-spacing: -.01em; } html[data-lux-root] .ab-price-box { background: var(--pro-soft) !important; background-image: none !important; border: 1px solid var(--pro-line) !important; border-radius: var(--pro-r) !important; color: var(--pro-ink) !important; } html[data-lux-root] .ab-price-box * { color: inherit; } html[data-lux-root] .ab-price-box :is(.text-success, [class*="protect"]) { color: var(--pro-ok) !important; } /* ---------- header / topbar / hero / footer ---------- */ html[data-lux-root] .sf-storefront-topbar { background: #0b1220 !important; background-image: none !important; border-bottom: 1px solid rgba(255, 255, 255, .06); } html[data-lux-root] .lux-search__input { border-radius: var(--pro-r-sm) !important; border: 1px solid var(--pro-line-2) !important; background: var(--pro-surface) !important; box-shadow: none !important; } html[data-lux-root] .lux-search__input:focus { border-color: var(--pro-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pro-primary) 18%, transparent) !important; } html[data-lux-root] .lux-hero__media { background: #0f172a !important; background-image: linear-gradient(180deg, #111a2e 0%, #0b1220 100%) !important; } html[data-lux-root] .lux-hero-preview { background: #111a2e !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: var(--pro-r) !important; } html[data-lux-root] .lux-footer { background: #0b1220 !important; background-image: none !important; border-top: 1px solid rgba(255, 255, 255, .06); } html[data-lux-root] .lux-account-trigger { border-radius: var(--pro-r-sm) !important; } /* ---------- ad placeholders: calm instead of bright blue ---------- */ /* ---------- account dashboard ---------- */ html[data-lux-root] .lux-account-tile { padding: 1rem 1.1rem !important; } html[data-lux-root] .lux-account-tile--accent { border-color: color-mix(in srgb, var(--pro-primary) 35%, var(--pro-line)) !important; box-shadow: inset 3px 0 0 var(--pro-primary), var(--pro-shadow) !important; } html[data-lux-root] .lux-account-tile :is(strong, h3, .lux-account-tile__title) { color: var(--pro-ink); font-weight: 600; } /* ---------- forms ---------- */ html[data-lux-root] :is(.lux-input, .form-control, .form-select) { border-radius: var(--pro-r-sm) !important; border-color: var(--pro-line-2) !important; } html[data-lux-root] :is(.lux-input, .form-control, .form-select):focus { border-color: var(--pro-primary) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--pro-primary) 18%, transparent) !important; } /* ---------- motion: no bouncy reveals ---------- */ @media (prefers-reduced-motion: no-preference) { html[data-lux-root] :is(.lux-card, .lux-tile, .lux-account-tile) { transition: box-shadow .18s ease, border-color .18s ease !important; } } /* ---------- a11y contrast + status ---------- */ html[data-lux-root] :is(.ab-breadcrumbs__link, .ab-breadcrumbs__item) { color: var(--pro-muted) !important; } html[data-lux-root] .pf-status-badge { background: color-mix(in srgb, var(--pro-ok) 12%, var(--pro-surface)) !important; background-image: none !important; color: var(--pro-ok) !important; border: 1px solid color-mix(in srgb, var(--pro-ok) 30%, transparent) !important; border-radius: 6px !important; text-transform: uppercase; letter-spacing: .04em; font-size: .72rem; } html[data-lux-root] .lux-auction-card__chip--protection { color: var(--pro-ok) !important; } html[data-lux-root] .lux-eyebrow { color: var(--pro-muted) !important; letter-spacing: .08em; } html[data-lux-root][data-bs-theme="dark"] :is(.lux-categories-hero__stat > strong, .lux-account-back > a, .lux-list-toolbar__filter.is-active) { color: var(--pro-link) !important; } html[data-lux-root][data-bs-theme="dark"] .lux-list-toolbar__filter.is-active { background: var(--pro-soft) !important; border-color: var(--pro-line-2) !important; } html[data-lux-root][data-bs-theme="dark"] .lux-empty > p { color: var(--pro-muted) !important; } html[data-lux-root] .lux-eyebrow { opacity: 1 !important; } html[data-lux-root] .ab-gallery-promo > strong { color: var(--pro-gold) !important; letter-spacing: .06em; } /* ===================================================================== 1.0.5 / t87 – image frames, detail page, shop cards, demo ad slots ===================================================================== */ html[data-lux-root] { --pro-frame: #eef0f3; /* neutral (unknown tone) */ --pro-frame-light: #f4f5f7; /* for dark images */ --pro-frame-dark: #172033; /* for light images */ --pro-frame-line: #e1e4ea; --pro-navy: #0f1d3a; --pro-navy-2: #172a52; --pro-gold-a: #c9a54c; } html[data-lux-root][data-bs-theme="dark"] { --pro-frame: #222b3b; --pro-frame-light: #2a3446; --pro-frame-dark: #1b2433; --pro-frame-line: rgba(255, 255, 255, .1); } /* ---------- adaptive image frame (cards, similar items, thumbs) ---------- */ html[data-lux-root] :is(.lux-auction-card__image, .lux-mkt-card-steiri__media img, .ab-mini-media img) { display: block; box-sizing: border-box !important; aspect-ratio: 4 / 3; height: auto !important; max-height: none !important; object-fit: contain !important; object-position: center !important; padding: 10px !important; border-radius: 8px !important; border: 1px solid var(--pro-frame-line) !important; background: var(--pro-frame) !important; transition: background-color .25s ease; } html[data-lux-root] .lux-auction-card__image { width: calc(100% - 1.5rem) !important; margin: .1rem .75rem 0 !important; } html[data-lux-root] .lux-card--xxl .lux-auction-card__image { aspect-ratio: 16 / 10; } html[data-lux-root] .lux-grid--list .lux-auction-card__image { width: 100% !important; margin: 0 !important; padding: 6px !important; } html[data-lux-root] .lux-mkt-card-steiri__media { background: transparent !important; padding: .75rem .75rem 0; } html[data-lux-root] .lux-mkt-card-steiri__media img { width: 100% !important; } html[data-lux-root] .ab-mini-media { display: block; padding: 0 !important; background: none !important; border: 0 !important; } html[data-lux-root] .ab-mini-media img { width: 100% !important; } html[data-lux-root] img[data-pro-tone="dark"] { background-color: var(--pro-frame-light) !important; } html[data-lux-root] img[data-pro-tone="light"] { background-color: var(--pro-frame-dark) !important; border-color: var(--pro-frame-dark) !important; } html[data-lux-root] .media-no-image--lg { aspect-ratio: 4 / 3; height: auto !important; width: calc(100% - 1.5rem); margin: .1rem .75rem 0; border-radius: 8px; border: 1px solid var(--pro-frame-line); background: var(--pro-frame); } /* auction card rhythm: equal heights, CTA pinned to bottom */ html[data-lux-root] .lux-auction-card { grid-template-rows: auto auto 1fr !important; height: 100%; } html[data-lux-root] .lux-auction-card__top { padding: .6rem .75rem .5rem !important; min-height: 2.6rem; } html[data-lux-root] .lux-auction-card__body { display: flex !important; flex-direction: column; gap: .5rem !important; padding: .85rem 1rem 1rem !important; } html[data-lux-root] .lux-auction-card__title { min-height: 2.6em; margin: 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } html[data-lux-root] .lux-auction-card__cta { margin-top: auto !important; } html[data-lux-root] .lux-auction-card__watch { box-shadow: none !important; background: var(--pro-surface) !important; color: var(--pro-ink) !important; border-color: var(--pro-line-2) !important; } html[data-lux-root] :is(.lux-auction-card__watch.is-active, .lux-auction-card__watch[aria-pressed="true"]) { background: var(--pro-primary) !important; color: var(--pro-primary-ink) !important; border-color: var(--pro-primary) !important; } /* ---------- auction / article detail ---------- */ html[data-lux-root] .lux-auction-premium { --ab-gap: 1.25rem; } html[data-lux-root] .ab-auction-page { gap: var(--ab-gap) !important; } html[data-lux-root] .ab-auction-hero { grid-template-columns: minmax(0, 1.5fr) minmax(320px, 400px) !important; gap: var(--ab-gap) !important; } html[data-lux-root] :is(.ab-gallery-card, .ab-auction-panel, .ab-info-card, .ab-detail-tabs, .ab-mini-card, .ab-item-info, .ab-returns-row) { border: 1px solid var(--pro-line) !important; border-radius: 12px !important; background: var(--pro-surface) !important; box-shadow: var(--pro-shadow) !important; } html[data-lux-root] .ab-gallery-card { padding: 1rem !important; row-gap: .85rem; } html[data-lux-root] .ab-gallery-card--with-thumbs { grid-template-columns: 76px minmax(0, 1fr) !important; column-gap: .85rem !important; } html[data-lux-root] .ab-gallery-promo { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--pro-muted) !important; padding-bottom: .1rem; } html[data-lux-root] .ab-gallery-stage { aspect-ratio: 4 / 3; min-height: 0 !important; max-height: 560px !important; width: 100%; padding: 1.25rem; box-sizing: border-box; border-radius: 10px !important; background: var(--pro-frame) !important; background-image: none !important; border: 1px solid var(--pro-frame-line) !important; transition: background-color .25s ease; } html[data-lux-root] .ab-gallery-stage:has(> img[data-pro-tone="dark"]) { background-color: var(--pro-frame-light) !important; } html[data-lux-root] .ab-gallery-stage:has(> img[data-pro-tone="light"]) { background-color: var(--pro-frame-dark) !important; border-color: var(--pro-frame-dark) !important; } html[data-lux-root] .ab-gallery-stage img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: contain !important; border-radius: 4px; background: transparent !important; } html[data-lux-root] .ab-gallery-card--with-thumbs .ab-gallery-thumbs { gap: .5rem !important; max-height: 560px !important; } html[data-lux-root] .ab-gallery-thumbs button { width: 72px !important; height: 72px !important; padding: 4px !important; opacity: 1 !important; flex: 0 0 auto; border: 1px solid var(--pro-frame-line) !important; border-radius: 8px !important; background: var(--pro-frame) !important; box-shadow: none !important; } html[data-lux-root] .ab-gallery-thumbs button:has(img[data-pro-tone="dark"]) { background: var(--pro-frame-light) !important; } html[data-lux-root] .ab-gallery-thumbs button:has(img[data-pro-tone="light"]) { background: var(--pro-frame-dark) !important; } html[data-lux-root] .ab-gallery-thumbs button img { width: 100%; height: 100%; object-fit: contain !important; background: transparent !important; } html[data-lux-root] .ab-gallery-thumbs button:is(.active, :hover, :focus-visible) { outline: 2px solid var(--pro-primary); outline-offset: 1px; border-color: transparent !important; } html[data-lux-root] .ab-gallery-tools { font-size: .8rem; color: var(--pro-muted) !important; } html[data-lux-root] .ab-gallery-actions { gap: .5rem !important; } html[data-lux-root] .ab-gallery-btn { border-radius: 8px !important; border: 1px solid var(--pro-line-2) !important; background: var(--pro-surface) !important; color: var(--pro-ink) !important; box-shadow: none !important; font-weight: 600; min-height: 42px; } html[data-lux-root] .ab-gallery-btn:hover { border-color: var(--pro-primary) !important; } html[data-lux-root] .ab-gallery-btn.is-active { background: var(--pro-primary) !important; color: var(--pro-primary-ink) !important; border-color: var(--pro-primary) !important; } html[data-lux-root] .ab-gallery-modal-stage img { object-fit: contain; } /* right panel */ html[data-lux-root] .ab-auction-panel { padding: 1.25rem !important; position: sticky; top: 96px; display: grid; gap: .9rem; } html[data-lux-root] .ab-auction-panel > * { margin-bottom: 0 !important; } html[data-lux-root] .ab-auction-panel h1 { font-size: clamp(1.35rem, 1.1rem + .8vw, 1.75rem) !important; line-height: 1.2; margin: .35rem 0 0 !important; } html[data-lux-root] .ab-seller-strip { background: var(--pro-soft) !important; background-image: none !important; border: 1px solid var(--pro-line) !important; border-radius: 10px !important; padding: .75rem .85rem !important; box-shadow: none !important; } html[data-lux-root] .ab-seller-strip--verified { border-left: 3px solid var(--pro-ok) !important; } html[data-lux-root] .ab-seller-verified-kicker { background: transparent !important; color: var(--pro-ok) !important; padding: 0 !important; border: 0 !important; font-size: .72rem !important; letter-spacing: .05em; text-transform: uppercase; font-weight: 700; box-shadow: none !important; } html[data-lux-root] .ab-seller-initial { background: var(--pro-primary) !important; color: var(--pro-primary-ink) !important; border-radius: 8px !important; } html[data-lux-root] .ab-price-box { padding: 1rem 1.1rem !important; } html[data-lux-root] .ab-price-row strong, html[data-lux-root] .ab-price-box .ab-price-value { font-size: clamp(2rem, 1.6rem + 1.2vw, 2.6rem) !important; font-weight: 700 !important; letter-spacing: -.02em !important; color: var(--pro-ink) !important; } html[data-lux-root] .ab-countdown-box { display: flex !important; align-items: center; justify-content: space-between; gap: .55rem; padding: .7rem .9rem !important; border: 1px solid var(--pro-line) !important; border-radius: 10px !important; background: var(--pro-surface) !important; min-width: 0; } html[data-lux-root] .ab-countdown-box > span { flex: 0 0 auto; } html[data-lux-root] .ab-countdown-box .sf-countdown-badge { border-radius: 6px !important; background: var(--pro-soft) !important; border: 1px solid var(--pro-line) !important; color: var(--pro-ink) !important; font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap !important; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: clip; max-width: 100%; } /* Urgency beats base badge colours (grün / orange <12h / rot <1h) */ html[data-lux-root] .ab-countdown-box .sf-countdown-badge.pro-cd.pro-cd--ok, html[data-lux-root] .sf-countdown-badge.pro-cd.pro-cd--ok { color: #166534 !important; background-color: #dcfce7 !important; border-color: #bbf7d0 !important; background-image: none !important; box-shadow: none !important; } html[data-lux-root] .ab-countdown-box .sf-countdown-badge.pro-cd.pro-cd--warn, html[data-lux-root] .sf-countdown-badge.pro-cd.pro-cd--warn { color: #9a3412 !important; background-color: #ffedd5 !important; border-color: #fed7aa !important; background-image: none !important; box-shadow: none !important; } html[data-lux-root] .ab-countdown-box .sf-countdown-badge.pro-cd.pro-cd--crit, html[data-lux-root] .sf-countdown-badge.pro-cd.pro-cd--crit { color: #b91c1c !important; background-color: #fee2e2 !important; border-color: #fecaca !important; background-image: none !important; box-shadow: none !important; font-weight: 700 !important; } html[data-lux-root] .ab-countdown-box .sf-countdown-badge.pro-cd.pro-cd--ended, html[data-lux-root] .sf-countdown-badge.pro-cd.pro-cd--ended { color: #475569 !important; background-color: #e2e8f0 !important; border-color: #cbd5e1 !important; background-image: none !important; box-shadow: none !important; } @media (max-width: 575.98px) { html[data-lux-root] .ab-countdown-box { flex-wrap: nowrap !important; gap: .4rem; padding: .6rem .7rem !important; } html[data-lux-root] .ab-countdown-box .sf-countdown-badge { font-size: .78rem !important; padding: .35rem .55rem !important; letter-spacing: 0 !important; } } html[data-lux-root] .ab-auction-facts--reserve-only { border: 1px dashed var(--pro-line-2) !important; border-radius: 10px !important; background: transparent !important; padding: .6rem .85rem !important; color: var(--pro-muted) !important; } html[data-lux-root] .ab-auction-facts--reserve-only * { background: transparent !important; color: inherit; box-shadow: none !important; } html[data-lux-root] .ab-auction-facts--reserve-only strong { color: var(--pro-ink) !important; } html[data-lux-root] .ab-action-card { padding: 1rem !important; border: 1px solid var(--pro-line) !important; border-radius: 10px !important; background: var(--pro-soft) !important; box-shadow: none !important; } html[data-lux-root] .ab-action-card :is(.btn, .lux-btn) { min-height: 46px; border-radius: 8px !important; font-weight: 600; } html[data-lux-root] .ab-action-card .form-control { min-height: 44px; font-variant-numeric: tabular-nums; } html[data-lux-root] :is(.ab-badges-icon-btn, .ab-badges-print-btn) { border-radius: 8px !important; border-color: var(--pro-line-2) !important; color: var(--pro-ink) !important; background: var(--pro-surface) !important; } /* support row: seller / shipping / protection – equal height, calm */ html[data-lux-root] .ab-support-grid { gap: var(--ab-gap) !important; align-items: stretch !important; } html[data-lux-root] .ab-support-grid > .ab-info-card { padding: 1.15rem !important; height: 100%; display: flex; flex-direction: column; } html[data-lux-root] .ab-info-card h2, html[data-lux-root] .ab-info-card h3 { font-size: 1rem !important; font-weight: 650 !important; margin-bottom: .85rem !important; } html[data-lux-root] .ab-vendor-card-body { display: flex; flex-direction: column; gap: .85rem; flex: 1; } html[data-lux-root] .ab-vendor-profile { min-height: 0 !important; height: auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; align-items: center !important; gap: .85rem !important; text-align: left !important; } html[data-lux-root] .ab-vendor-profile__avatar { width: 56px !important; height: 56px !important; margin: 0 !important; } html[data-lux-root] :is(.ab-vendor-profile__logo, .ab-vendor-profile__initial) { width: 56px !important; height: 56px !important; border-radius: 10px !important; box-shadow: none !important; border: 1px solid var(--pro-line) !important; object-fit: contain; background: var(--pro-soft); } html[data-lux-root] .ab-vendor-profile__initial { display: grid !important; place-items: center; background: var(--pro-primary) !important; color: var(--pro-primary-ink) !important; font-weight: 700; } html[data-lux-root] .ab-vendor-profile__meta { align-items: flex-start !important; text-align: left !important; } html[data-lux-root] .ab-vendor-action-card { margin-top: auto !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)) !important; gap: .5rem !important; background: none !important; border: 0 !important; padding: 0 !important; } html[data-lux-root] .ab-vendor-action-card__item { flex-direction: row !important; justify-content: center; gap: .45rem !important; min-height: 42px; padding: .5rem .65rem !important; border: 1px solid var(--pro-line-2) !important; border-radius: 8px !important; background: var(--pro-surface) !important; box-shadow: none !important; color: var(--pro-ink) !important; font-size: .85rem !important; font-weight: 600; } html[data-lux-root] .ab-vendor-action-card__item:hover { border-color: var(--pro-primary) !important; } html[data-lux-root] .ab-vendor-action-card__icon { width: auto !important; height: auto !important; background: none !important; color: var(--pro-primary) !important; box-shadow: none !important; } html[data-lux-root] .ab-info-card--protection { background: var(--pro-surface) !important; background-image: none !important; border-color: var(--pro-line) !important; } html[data-lux-root] .ab-info-card--protection > *, html[data-lux-root] .ab-info-card--protection :is(a, button, div) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } html[data-lux-root] .ab-info-card--protection :is(i, svg) { color: var(--pro-ok) !important; } html[data-lux-root] .ab-info-card--protection :is(strong, h2, h3) { color: var(--pro-ink) !important; } html[data-lux-root] .ab-info-card--protection { border-top: 3px solid var(--pro-ok) !important; } /* accordions / attributes / tabs / similar */ html[data-lux-root] .ab-returns-row { padding: 1.15rem !important; } html[data-lux-root] .ab-policy-accordion { --bs-accordion-bg: transparent; --bs-accordion-border-color: var(--pro-line); --bs-accordion-btn-focus-box-shadow: 0 0 0 3px rgba(19, 37, 74, .18); --bs-accordion-active-bg: transparent; --bs-accordion-active-color: var(--pro-ink); } html[data-lux-root] .ab-policy-accordion .accordion-item { border: 0 !important; border-bottom: 1px solid var(--pro-line) !important; border-radius: 0 !important; background: transparent !important; margin: 0 !important; } html[data-lux-root] .ab-policy-accordion .accordion-item:last-child { border-bottom: 0 !important; } html[data-lux-root] .ab-policy-accordion .accordion-button { background: transparent !important; box-shadow: none !important; padding: .9rem .25rem !important; font-weight: 600; color: var(--pro-ink) !important; border-radius: 0 !important; } html[data-lux-root] .ab-policy-accordion .accordion-body { padding: 0 .25rem 1rem !important; color: var(--pro-text); } html[data-lux-root] .ab-item-info .card-body, html[data-lux-root] .ab-mini-card .card-body { padding: 1.25rem !important; } html[data-lux-root] .ab-specifics-grid { column-gap: 2.5rem !important; row-gap: 0 !important; } html[data-lux-root] .ab-specifics-grid > * { padding: .6rem 0 !important; border-bottom: 1px solid var(--pro-line); margin: 0 !important; } html[data-lux-root] .ab-detail-tabs { overflow: hidden; } html[data-lux-root] .ab-detail-tabs .nav-tabs { border-bottom: 1px solid var(--pro-line) !important; padding: 0 1rem; gap: 1.25rem; background: transparent; } html[data-lux-root] .ab-detail-tabs .nav-tabs .nav-link { border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; padding: .95rem 0 .8rem !important; color: var(--pro-muted) !important; font-weight: 600; background: transparent !important; margin-bottom: -1px; } html[data-lux-root] .ab-detail-tabs .nav-tabs .nav-link.active { color: var(--pro-ink) !important; border-bottom-color: var(--pro-primary) !important; } html[data-lux-root] .ab-detail-tabs .tab-content { border: 0 !important; padding: 1.25rem !important; } html[data-lux-root] .ab-mini-listing { padding: .6rem !important; height: 100%; display: flex; flex-direction: column; gap: .45rem; border-radius: 10px !important; } html[data-lux-root] .ab-mini-listing__title { font-size: .9rem; line-height: 1.3; color: var(--pro-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; } html[data-lux-root] .ab-mini-listing__price { color: var(--pro-ink) !important; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: auto !important; } /* side rails on the detail page: placeholder-only rails give way below 1600px */ @media (min-width: 1200px) and (max-width: 1599.98px) { html[data-lux-root] body[data-lux-route="auction"] .pf-market-layout:not(:has(.pf-banner-rail .pf-banner-placement__item)) { grid-template-columns: minmax(0, 1fr) !important; max-width: 1320px; padding-inline: 1.25rem; } html[data-lux-root] body[data-lux-route="auction"] .pf-market-layout:not(:has(.pf-banner-rail .pf-banner-placement__item)) > .pf-banner-rail { display: none !important; } html[data-lux-root] body[data-lux-route="auction"] .pf-market-layout:not(:has(.pf-banner-rail .pf-banner-placement__item)) > .pf-market-layout__main { grid-column: 1 !important; } } @media (max-width: 991.98px) { html[data-lux-root] .ab-auction-hero { grid-template-columns: minmax(0, 1fr) !important; } html[data-lux-root] .ab-auction-panel { position: static; } html[data-lux-root] .ab-support-grid { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 575.98px) { html[data-lux-root] .ab-gallery-card--with-thumbs { grid-template-columns: minmax(0, 1fr) !important; } html[data-lux-root] .ab-gallery-card--with-thumbs .ab-gallery-stage { grid-column: 1 !important; grid-row: 2 !important; } html[data-lux-root] .ab-gallery-card--with-thumbs .ab-gallery-thumbs { grid-column: 1 !important; grid-row: 3 !important; flex-direction: row !important; overflow-x: auto; max-height: none !important; } html[data-lux-root] .ab-gallery-thumbs button { width: 60px !important; height: 60px !important; } html[data-lux-root] .ab-gallery-stage { padding: .75rem; } html[data-lux-root] .ab-specifics-grid { grid-template-columns: minmax(0, 1fr) !important; } } /* ---------- shop cards (home section + /shops) ---------- */ html[data-lux-root] .pro-shop { position: relative; display: flex !important; flex-direction: column; height: 100%; padding: 0 !important; overflow: hidden; border-radius: 12px !important; } html[data-lux-root] .pro-shop__cover { position: relative; height: 76px; flex: 0 0 auto; background: var(--pro-navy); background-image: linear-gradient(135deg, var(--pro-navy) 0%, var(--pro-navy-2) 100%); border-bottom: 2px solid var(--pro-gold-a); } html[data-lux-root] .pro-shop__cover--img img { width: 100%; height: 100%; object-fit: cover; display: block; } html[data-lux-root] .pro-shop__flag { position: absolute; top: .6rem; right: .7rem; font-size: .66rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #f3e3b5; border: 1px solid rgba(201, 165, 76, .6); border-radius: 4px; padding: .15rem .45rem; background: rgba(15, 29, 58, .55); } html[data-lux-root] .pro-shop__body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 0 1.1rem 1.1rem; } html[data-lux-root] .pro-shop__logo { width: 64px; height: 64px; margin-top: -32px; margin-bottom: .7rem; border-radius: 12px; background: var(--pro-surface); border: 1px solid var(--pro-line-2); box-shadow: 0 2px 8px rgba(15, 23, 42, .12); display: grid; place-items: center; overflow: hidden; position: relative; z-index: 1; } html[data-lux-root] .pro-shop__logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; box-sizing: border-box; background: var(--pro-frame-light); } html[data-lux-root] .pro-shop__logo img[data-pro-tone="light"] { background: var(--pro-frame-dark); } html[data-lux-root] .pro-shop__logo-ph { width: 100%; height: 100%; display: grid; place-items: center; font-size: 1.5rem; font-weight: 700; color: var(--pro-ink); background: var(--pro-soft); } html[data-lux-root] .pro-shop__name { display: flex; align-items: center; gap: .5rem; min-width: 0; margin: 0 !important; font-size: 1.05rem !important; line-height: 1.3; font-weight: 650; } html[data-lux-root] .pro-shop__name-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html[data-lux-root] .pro-shop__verified { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .25rem; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--pro-ok); } html[data-lux-root] .pro-shop__verified i { font-size: .95rem; } html[data-lux-root] .pro-shop__handle { margin: .1rem 0 0 !important; font-size: .82rem; color: var(--pro-muted); } html[data-lux-root] .pro-shop__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .9rem; margin: .6rem 0 0 !important; font-size: .82rem; color: var(--pro-muted); } html[data-lux-root] .pro-shop__rating { display: inline-flex; align-items: center; gap: .3rem; } html[data-lux-root] .pro-shop__rating i { color: #b7791f; } html[data-lux-root] .pro-shop__rating strong { color: var(--pro-ink); font-weight: 650; } html[data-lux-root] .pro-shop__loc { display: inline-flex; align-items: center; gap: .3rem; } html[data-lux-root] .pro-shop__desc { margin: .6rem 0 0 !important; font-size: .86rem; line-height: 1.45; color: var(--pro-text); min-height: 2.9em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } html[data-lux-root] .pro-shop__desc--empty { visibility: hidden; } html[data-lux-root] .pro-shop__stats { display: grid; grid-template-columns: repeat(3, 1fr); margin: 1rem 0 1rem !important; margin-top: auto !important; padding: .7rem 0 0; border-top: 1px solid var(--pro-line); } html[data-lux-root] .pro-shop__stats > div { text-align: center; } html[data-lux-root] .pro-shop__stats > div + div { border-left: 1px solid var(--pro-line); } html[data-lux-root] .pro-shop__stats dt { font-size: .66rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; color: var(--pro-muted); } html[data-lux-root] .pro-shop__stats dd { margin: .15rem 0 0; font-size: 1.05rem; font-weight: 700; color: var(--pro-ink); font-variant-numeric: tabular-nums; } html[data-lux-root] .pro-shop__stats { margin-bottom: 1rem !important; } html[data-lux-root] .pro-shop__cta { display: inline-flex !important; align-items: center; justify-content: center; gap: .4rem; } html[data-lux-root][data-bs-theme="dark"] .pro-shop__rating i { color: #e0b252; } html[data-lux-root] :is(.lux-home-shop-grid, .lux-vendor-directory-grid) { align-items: stretch !important; } /* ---------- demo ad placeholders: dark premium (both themes) ---------- */ html[data-lux-root] .pf-banner-placeholder { background: var(--pro-navy) !important; background-image: radial-gradient(120% 70% at 50% 0%, rgba(201, 165, 76, .14) 0%, rgba(201, 165, 76, 0) 60%), linear-gradient(180deg, #13254a 0%, #0b1530 100%) !important; border: 1px solid rgba(201, 165, 76, .35) !important; border-radius: 12px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important; color: #e8ecf4 !important; position: relative; } html[data-lux-root] .pf-banner-placeholder::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--pro-gold-a); border-radius: 12px 12px 0 0; } html[data-lux-root] .pf-banner-placeholder__link { color: #e8ecf4 !important; gap: .55rem !important; padding: 1.25rem .9rem !important; } html[data-lux-root] .pf-banner-placeholder__icon { width: 2.5rem !important; height: 2.5rem !important; background: transparent !important; border: 1px solid rgba(201, 165, 76, .7) !important; color: #e6c877 !important; font-size: 1rem !important; } html[data-lux-root] .pf-banner-placeholder__icon i { color: #e6c877 !important; background: none !important; } html[data-lux-root] .pf-banner-placeholder__title { color: #ffffff !important; font-size: .9rem !important; font-weight: 700 !important; letter-spacing: -.005em; } html[data-lux-root] .pf-banner-placeholder__cta { color: #c9d2e3 !important; font-size: .74rem !important; opacity: 1 !important; } html[data-lux-root] .pf-banner-placeholder__cta::after { content: "Jetzt buchen \2192"; display: block; width: max-content; max-width: 100%; margin: .7rem auto 0; padding: .45rem .85rem; border-radius: 6px; background: #c9a54c; color: #0f1d3a; font-weight: 700; font-size: .74rem; letter-spacing: .01em; } html[lang^="en"][data-lux-root] .pf-banner-placeholder__cta::after { content: "Book now \2192"; } html[data-lux-root] .pf-banner-placeholder__meta { color: #e6c877 !important; opacity: 1 !important; font-size: .7rem !important; font-weight: 600; letter-spacing: .02em; } html[data-lux-root] .pf-banner-placeholder__link:hover .pf-banner-placeholder__cta::after { background: #dcbb63; } html[data-lux-root] .pf-banner-placeholder__link:focus-visible { outline: 2px solid #e6c877; outline-offset: -4px; border-radius: 10px; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__link { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "icon title meta" "icon cta meta"; text-align: left !important; align-items: center; column-gap: 1rem !important; row-gap: .2rem !important; padding: 1.1rem 1.25rem !important; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__icon { grid-area: icon; margin: 0 !important; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__title { grid-area: title; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__cta { grid-area: cta; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__meta { grid-area: meta; text-align: right; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__cta::after { display: inline-block; margin: 0 0 0 .75rem; padding: .3rem .7rem; vertical-align: middle; } @media (max-width: 575.98px) { html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__link { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "icon title" "icon cta" "icon meta"; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__meta { text-align: left; } html[data-lux-root] .pf-banner-placeholder--inline .pf-banner-placeholder__cta::after { display: block; margin: .5rem 0 0; } } html[lang^="fr"][data-lux-root] .pf-banner-placeholder__cta::after { content: "Réserver \2192"; } html[lang^="es"][data-lux-root] .pf-banner-placeholder__cta::after { content: "Reservar \2192"; } html[lang^="nl"][data-lux-root] .pf-banner-placeholder__cta::after { content: "Nu boeken \2192"; } /* t87 refinements */ html[data-lux-root] :is(.lux-auction-card__image, .lux-mkt-card-steiri__media img, .ab-mini-media img, .media-no-image--lg) { aspect-ratio: 1 / 1; padding: 8px !important; } html[data-lux-root] .lux-card--xxl .lux-auction-card__image { aspect-ratio: 4 / 3; } html[data-lux-root] .ab-info-card--protection { justify-content: flex-start; } html[data-lux-root] .ab-info-card--protection > * { height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; justify-content: flex-start !important; align-items: flex-start !important; text-align: left !important; padding: 0 !important; } html[data-lux-root] .lux-vendor__intro--premium { max-width: none !important; width: 100%; margin-inline: 0 !important; text-align: left !important; border-radius: 12px !important; padding: 1rem 1.25rem !important; background: var(--pro-surface) !important; border: 1px solid var(--pro-line) !important; box-shadow: var(--pro-shadow) !important; color: var(--pro-text) !important; } /* t88: gallery never crops */ html[data-lux-root] .ab-gallery-stage { display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden; box-sizing: border-box; } html[data-lux-root] .ab-gallery-stage #sf-gallery-main-img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; object-position: center !important; padding: 0 !important; margin: 0 !important; } html[data-lux-root] .ab-gallery-thumbs { padding: 4px !important; box-sizing: border-box; scroll-padding: 4px; } html[data-lux-root] .sf-gallery-thumb-btn { flex: 0 0 auto; padding: 5px !important; overflow: visible !important; border: 1px solid var(--pro-line, rgba(0,0,0,.12)) !important; border-radius: 8px !important; background: var(--pro-frame, #fff); outline-offset: 2px !important; } html[data-lux-root] .sf-gallery-thumb-btn img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 4px; } html[data-lux-root] .ab-gallery-modal-thumb { padding: 4px !important; } html[data-lux-root] .ab-gallery-modal-thumb img { object-fit: contain !important; } html[data-lux-root] .ab-gallery-modal-stage img { width: auto !important; height: auto !important; max-width: min(100%, 1320px) !important; max-height: calc(100vh - 230px) !important; object-fit: contain !important; } @media (max-width: 991px) { html[data-lux-root] .ab-gallery-modal-stage img { max-height: calc(100vh - 280px) !important; } } html[data-lux-root] .lux-hero-preview__media img { object-fit: contain !important; background: var(--pro-frame, #f4f6fa); padding: 4px; box-sizing: border-box; } /* t89: thumbs never clip; badges one line */ html[data-lux-root] .ab-gallery-thumbs { padding: 6px !important; gap: 8px !important; overflow-x: visible; } html[data-lux-root] .sf-gallery-thumb-btn, html[data-lux-root] .sf-gallery-thumb-btn:hover, html[data-lux-root] .sf-gallery-thumb-btn:focus { outline: none !important; transform: none !important; margin: 0 !important; box-shadow: none !important; } html[data-lux-root] .sf-gallery-thumb-btn.active { border-color: var(--pro-primary, #13254a) !important; box-shadow: inset 0 0 0 2px var(--pro-primary, #13254a) !important; } html[data-lux-root] .sf-gallery-thumb-btn:focus-visible { box-shadow: inset 0 0 0 2px var(--pro-primary, #13254a), inset 0 0 0 4px rgba(201,165,76,.7) !important; } html[data-bs-theme="dark"][data-lux-root] .sf-gallery-thumb-btn.active { border-color: #c7d4f0 !important; box-shadow: inset 0 0 0 2px #c7d4f0 !important; } html[data-lux-root] .ab-badges { display: flex; align-items: flex-start; gap: .5rem; } html[data-lux-root] .ab-badges-main { display: flex !important; flex-wrap: nowrap !important; gap: 4px !important; min-width: 0; align-items: center; } html[data-lux-root] .ab-badges-main > * { white-space: nowrap !important; font-size: .66rem !important; padding: .22rem .45rem !important; line-height: 1.2 !important; letter-spacing: .02em; flex: 0 0 auto; margin: 0 !important; } @media (max-width: 575px) { html[data-lux-root] .ab-badges-main > * { font-size: .6rem !important; padding: .2rem .38rem !important; } } @media (max-width: 359px) { html[data-lux-root] .ab-badges-main { flex-wrap: wrap !important; } } @media (min-width: 768px) { html[data-lux-root] .ab-gallery-card--with-thumbs { grid-template-columns: 92px minmax(0, 1fr) !important; } html[data-lux-root] .ab-gallery-card--with-thumbs .ab-gallery-thumbs { width: 92px !important; max-width: 92px !important; overflow-x: hidden !important; overflow-y: auto !important; } } html[data-lux-root] .ab-gallery-card--with-thumbs .sf-gallery-thumb-btn { width: 72px !important; height: 72px !important; box-sizing: border-box !important; } /* ===== t90: shop page, badges, feedback, buyer protection, dark polish ===== */ html[data-lux-root] { --pro-c-classic: #1f4e8c; --pro-c-classic-bg: #e3ebf6; --pro-c-buy: #8a5a00; --pro-c-buy-bg: #fdf0d2; --pro-c-combo: #6d28d9; --pro-c-combo-bg: #efe7ff; --pro-c-ok: #166534; --pro-c-ok-bg: #dcfce7; --pro-c-used: #7c4a03; --pro-c-used-bg: #fdecc8; } html[data-lux-root][data-bs-theme="dark"] { --pro-c-classic: #a8c1ff; --pro-c-classic-bg: rgba(59,110,240,.22); --pro-c-buy: #f3cf7a; --pro-c-buy-bg: rgba(214,170,60,.18); --pro-c-combo: #d2bcff; --pro-c-combo-bg: rgba(139,92,246,.24); --pro-c-ok: #86efac; --pro-c-ok-bg: rgba(34,197,94,.18); --pro-c-used: #fcd58a; --pro-c-used-bg: rgba(245,158,11,.18); } /* card format badge on the image, coloured */ html[data-lux-root] .lux-auction-card__countdown--static { font-weight: 700 !important; border: 0 !important; border-radius: 999px !important; padding: .22rem .6rem !important; font-size: .7rem !important; } html[data-lux-root] .lux-auction-card--classic .lux-auction-card__countdown--static { background: var(--pro-c-classic-bg) !important; color: var(--pro-c-classic) !important; } html[data-lux-root] .lux-auction-card--buy_now .lux-auction-card__countdown--static { background: var(--pro-c-buy-bg) !important; color: var(--pro-c-buy) !important; } html[data-lux-root] .lux-auction-card--combo .lux-auction-card__countdown--static { background: var(--pro-c-combo-bg) !important; color: var(--pro-c-combo) !important; } /* dedupe: type chip hidden when the image badge already names the format */ html[data-lux-root] .lux-auction-card:has(.lux-auction-card__countdown--static) .lux-auction-card__meta .lux-auction-card__type { display: none !important; } html[data-lux-root] .lux-auction-card__type, html[data-lux-root] .pf-auction-type-badge { border: 0 !important; font-weight: 700 !important; border-radius: 999px !important; } html[data-lux-root] :is(.lux-auction-card__type.pf-auction-type-badge--classic, .pf-auction-type-badge--classic) { background: var(--pro-c-classic-bg) !important; color: var(--pro-c-classic) !important; } html[data-lux-root] :is(.lux-auction-card__type.pf-auction-type-badge--buynow, .pf-auction-type-badge--buynow) { background: var(--pro-c-buy-bg) !important; color: var(--pro-c-buy) !important; } html[data-lux-root] :is(.lux-auction-card__type.pf-auction-type-badge--combo, .pf-auction-type-badge--combo) { background: var(--pro-c-combo-bg) !important; color: var(--pro-c-combo) !important; } html[data-lux-root] :is(.lux-auction-card__cond, .pf-condition-badge) { border: 0 !important; font-weight: 700 !important; border-radius: 999px !important; background: var(--pro-c-used-bg) !important; color: var(--pro-c-used) !important; } html[data-lux-root] :is(.lux-auction-card__cond--new, .pf-condition-badge--new, .lux-auction-card__cond--success, .pf-condition-badge--success) { background: var(--pro-c-ok-bg) !important; color: var(--pro-c-ok) !important; } html[data-lux-root] .pf-status-badge--active { background: var(--pro-c-ok-bg) !important; color: var(--pro-c-ok) !important; border: 0 !important; border-radius: 999px !important; font-weight: 700 !important; } html[data-lux-root] .ab-badges-main > * { border-radius: 999px !important; } /* stars */ html[data-lux-root] .pro-stars { --s: 15px; display: inline-block; width: calc(var(--s) * 5); height: var(--s); vertical-align: -2px; background: linear-gradient(90deg, #e5a50a calc(var(--r, 0) / 5 * 100%), var(--pro-line-2, #cbd2dc) 0); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.9 7.5.7-5.7 5 1.7 7.4L12 18.3 5.5 22l1.7-7.4-5.7-5 7.5-.7z'/%3E%3C/svg%3E") 0 0 / var(--s) var(--s) repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.9 7.5.7-5.7 5 1.7 7.4L12 18.3 5.5 22l1.7-7.4-5.7-5 7.5-.7z'/%3E%3C/svg%3E") 0 0 / var(--s) var(--s) repeat-x; } html[data-lux-root] .pro-stars--lg { --s: 22px; } /* buttons */ html[data-lux-root] .pro-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .6rem 1.05rem; border-radius: 10px; font-weight: 700; font-size: .9rem; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: background .15s, border-color .15s, transform .15s; } html[data-lux-root] .pro-btn--gold { background: linear-gradient(180deg, #d9b860, #c49a3c); color: #1a1405 !important; border-color: #b8902f; } html[data-lux-root] .pro-btn--gold:hover { transform: translateY(-1px); filter: brightness(1.05); } html[data-lux-root] .pro-btn--ghost { background: transparent; color: var(--pro-ink) !important; border-color: var(--pro-line-2, #cbd2dc); } html[data-lux-root] .pro-btn--ghost:hover { border-color: var(--pro-primary); } html[data-lux-root] .pro-btn--block { width: 100%; } /* shop page */ html[data-lux-root] .pro-vshop { display: grid; gap: 1.25rem; } html[data-lux-root] .pro-vshop__hero { position: relative; border-radius: 16px; overflow: hidden; background: var(--pro-surface); border: 1px solid var(--pro-line); box-shadow: var(--pro-shadow); } html[data-lux-root] .pro-vshop__cover { position: relative; height: 150px; background: radial-gradient(circle at 85% 20%, rgba(201,165,76,.28), transparent 45%), radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.4px) 0 0 / 18px 18px, linear-gradient(120deg, #0f1d3a, #172a52 60%, #0f1d3a); border-bottom: 3px solid var(--pro-gold-a); display: flex; align-items: center; justify-content: flex-end; padding-right: 2.5rem; } html[data-lux-root] .pro-vshop__cover--img { background: #0f1d3a; } html[data-lux-root] .pro-vshop__cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } html[data-lux-root] .pro-vshop__emblem { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; font-size: 2rem; color: #e7cf8e; background: rgba(255,255,255,.06); border: 1px solid rgba(201,165,76,.55); box-shadow: 0 0 0 8px rgba(201,165,76,.08); } html[data-lux-root] .pro-vshop__head { display: grid; grid-template-columns: auto 1fr auto; gap: 1.25rem; align-items: end; padding: 0 1.5rem 1.1rem; margin-top: -44px; position: relative; } html[data-lux-root] .pro-vshop__logo { width: 104px; height: 104px; border-radius: 18px; overflow: hidden; background: var(--pro-frame-light); border: 4px solid var(--pro-surface); box-shadow: 0 6px 18px rgba(15,23,42,.18); display: grid; place-items: center; } html[data-lux-root] .pro-vshop__logo img { width: 100%; height: 100%; object-fit: contain; padding: 6px; box-sizing: border-box; } html[data-lux-root] .pro-vshop__logo-ph { font-size: 2.4rem; font-weight: 800; color: #e7cf8e; background: #0f1d3a; width: 100%; height: 100%; display: grid; place-items: center; } html[data-lux-root] .pro-vshop__name-row { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; } html[data-lux-root] .pro-vshop__name { margin: 0; font-size: clamp(1.4rem, 2.2vw, 1.9rem); font-weight: 800; color: var(--pro-ink); letter-spacing: -.01em; } html[data-lux-root] .pro-vshop__verified { display: inline-flex; align-items: center; gap: .3rem; white-space: nowrap; font-size: .72rem; font-weight: 700; padding: .25rem .6rem; border-radius: 999px; background: var(--pro-c-ok-bg); color: var(--pro-c-ok); } html[data-lux-root] .pro-vshop__facts { list-style: none; margin: .45rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; color: var(--pro-muted); font-size: .88rem; } html[data-lux-root] .pro-vshop__facts li { display: inline-flex; align-items: center; gap: .4rem; } html[data-lux-root] .pro-vshop__facts i { color: var(--pro-gold); } html[data-lux-root] .pro-vshop__facts strong { color: var(--pro-ink); } html[data-lux-root] .pro-vshop__cta { display: flex; gap: .5rem; flex-wrap: wrap; } html[data-lux-root] .pro-vshop__chips { list-style: none; margin: 0; padding: .85rem 1.5rem 1.1rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; border-top: 1px solid var(--pro-line); } html[data-lux-root] .pro-vshop__chips li { display: flex; align-items: baseline; gap: .45rem; padding: .55rem .8rem; border-radius: 10px; background: var(--pro-soft); } html[data-lux-root] .pro-vshop__chips strong { font-size: 1.15rem; color: var(--pro-ink); } html[data-lux-root] .pro-vshop__chips span { font-size: .8rem; color: var(--pro-muted); } html[data-lux-root] .pro-vshop__chips .is-pos strong { color: var(--pro-c-ok); } html[data-lux-root] .pro-vshop__layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 1.25rem; align-items: start; } html[data-lux-root] .pro-vshop__h2 { font-size: 1.15rem; font-weight: 800; color: var(--pro-ink); margin: 0 0 .85rem; display: flex; align-items: center; gap: .5rem; } html[data-lux-root] .pro-vshop__count { font-size: .75rem; padding: .1rem .5rem; border-radius: 999px; background: var(--pro-soft); color: var(--pro-muted); } html[data-lux-root] .pro-vshop__grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important; gap: 1rem !important; } html[data-lux-root] .pro-vshop__side { display: grid; gap: 1rem; position: sticky; top: 90px; } html[data-lux-root] .pro-vshop__card { background: var(--pro-surface); border: 1px solid var(--pro-line); border-radius: 14px; padding: 1.1rem; box-shadow: var(--pro-shadow); } html[data-lux-root] .pro-vshop__h3 { font-size: .95rem; font-weight: 800; margin: 0 0 .65rem; color: var(--pro-ink); display: flex; align-items: center; gap: .5rem; } html[data-lux-root] .pro-vshop__h3 i { color: var(--pro-gold); } html[data-lux-root] .pro-vshop__about { font-size: .9rem; color: var(--pro-text); margin: 0 0 .75rem; } html[data-lux-root] .pro-vshop__dl { margin: 0 0 .9rem; display: grid; gap: .35rem; font-size: .85rem; } html[data-lux-root] .pro-vshop__dl div { display: flex; justify-content: space-between; gap: .75rem; border-bottom: 1px dashed var(--pro-line); padding-bottom: .35rem; } html[data-lux-root] .pro-vshop__dl dt { color: var(--pro-muted); font-weight: 500; } html[data-lux-root] .pro-vshop__dl dd { margin: 0; color: var(--pro-ink); font-weight: 600; text-align: right; } html[data-lux-root] .pro-vshop__card--trust { border-top: 3px solid var(--pro-c-ok); } html[data-lux-root] .pro-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; font-size: .88rem; color: var(--pro-text); } html[data-lux-root] .pro-checks i { color: var(--pro-c-ok); margin-right: .45rem; } /* feedback (eBay style) */ html[data-lux-root] .pro-fb { margin-top: 1.75rem; background: var(--pro-surface); border: 1px solid var(--pro-line); border-radius: 14px; padding: 1.25rem; box-shadow: var(--pro-shadow); } html[data-lux-root] .pro-fb__summary { display: grid; grid-template-columns: 220px 1fr; gap: 1.25rem; align-items: center; padding-bottom: 1rem; margin-bottom: .5rem; border-bottom: 1px solid var(--pro-line); } html[data-lux-root] .pro-fb__score { display: grid; gap: .2rem; } html[data-lux-root] .pro-fb__score > strong { font-size: 2rem; line-height: 1; color: var(--pro-c-ok); font-weight: 800; } html[data-lux-root] .pro-fb__score span:not(.pro-stars) { color: var(--pro-muted); font-size: .85rem; } html[data-lux-root] .pro-fb__score small { color: var(--pro-muted); } html[data-lux-root] .pro-fb__table { width: 100%; border-collapse: collapse; font-size: .88rem; } html[data-lux-root] .pro-fb__table th, html[data-lux-root] .pro-fb__table td { padding: .4rem .6rem; text-align: right; border-bottom: 1px solid var(--pro-line); color: var(--pro-text); } html[data-lux-root] .pro-fb__table thead th { color: var(--pro-muted); font-weight: 600; font-size: .78rem; } html[data-lux-root] .pro-fb__table tbody th { text-align: left; font-weight: 600; } html[data-lux-root] .pro-fb__table tbody th i { margin-right: .4rem; } html[data-lux-root] .is-positive i, html[data-lux-root] .pro-fb__item.is-positive .pro-fb__icon { color: #16a34a; } html[data-lux-root] .is-neutral i, html[data-lux-root] .pro-fb__item.is-neutral .pro-fb__icon { color: #8b95a5; } html[data-lux-root] .is-negative i, html[data-lux-root] .pro-fb__item.is-negative .pro-fb__icon { color: #dc2626; } html[data-lux-root] .pro-fb__list { list-style: none; margin: 0; padding: 0; } html[data-lux-root] .pro-fb__item { display: grid; grid-template-columns: 28px 1fr auto; gap: .8rem; padding: .9rem 0; border-bottom: 1px solid var(--pro-line); } html[data-lux-root] .pro-fb__item:last-child { border-bottom: 0; } html[data-lux-root] .pro-fb__icon { font-size: 1.25rem; margin-top: .1rem; } html[data-lux-root] .pro-fb__comment { margin: 0; color: var(--pro-ink); font-weight: 500; } html[data-lux-root] .pro-fb__item-title { margin: .25rem 0 0; font-size: .82rem; color: var(--pro-muted); } html[data-lux-root] .pro-fb__item-title a { color: var(--pro-link, var(--pro-primary)); } html[data-lux-root] .pro-fb__reply { margin: .45rem 0 0; font-size: .84rem; padding: .45rem .65rem; border-left: 3px solid var(--pro-gold-a); background: var(--pro-soft); border-radius: 0 8px 8px 0; color: var(--pro-text); } html[data-lux-root] .pro-fb__reply i { margin-right: .4rem; color: var(--pro-gold); } html[data-lux-root] .pro-fb__meta { display: grid; justify-items: end; gap: .15rem; font-size: .8rem; color: var(--pro-muted); white-space: nowrap; } html[data-lux-root] .pro-fb__user { font-weight: 600; color: var(--pro-text); } html[data-lux-root] .pro-fb__more { margin-top: .75rem; } @media (max-width: 1199px) { html[data-lux-root] .pro-vshop__layout { grid-template-columns: 1fr; } html[data-lux-root] .pro-vshop__side { position: static; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } } @media (max-width: 767px) { html[data-lux-root] .pro-vshop__cover { height: 110px; padding-right: 1rem; } html[data-lux-root] .pro-vshop__emblem { width: 56px; height: 56px; font-size: 1.4rem; } html[data-lux-root] .pro-vshop__head { grid-template-columns: auto 1fr; padding: 0 1rem 1rem; margin-top: -36px; gap: .85rem; } html[data-lux-root] .pro-vshop__logo { width: 80px; height: 80px; } html[data-lux-root] .pro-vshop__cta { grid-column: 1 / -1; } html[data-lux-root] .pro-vshop__cta .pro-btn { flex: 1; } html[data-lux-root] .pro-vshop__chips { grid-template-columns: repeat(2, 1fr); padding: .75rem 1rem 1rem; } html[data-lux-root] .pro-vshop__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; } html[data-lux-root] .pro-fb__summary { grid-template-columns: 1fr; } html[data-lux-root] .pro-fb__item { grid-template-columns: 24px 1fr; } html[data-lux-root] .pro-fb__meta { grid-column: 2; justify-items: start; display: flex; gap: .6rem; flex-wrap: wrap; } } /* buyer protection card (detail) */ html[data-lux-root] .ab-info-card--protection { display: flex; flex-direction: column; border-top: 3px solid var(--pro-c-ok) !important; background: linear-gradient(180deg, rgba(22,163,74,.06), transparent 40%), var(--pro-surface) !important; } html[data-lux-root] .pro-bp { display: flex; flex-direction: column; gap: .8rem; height: 100%; } html[data-lux-root] .pro-bp__head { display: flex; gap: .75rem; align-items: center; } html[data-lux-root] .pro-bp__shield { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; display: grid; place-items: center; font-size: 1.25rem; color: #fff; background: linear-gradient(140deg, #16a34a, #0f7a37); box-shadow: 0 0 0 3px rgba(201,165,76,.35); } html[data-lux-root] .pro-bp__eyebrow { margin: 0; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pro-gold); } html[data-lux-root] .pro-bp__title { margin: 0; font-size: 1.02rem; font-weight: 800; color: var(--pro-ink); } html[data-lux-root] .pro-bp__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; } html[data-lux-root] .pro-bp__list li { display: grid; grid-template-columns: 26px 1fr; gap: .5rem; align-items: start; font-size: .82rem; color: var(--pro-muted); } html[data-lux-root] .pro-bp__list i { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; font-size: .78rem; color: var(--pro-c-ok); background: var(--pro-c-ok-bg); } html[data-lux-root] .pro-bp__list strong { display: block; color: var(--pro-ink); font-size: .86rem; } html[data-lux-root] .pro-bp__how { margin: 0; font-size: .8rem; color: var(--pro-muted); padding: .5rem .65rem; border-radius: 8px; background: var(--pro-soft); } html[data-lux-root] .pro-bp__how i { color: var(--pro-gold); margin-right: .35rem; } html[data-lux-root] .pro-bp__foot { margin-top: auto; display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; padding-top: .5rem; border-top: 1px solid var(--pro-line); } html[data-lux-root] .pro-bp__link { font-weight: 700; font-size: .85rem; color: var(--pro-c-ok) !important; text-decoration: none; } html[data-lux-root] .pro-bp__details { background: none; border: 1px solid var(--pro-line-2, #cbd2dc); color: var(--pro-text); border-radius: 8px; padding: .3rem .6rem; font-size: .78rem; font-weight: 600; } /* seller card: fill space */ html[data-lux-root] .ab-vendor-card { display: flex; flex-direction: column; } html[data-lux-root] .ab-vendor-card .ab-vendor-action-card { margin-top: auto !important; } html[data-lux-root] .ab-support-grid { align-items: stretch !important; } /* dark polish: never white blocks */ html[data-lux-root][data-bs-theme="dark"] :is(.btn-light, .btn-outline-secondary, .btn-outline-primary, .btn-secondary, .lux-btn--ghost, .lux-btn--secondary, .lux-btn--outline, .lux-btn--light) { background: transparent !important; color: var(--pro-ink) !important; border-color: rgba(255,255,255,.22) !important; } html[data-lux-root][data-bs-theme="dark"] :is(.btn-light, .btn-outline-secondary, .btn-outline-primary, .lux-btn--ghost, .lux-btn--secondary, .lux-btn--outline, .lux-btn--light):hover { background: rgba(255,255,255,.06) !important; border-color: var(--pro-gold) !important; } html[data-lux-root][data-bs-theme="dark"] :is(.btn-primary, .lux-btn--primary, .ab-bid-submit, button[type="submit"].btn-dark, .btn-dark) { background: linear-gradient(180deg, #d9b860, #c49a3c) !important; color: #1a1405 !important; border-color: #b8902f !important; } html[data-lux-root][data-bs-theme="dark"] :is(.form-control, .form-select, input[type="number"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, select) { background-color: #121a2a !important; color: var(--pro-ink) !important; border-color: rgba(255,255,255,.16) !important; } html[data-lux-root][data-bs-theme="dark"] :is(.input-group-text) { background: #1b2433 !important; color: var(--pro-muted) !important; border-color: rgba(255,255,255,.16) !important; } html[data-lux-root][data-bs-theme="dark"] :is(.ab-vendor-profile__avatar, .ab-vendor-profile__initial, .ab-seller-avatar, .lux-avatar) { background: #1b2433 !important; color: #e7cf8e !important; border-color: rgba(255,255,255,.12) !important; } html[data-lux-root][data-bs-theme="dark"] .badge.bg-light, html[data-lux-root][data-bs-theme="dark"] .bg-light, html[data-lux-root][data-bs-theme="dark"] .bg-white { background-color: #1b2433 !important; color: var(--pro-text) !important; } html[data-lux-root][data-bs-theme="dark"] .sf-gallery-thumb-btn { background: var(--pro-frame) !important; border-color: rgba(255,255,255,.12) !important; } html[data-lux-root][data-bs-theme="dark"] .ab-gallery-modal-stage img { background: #1b2433 !important; } html[data-lux-root][data-bs-theme="dark"] .pro-vshop__logo { border-color: var(--pro-surface); } /* t93 business blue: replace Bootstrap primary everywhere */ :root, html, html[data-bs-theme="light"] { --bs-primary: #1f4e8c; --bs-primary-rgb: 31,78,140; --bs-primary-text-emphasis: #163a69; --bs-primary-bg-subtle: #e6edf7; --bs-primary-border-subtle: #b9cbe5; --bs-link-color: #1f4e8c; --bs-link-color-rgb: 31,78,140; --bs-link-hover-color: #163a69; --bs-link-hover-color-rgb: 22,58,105; --bs-focus-ring-color: rgba(31,78,140,.25); } html[data-bs-theme="dark"] { --bs-primary: #2c5a9e; --bs-primary-rgb: 44,90,158; --bs-primary-text-emphasis: #9db8ec; --bs-primary-bg-subtle: #14233d; --bs-primary-border-subtle: #2a4572; --bs-link-color: #9db8ec; --bs-link-color-rgb: 157,184,236; --bs-link-hover-color: #bfd1f3; --bs-link-hover-color-rgb: 191,209,243; --bs-focus-ring-color: rgba(157,184,236,.3); } .btn-primary { --bs-btn-bg:#1f4e8c; --bs-btn-border-color:#1f4e8c; --bs-btn-hover-bg:#183f73; --bs-btn-hover-border-color:#183f73; --bs-btn-active-bg:#143563; --bs-btn-active-border-color:#143563; --bs-btn-disabled-bg:#1f4e8c; --bs-btn-disabled-border-color:#1f4e8c; --bs-btn-focus-shadow-rgb:31,78,140; --bs-btn-color:#fff; --bs-btn-hover-color:#fff; --bs-btn-active-color:#fff; } .btn-outline-primary { --bs-btn-color:#1f4e8c; --bs-btn-border-color:#1f4e8c; --bs-btn-hover-bg:#1f4e8c; --bs-btn-hover-border-color:#1f4e8c; --bs-btn-hover-color:#fff; --bs-btn-active-bg:#183f73; --bs-btn-active-border-color:#183f73; --bs-btn-active-color:#fff; --bs-btn-disabled-color:#1f4e8c; --bs-btn-disabled-border-color:#1f4e8c; --bs-btn-focus-shadow-rgb:31,78,140; } [data-bs-theme="dark"] .btn-primary { --bs-btn-bg:#2c5a9e; --bs-btn-border-color:#2c5a9e; --bs-btn-hover-bg:#356ab4; --bs-btn-hover-border-color:#356ab4; --bs-btn-active-bg:#244c86; --bs-btn-active-border-color:#244c86; --bs-btn-focus-shadow-rgb:157,184,236; box-shadow:none; } [data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color:#9db8ec; --bs-btn-border-color:#3d5f94; --bs-btn-hover-bg:#1c2f50; --bs-btn-hover-border-color:#9db8ec; --bs-btn-hover-color:#e6eefc; --bs-btn-active-bg:#22385f; --bs-btn-active-color:#e6eefc; --bs-btn-disabled-color:#9db8ec; } .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-check-input:focus, .form-control:focus, .form-select:focus { border-color: color-mix(in srgb, var(--bs-primary) 60%, #fff); box-shadow: 0 0 0 .2rem var(--bs-focus-ring-color); } .form-switch .form-check-input:focus:not(:checked) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238fa9d3'/%3e%3c/svg%3e"); } .pagination { --bs-pagination-color: var(--bs-link-color); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-focus-box-shadow: 0 0 0 .2rem var(--bs-focus-ring-color); } .nav-pills { --bs-nav-pills-link-active-bg: var(--bs-primary); } .nav { --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); } .progress, .progress-stacked { --bs-progress-bar-bg: var(--bs-primary); } .dropdown-menu { --bs-dropdown-link-active-bg: var(--bs-primary); } .list-group { --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); } .text-primary { color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity, 1)) !important; } [data-bs-theme="dark"] .text-primary, [data-bs-theme="dark"] .link-primary { color: #9db8ec !important; } .bg-primary { background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .border-primary { border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 1)) !important; } .link-primary { color: var(--bs-link-color) !important; } /* footer revocation pill: keep two words apart even when lines render inline */ .sf-revocation-footer-pill .sf-cookie-footer-pill__line + .sf-cookie-footer-pill__line { margin-left: .25em; } .sf-cookie-footer-pill__text[style*="flex"], .sf-revocation-footer-pill .sf-cookie-footer-pill__text { column-gap: .25em; } html[data-bs-theme="dark"] .sf-revocation__submit, html[data-ui-mode="dark"] .sf-revocation__submit { background: #2c5a9e; color: #fff; box-shadow: none; } .sf-revocation__submit:hover { background: #183f73; } html[data-bs-theme="dark"] .sf-revocation__submit:hover { background: #356ab4; } /* t94 hero top offer: wider card, real actions, slider nav */ html[data-lux-root] .lux-hero__visuals { width: clamp(260px, 24vw, 330px) !important; max-width: 330px !important; } html[data-lux-root] .lux-hero-preview-rotator { width: 100% !important; --lux-hero-card-h: 392px; } html[data-lux-root] .lux-hero-preview-rotator .lux-hero-preview--featured, html[data-lux-root] .lux-hero-preview-rotator .lux-hero-preview--live { max-width: none !important; } html[data-lux-root] .pro-hero-offer { position: relative; display: block !important; padding: .6rem !important; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__badge { position: absolute; top: .9rem; left: .9rem; z-index: 3; } html[data-lux-root] .pro-hero-offer__link { display: flex; flex-direction: column; gap: .55rem; height: 100%; color: inherit; text-decoration: none; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__media { display: block; height: 215px !important; max-height: none !important; aspect-ratio: auto !important; border-radius: 12px; overflow: hidden; background: #1b2433; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__media img { width: 100%; height: 100%; object-fit: contain !important; padding: 6px; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__body { display: flex !important; flex-direction: column; gap: .3rem; padding: 0 .2rem; flex: 1; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__title { font-weight: 700; font-size: .95rem; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; } html[data-lux-root] .pro-hero-offer__shop { font-size: .75rem; color: #b6c2d6; } html[data-lux-root] .pro-hero-offer__row { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__price { font-size: 1.15rem; font-weight: 800; color: #e5c983; } html[data-lux-root] .pro-hero-offer__end { font-size: .72rem; color: #b6c2d6; white-space: nowrap; } html[data-lux-root] .pro-hero-offer__cta { margin-top: auto; display: inline-flex; justify-content: center; align-items: center; gap: .35rem; padding: .45rem .7rem; border-radius: 10px; background: linear-gradient(180deg, #d9b860, #c49a3c); color: #1a1405; font-weight: 700; font-size: .82rem; } html[data-lux-root] .pro-hero-offer__actions { position: absolute; top: .9rem; right: .9rem; z-index: 4; display: flex; gap: .35rem; } html[data-lux-root] .pro-hero-offer__act { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; border: 1px solid rgba(255,255,255,.22); background: rgba(11,18,32,.72); color: #fff; backdrop-filter: blur(6px); cursor: pointer; padding: 0; text-decoration: none; } html[data-lux-root] .pro-hero-offer__act:hover, html[data-lux-root] .pro-hero-offer__act:focus-visible { background: #1f4e8c; outline: 2px solid #e5c983; outline-offset: 1px; } html[data-lux-root] .pro-hero-offer__act[aria-pressed="true"], html[data-lux-root] .pro-hero-offer__act.is-active { background: #c0392b; border-color: #c0392b; } html[data-lux-root] .pro-hero-offer__act[aria-pressed="true"] .bi-heart::before { content: "\f415"; } html[data-lux-root] .lux-hero-preview.pro-hero-offer.is-active:hover { transform: none; } html[data-lux-root] .pro-hero-nav { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: .55rem; } html[data-lux-root] .pro-hero-nav__btn { width: 30px; height: 30px; border-radius: 999px; border: 1px solid rgba(255,255,255,.25); background: rgba(11,18,32,.6); color: #fff; display: grid; place-items: center; padding: 0; } html[data-lux-root] .pro-hero-nav__dots { display: flex; gap: .3rem; } html[data-lux-root] .pro-hero-nav__dot { width: 24px; height: 24px; border: 0; padding: 0; background: transparent; position: relative; } html[data-lux-root] .pro-hero-nav__dot::after { content: ""; position: absolute; inset: 8px; border-radius: 999px; background: rgba(255,255,255,.4); } html[data-lux-root] .pro-hero-nav__dot.is-active::after { background: #e5c983; inset: 8px 4px; } @media (max-width: 991px) { html[data-lux-root] .lux-hero__visuals { width: min(100%, 340px) !important; justify-self: center !important; } } @media (prefers-reduced-motion: reduce) { html[data-lux-root] .lux-hero-preview { transition: none !important; } } .pro-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; background: #0b1220; color: #fff; padding: .6rem 1rem; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.3); z-index: 2000; transition: .25s; font-weight: 600; } .pro-toast.is-on { opacity: 1; transform: translate(-50%, 0); } /* t92 dark: cookie bar was light */ html[data-bs-theme="dark"] .sf-cookie-bar { background: transparent !important; color: #e8eef8 !important; border-color: rgba(255,255,255,.12) !important; } html[data-bs-theme="dark"] .sf-cookie-bar :is(p, span, small, a:not(.btn)) { color: #c4cedd !important; } html[data-bs-theme="dark"] .sf-cookie-bar__title { color: #f1f5f9 !important; } html[data-bs-theme="dark"] .sf-cookie-bar :is(.btn-light, .btn-outline-secondary, .btn-secondary) { background: transparent !important; color: #e8eef8 !important; border: 1px solid rgba(255,255,255,.28) !important; } html[data-bs-theme="dark"] .sf-cookie-bar__card { background: #111a2e !important; border: 1px solid rgba(255,255,255,.12) !important; color: #e8eef8 !important; } html[data-bs-theme="dark"] .sf-cookie-bar__card { background-image: none !important; box-shadow: 0 18px 40px rgba(0,0,0,.45) !important; } html[data-bs-theme="dark"] .sf-cookie-root .sf-cookie-btn:is(.sf-cookie-btn--ghost, .sf-cookie-btn--outline) { background: transparent !important; color: #e8eef8 !important; border: 1px solid rgba(255,255,255,.28) !important; } html[data-bs-theme="dark"] .sf-cookie-root .sf-cookie-btn--primary { background: #2c5a9e !important; border: 1px solid #2c5a9e !important; color: #fff !important; box-shadow: none !important; } /* t95 shop header: name + badge fully below cover, only logo overlaps */ html[data-lux-root] .pro-vshop__head { margin-top: 0 !important; align-items: start !important; padding-top: .85rem !important; } html[data-lux-root] .pro-vshop__logo { margin-top: -58px; } html[data-lux-root] .pro-vshop__id { min-width: 0; padding-top: .1rem; } html[data-lux-root] .pro-vshop__name { font-size: 1.5rem !important; line-height: 1.2; overflow-wrap: anywhere; } html[data-lux-root] .pro-vshop__verified { font-size: .66rem !important; padding: .18rem .5rem !important; } html[data-lux-root] .pro-vshop__verified i { font-size: .8rem; } html[data-lux-root] .pro-vshop__head > :last-child:not(.pro-vshop__id) { align-self: center; } @media (max-width: 767px) { html[data-lux-root] .pro-vshop__logo { margin-top: -46px; } html[data-lux-root] .pro-vshop__name { font-size: 1.25rem !important; } html[data-lux-root] .pro-vshop__head > :last-child:not(.pro-vshop__id) { grid-column: 1 / -1; } } /* t95 hero top offer: landscape media, compact card so hero has no empty band */ html[data-lux-root] .lux-hero-preview-rotator { --lux-hero-card-h: 312px !important; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__media { height: auto !important; aspect-ratio: 16 / 9 !important; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__title { -webkit-line-clamp: 1 !important; font-size: .9rem; } html[data-lux-root] .pro-hero-offer__link { gap: .45rem; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__body { gap: .2rem; } html[data-lux-root] .pro-hero-offer .lux-hero-preview__price { font-size: 1.05rem; } html[data-lux-root] .pro-hero-offer__cta { padding: .38rem .6rem; font-size: .78rem; } html[data-lux-root] .pro-hero-nav { margin-top: .35rem; gap: .3rem; } html[data-lux-root] .pro-hero-nav__btn { width: 24px; height: 24px; font-size: .7rem; } html[data-lux-root] .pro-hero-nav__dot { width: 18px; height: 24px; } html[data-lux-root] .pro-hero-nav__dot::after { inset: 9px 5px; } html[data-lux-root] .pro-hero-nav__dot.is-active::after { inset: 9px 2px; } /* t96 sticky offsets: below fixed chrome (top bar + header) */ html[data-lux-root] { --pro-chrome-h: 107px; --pro-sticky-gap: 16px; } html[data-lux-root] .pro-vshop__side, html[data-lux-root] .ab-auction-panel { top: calc(var(--pro-chrome-h) + var(--pro-sticky-gap)) !important; z-index: 2; } /* t96 fiery top-offer badge */ html[data-lux-root] .lux-hero-preview__badge.pro-fire-badge { display: inline-flex !important; align-items: center; gap: .35rem; background: linear-gradient(135deg, #ffb200 0%, #ff6a00 45%, #e5202e 100%) !important; color: #fff !important; border: 0 !important; text-shadow: 0 1px 1px rgba(120,20,0,.45); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 4px 14px rgba(255,90,0,.45); font-weight: 800; letter-spacing: .04em; animation: proFireGlow 2.4s ease-in-out infinite; } html[data-lux-root] .pro-fire-badge i { color: #fff3c4; filter: drop-shadow(0 0 3px rgba(255,200,0,.9)); animation: proFireFlick 1.2s ease-in-out infinite alternate; } @keyframes proFireGlow { 0%,100% { box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 4px 12px rgba(255,90,0,.35); } 50% { box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset, 0 4px 20px rgba(255,70,0,.7); } } @keyframes proFireFlick { from { transform: scale(1) rotate(-4deg); } to { transform: scale(1.12) rotate(4deg); } } @media (prefers-reduced-motion: reduce) { html[data-lux-root] .pro-fire-badge, html[data-lux-root] .pro-fire-badge i { animation: none !important; } } /* t96 hero left: centred, hierarchy, coloured CTAs, USP chips */ html[data-lux-root] .lux-hero--cms .lux-hero__layout { align-items: center !important; } html[data-lux-root] .lux-hero--cms .lux-hero__main { display: flex; flex-direction: column; justify-content: center; gap: .9rem; } html[data-lux-root] .lux-hero--cms .lux-hero__title :is(h1,h2,p) { margin-bottom: 0; } html[data-lux-root] .lux-hero--cms .lux-hero__lead strong:first-child, html[data-lux-root] .lux-hero--cms .lux-hero__lead b:first-child { display: inline-block; color: #e7cf8e; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; margin-bottom: .35rem; } html[data-lux-root] .lux-hero--cms .lux-hero__lead { color: rgba(226,232,240,.88); max-width: 62ch; } html[data-lux-root] .lux-hero--cms .lux-hero__actions { gap: .7rem; margin-top: .2rem; } html[data-lux-root] .lux-hero--cms .lux-hero__actions .lux-cta { padding: .7rem 1.35rem !important; border-radius: 10px !important; font-weight: 700 !important; transition: transform .15s, box-shadow .15s, filter .15s; } html[data-lux-root] .lux-hero--cms .lux-hero__actions .lux-cta:first-child { background: linear-gradient(135deg, #e7cf8e, #c9a54c 55%, #a8842f) !important; color: #1a1405 !important; border: 1px solid #c9a54c !important; box-shadow: 0 6px 18px rgba(201,165,76,.35); } html[data-lux-root] .lux-hero--cms .lux-hero__actions .lux-cta:nth-child(2) { background: linear-gradient(135deg, #2f6fd6, #1f4e9c) !important; color: #fff !important; border: 1px solid #3d7be0 !important; box-shadow: 0 6px 18px rgba(31,78,156,.4); } html[data-lux-root] .lux-hero--cms .lux-hero__actions .lux-cta :is(i,svg,span) { color: inherit !important; } html[data-lux-root] .lux-hero--cms .lux-hero__actions .lux-cta:hover { transform: translateY(-1px); filter: brightness(1.06); } html[data-lux-root] .pro-hero-usps { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; max-width: 640px; } html[data-lux-root] .pro-hero-usps li { display: flex; align-items: center; gap: .6rem; padding: .6rem .75rem; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: rgba(226,232,240,.8); font-size: .76rem; line-height: 1.25; } html[data-lux-root] .pro-hero-usps i { flex: 0 0 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: rgba(201,165,76,.16); color: #e7cf8e; font-size: .9rem; } html[data-lux-root] .pro-hero-usps strong { display: block; color: #fff; font-size: .84rem; } @media (max-width: 767px) { html[data-lux-root] .pro-hero-usps { grid-template-columns: 1fr; gap: .45rem; } html[data-lux-root] .pro-hero-usps li { padding: .5rem .65rem; } html[data-lux-root] .lux-hero--cms .lux-hero__actions .lux-cta { flex: 1 1 auto; justify-content: center; } } /* t97 description show more/less: always below text, centred */ html[data-lux-root] .sf-long-richtext { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; } html[data-lux-root] .sf-long-richtext > .sf-long-richtext__body { width: 100% !important; max-width: none !important; flex: 0 0 auto !important; } html[data-lux-root] .sf-long-richtext > .sf-long-richtext__actions { position: relative; z-index: 2; display: flex !important; justify-content: center; width: 100%; margin: .6rem 0 0 !important; padding-top: .6rem; border-top: 1px dashed var(--pro-line, rgba(15,23,42,.12)); } html[data-lux-root] .sf-long-richtext__toggle { border-radius: 999px !important; padding: .4rem 1.1rem !important; font-weight: 600; } /* t101 hero: full container width, lower height */ html[data-lux-root] .lux-hero--cms .lux-hero__content { width: 100% !important; box-sizing: border-box; padding-top: .9rem !important; padding-bottom: .9rem !important; } html[data-lux-root] .lux-hero--cms .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important; } html[data-lux-root] .lux-hero--cms .lux-hero__main { gap: .7rem !important; } html[data-lux-root] .lux-hero--cms .lux-hero__lead { max-width: 72ch !important; } html[data-lux-root] .pro-hero-usps { display: none !important; } @media (max-width: 991px) { html[data-lux-root] .lux-hero--cms .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 330px) !important; } } @media (max-width: 767px) { html[data-lux-root] .lux-hero--cms .lux-hero__layout { grid-template-columns: 1fr !important; } } /* t102 reserve status: full width, state colours */ html[data-lux-root] .ab-auction-facts--reserve-only { display: block !important; padding: 0 !important; border: 0 !important; background: none !important; } html[data-lux-root] .ab-auction-facts--reserve-only > .pro-reserve { width: 100% !important; box-sizing: border-box; display: grid !important; grid-template-columns: auto 1fr auto; align-items: center; gap: .3rem .7rem; padding: .7rem .9rem !important; border-radius: 12px !important; border: 1px solid var(--pro-r-line) !important; background: var(--pro-r-bg) !important; margin: 0 !important; } html[data-lux-root] .pro-reserve--open { --pro-r-bg: #fff7e6; --pro-r-line: #f5c46b; --pro-r-ink: #8a4b00; --pro-r-ic: #d97706; } html[data-lux-root] .pro-reserve--met { --pro-r-bg: #eafaf0; --pro-r-line: #86d9a6; --pro-r-ink: #166534; --pro-r-ic: #16a34a; } html[data-lux-root][data-bs-theme="dark"] .pro-reserve--open { --pro-r-bg: rgba(245,158,11,.12); --pro-r-line: rgba(245,158,11,.45); --pro-r-ink: #fcd34d; --pro-r-ic: #fbbf24; } html[data-lux-root][data-bs-theme="dark"] .pro-reserve--met { --pro-r-bg: rgba(34,197,94,.12); --pro-r-line: rgba(34,197,94,.45); --pro-r-ink: #86efac; --pro-r-ic: #4ade80; } html[data-lux-root] .pro-reserve__icon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: color-mix(in srgb, var(--pro-r-ic) 16%, transparent); color: var(--pro-r-ic); font-size: .85rem; } html[data-lux-root] .pro-reserve > span { margin: 0 !important; font-size: .78rem !important; color: var(--pro-muted) !important; font-weight: 600; } html[data-lux-root] .pro-reserve > strong { margin: 0 !important; text-align: right; font-size: .8rem !important; font-weight: 700; color: var(--pro-r-ink) !important; padding: .2rem .55rem; border-radius: 999px; background: color-mix(in srgb, var(--pro-r-ic) 14%, transparent); } @media (max-width: 420px) { html[data-lux-root] .pro-reserve > strong { grid-column: 2 / -1; justify-self: start; text-align: left; } } /* t103 Versand & Zahlung card */ html[data-lux-root] .pro-ship { display: flex; flex-direction: column; gap: .8rem; } html[data-lux-root] .pro-ship__title { display: flex; align-items: center; gap: .55rem; margin-bottom: .1rem !important; } html[data-lux-root] .pro-ship__hicon { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: rgba(44,95,168,.12); color: #2c5fa8; font-size: .85rem; } html[data-lux-root] .pro-ship__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; } html[data-lux-root] .pro-ship__opt { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: .65rem; padding: .55rem .65rem; border: 1px solid var(--pro-line); border-radius: 12px; background: var(--pro-surface-2, rgba(15,23,42,.02)); } html[data-lux-root] .pro-ship__ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: rgba(201,165,76,.15); color: #a8842f; font-size: .9rem; } html[data-lux-root] .pro-ship__txt { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } html[data-lux-root] .pro-ship__txt strong { font-size: .86rem; color: var(--pro-ink); } html[data-lux-root] .pro-ship__txt small { font-size: .74rem; color: var(--pro-muted); } html[data-lux-root] .pro-ship__price { font-weight: 800; font-size: .88rem; color: var(--pro-ink); white-space: nowrap; } html[data-lux-root] .pro-ship__facts { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; } html[data-lux-root] .pro-ship__facts li { display: grid; grid-template-columns: 18px auto 1fr; align-items: baseline; gap: .5rem; font-size: .8rem; padding: .25rem 0; border-bottom: 1px dashed var(--pro-line); } html[data-lux-root] .pro-ship__facts li:last-child { border-bottom: 0; } html[data-lux-root] .pro-ship__facts i { color: var(--pro-gold, #c9a54c); text-align: center; } html[data-lux-root] .pro-ship__facts span { color: var(--pro-muted); } html[data-lux-root] .pro-ship__facts strong { text-align: right; color: var(--pro-ink); font-weight: 700; } html[data-lux-root] .pro-pay { margin-top: auto; padding-top: .6rem; border-top: 1px solid var(--pro-line); display: grid; gap: .45rem; } html[data-lux-root] .pro-pay__label { display: inline-flex; align-items: center; gap: .4rem; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--pro-muted); } html[data-lux-root] .pro-pay__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; } html[data-lux-root] .pro-pay__pill { display: inline-flex; align-items: center; gap: .4rem; padding: .32rem .65rem; border-radius: 999px; border: 1px solid var(--pro-line); background: var(--pro-surface); font-size: .76rem; font-weight: 600; color: var(--pro-ink); } html[data-lux-root] .pro-pay__pill i { font-size: 1rem; } html[data-lux-root] .pro-pay__pill--paypal i { color: #003087; } html[data-lux-root] .pro-pay__pill--stripe i { color: #635bff; } html[data-lux-root] .pro-pay__pill--bank i { color: #2c5fa8; } html[data-lux-root] .pro-pay__pill--cash i { color: #15803d; } html[data-lux-root][data-bs-theme="dark"] .pro-pay__pill--paypal i { color: #5fa8ff; } html[data-lux-root][data-bs-theme="dark"] .pro-pay__pill--stripe i { color: #a29bff; } html[data-lux-root][data-bs-theme="dark"] .pro-pay__pill--bank i, html[data-lux-root][data-bs-theme="dark"] .pro-ship__hicon { color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-pay__pill--cash i { color: #4ade80; } html[data-lux-root][data-bs-theme="dark"] .pro-ship__ic { color: #e7cf8e; } html[data-lux-root][data-bs-theme="dark"] .pro-ship__opt { background: rgba(255,255,255,.03); } /* t103 skyscraper placeholder: true horizontal centring */ html[data-lux-root] .pf-banner-placeholder:not(.pf-banner-placeholder--inline) .pf-banner-placeholder__link { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center; box-sizing: border-box !important; width: 100% !important; padding-left: .7rem !important; padding-right: .7rem !important; text-align: center !important; } html[data-lux-root] .pf-banner-placeholder:not(.pf-banner-placeholder--inline) .pf-banner-placeholder__link > * { box-sizing: border-box; max-width: 100% !important; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; text-align: center !important; overflow-wrap: anywhere; hyphens: auto; } html[data-lux-root] .pf-banner-placeholder:not(.pf-banner-placeholder--inline) .pf-banner-placeholder__link > :is(strong, .pf-banner-placeholder__cta, .pf-banner-placeholder__meta) { width: 100%; } /* t104 premium Verkäufer card */ html[data-lux-root] .pro-seller { display: flex; flex-direction: column; gap: .85rem; } html[data-lux-root] .pro-seller__id { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: .85rem; align-items: center; } html[data-lux-root] .pro-seller__visual { width: 64px; height: 64px; border-radius: 14px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg,#1e3a8a,#2563eb); color: #fff; font-weight: 800; font-size: 1.3rem; letter-spacing: .02em; box-shadow: 0 0 0 1px rgba(15,23,42,.08), 0 6px 16px -8px rgba(15,23,42,.35); } html[data-lux-root] .pro-seller__visual--logo { background: #fff; padding: 6px; box-shadow: 0 0 0 1px rgba(201,162,74,.45), 0 6px 16px -8px rgba(15,23,42,.3); } html[data-lux-root] .pro-seller__visual img { width: 100%; height: 100%; object-fit: contain; display: block; } html[data-lux-root] .pro-seller__who { display: flex; flex-direction: column; align-items: flex-start; gap: .2rem; min-width: 0; } html[data-lux-root] .pro-seller__name { margin: 0; font-weight: 700; font-size: 1.05rem; color: var(--lux-ink, #0f172a); overflow-wrap: anywhere; } html[data-lux-root] .pro-seller__shop { font-size: .85rem; color: #2563eb; text-decoration: none; font-weight: 600; } html[data-lux-root] .pro-seller__shop:hover { text-decoration: underline; } html[data-lux-root] .pro-seller__verified { display: inline-flex; align-items: center; gap: .3rem; margin-top: .15rem; padding: .15rem .55rem; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: .72rem; font-weight: 700; } html[data-lux-root] .pro-seller__rating { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; padding: .6rem .75rem; border: 1px solid rgba(15,23,42,.08); border-radius: 12px; font-size: .9rem; } html[data-lux-root] .pro-seller__stars { color: #e0a82e; display: inline-flex; gap: 2px; font-size: .9rem; } html[data-lux-root] .pro-seller__count { color: #64748b; font-size: .84rem; } html[data-lux-root] .pro-seller__facts { margin: 0; } html[data-lux-root] .pro-seller__actions { margin-top: auto; display: grid; gap: .5rem; } html[data-lux-root] .pro-seller__btn { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 42px; padding: .55rem 1rem; border-radius: 12px; border: 1px solid rgba(15,23,42,.14); background: transparent; color: var(--lux-ink, #0f172a); font-weight: 600; font-size: .9rem; text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s; } html[data-lux-root] .pro-seller__btn:hover { border-color: #c9a24a; background: rgba(201,162,74,.08); } html[data-lux-root] .pro-seller__btn--primary { background: linear-gradient(135deg,#d9b45a,#c9a24a); border-color: transparent; color: #1a1406; } html[data-lux-root] .pro-seller__btn--primary:hover { background: linear-gradient(135deg,#e2c06a,#d0aa52); color: #1a1406; } html[data-lux-root][data-bs-theme="dark"] .pro-seller__name, html[data-lux-root][data-bs-theme="dark"] .pro-seller__btn { color: #f1f5f9; } html[data-lux-root][data-bs-theme="dark"] .pro-seller__btn { border-color: rgba(255,255,255,.16); } html[data-lux-root][data-bs-theme="dark"] .pro-seller__btn--primary { color: #1a1406; border-color: transparent; } html[data-lux-root][data-bs-theme="dark"] .pro-seller__rating { border-color: rgba(255,255,255,.12); } html[data-lux-root][data-bs-theme="dark"] .pro-seller__count { color: #94a3b8; } html[data-lux-root][data-bs-theme="dark"] .pro-seller__shop { color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-seller__verified { background: rgba(34,197,94,.16); color: #4ade80; } html[data-lux-root] .pro-seller__stars { position: relative; display: inline-block; color: #d6dbe4; font-size: 1.05rem; letter-spacing: 2px; line-height: 1; white-space: nowrap; } html[data-lux-root] .pro-seller__stars-fill { position: absolute; inset: 0 auto 0 0; overflow: hidden; color: #f5a623; white-space: nowrap; } html[data-lux-root][data-bs-theme="dark"] .pro-seller__stars { color: #3a4458; } /* t108 homepage store tiles (eBay-style compact row) */ html[data-lux-root] .pro-store-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1rem; } html[data-lux-root] .pro-store { min-width: 0; } html[data-lux-root] .pro-store__link { height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .45rem; padding: 1.25rem 1rem 1rem; border: 1px solid var(--pro-line, rgba(15,23,42,.1)); border-radius: 16px; background: var(--pro-card, #fff); color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s, transform .15s; } html[data-lux-root] .pro-store__link:hover { border-color: #2c5fa8; box-shadow: 0 10px 26px -16px rgba(30,58,138,.45); transform: translateY(-2px); } html[data-lux-root] .pro-store__link:focus-visible { outline: 2px solid #2c5fa8; outline-offset: 2px; } html[data-lux-root] .pro-store__logo { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg,#1e3a8a,#2563eb); color: #fff; font-weight: 800; font-size: 1.35rem; box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(15,23,42,.1); } html[data-lux-root] .pro-store__logo--img { background: #fff; } html[data-lux-root] .pro-store__logo img { width: 100%; height: 100%; object-fit: contain; padding: 8px; } html[data-lux-root] .pro-store__name { font-weight: 700; font-size: 1rem; color: var(--pro-ink, #0f172a); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: .2rem; } html[data-lux-root] .pro-store__check { color: #2c5fa8; font-size: .85em; } html[data-lux-root] .pro-store__rating { display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; } html[data-lux-root] .pro-store__rating .pro-seller__stars { font-size: .9rem; } html[data-lux-root] .pro-store__rating small, html[data-lux-root] .pro-store__meta { color: var(--pro-muted, #64748b); font-size: .78rem; } html[data-lux-root] .pro-store__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem .8rem; } html[data-lux-root] .pro-store__meta i { color: #2c5fa8; } html[data-lux-root] .pro-store__cta { margin-top: auto; display: inline-flex; align-items: center; gap: .4rem; padding: .45rem 1.1rem; border-radius: 999px; border: 1px solid #2c5fa8; color: #2c5fa8; font-weight: 600; font-size: .84rem; transition: background .15s, color .15s; } html[data-lux-root] .pro-store__link:hover .pro-store__cta { background: #2c5fa8; color: #fff; } html[data-lux-root][data-bs-theme="dark"] .pro-store__link { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); } html[data-lux-root][data-bs-theme="dark"] .pro-store__link:hover { border-color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-store__name { color: #f1f5f9; } html[data-lux-root][data-bs-theme="dark"] .pro-store__logo { box-shadow: 0 0 0 3px #0f172a, 0 0 0 4px rgba(255,255,255,.14); } html[data-lux-root][data-bs-theme="dark"] .pro-store__cta, html[data-lux-root][data-bs-theme="dark"] .pro-store__meta i, html[data-lux-root][data-bs-theme="dark"] .pro-store__check { color: #7fb0ff; border-color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-store__link:hover .pro-store__cta { background: #7fb0ff; color: #0b1220; } @media (max-width: 575.98px) { html[data-lux-root] .pro-store-row { grid-auto-flow: column; grid-auto-columns: 72%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .4rem; } html[data-lux-root] .pro-store { scroll-snap-align: start; } } /* ===== t109 eBay-style features ===== */ html[data-lux-root] .pro-store { display: flex; flex-direction: column; border: 1px solid var(--pro-line, rgba(15,23,42,.1)); border-radius: 16px; background: var(--pro-card, #fff); transition: border-color .15s, box-shadow .15s, transform .15s; } html[data-lux-root] .pro-store:hover { border-color: #2c5fa8; box-shadow: 0 10px 26px -16px rgba(30,58,138,.45); transform: translateY(-2px); } html[data-lux-root] .pro-store .pro-store__link, html[data-lux-root] .pro-store .pro-store__link:hover { border: 0; background: transparent; box-shadow: none; transform: none; height: auto; flex: 1 1 auto; padding-bottom: .5rem; } html[data-lux-root] .pro-store__actions { display: flex; justify-content: center; align-items: center; gap: .45rem; flex-wrap: wrap; padding: 0 1rem 1rem; } html[data-lux-root] .pro-store__actions .pro-store__cta { margin-top: 0; text-decoration: none; } html[data-lux-root] .pro-store__actions .pro-store__cta:hover { background: #2c5fa8; color: #fff; } html[data-lux-root] .pro-store__pos { color: #15803d; font-weight: 700; font-size: .85rem; } html[data-lux-root][data-bs-theme="dark"] .pro-store { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); } html[data-lux-root][data-bs-theme="dark"] .pro-store:hover { border-color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-store__pos { color: #4ade80; } html[data-lux-root][data-bs-theme="dark"] .pro-store__actions .pro-store__cta { border-color: #7fb0ff; color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-store__actions .pro-store__cta:hover { background: #7fb0ff; color: #0b1220; } html[data-lux-root] .pro-follow-form { display: inline-flex; margin: 0; } html[data-lux-root] .pro-follow { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem 1rem; border-radius: 999px; border: 1px solid #2c5fa8; background: transparent; color: #2c5fa8; font-weight: 600; font-size: .88rem; line-height: 1.2; cursor: pointer; text-decoration: none; transition: background .15s, color .15s; } html[data-lux-root] .pro-follow:hover { background: rgba(44,95,168,.08); } html[data-lux-root] .pro-follow.is-following { background: #2c5fa8; color: #fff; } html[data-lux-root] .pro-follow.is-following i { color: #fff; } html[data-lux-root] .pro-follow--sm { padding: .4rem .8rem; font-size: .8rem; } html[data-lux-root] .pro-follow--sm span { display: none; } html[data-lux-root][data-bs-theme="dark"] .pro-follow { border-color: #7fb0ff; color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-follow.is-following { background: #7fb0ff; color: #0b1220; } html[data-lux-root][data-bs-theme="dark"] .pro-follow.is-following i { color: #0b1220; } html[data-lux-root] .pro-caticons { display: flex; gap: 1.1rem; overflow-x: auto; padding: .4rem .2rem 1rem; margin: 0; list-style: none; scroll-snap-type: x proximity; scrollbar-width: thin; } html[data-lux-root] .pro-caticon { flex: 0 0 auto; width: 104px; display: flex; flex-direction: column; align-items: center; gap: .55rem; text-align: center; color: inherit; text-decoration: none; scroll-snap-align: start; } html[data-lux-root] .pro-caticon__img { width: 88px; height: 88px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: #eef3fb; border: 2px solid transparent; transition: border-color .15s, transform .15s; } html[data-lux-root] .pro-caticon__img img { width: 100%; height: 100%; object-fit: cover; } html[data-lux-root] .pro-caticon__img--ph { background: linear-gradient(135deg,#1e3a8a,#2563eb); color: #fff; font-size: 1.6rem; font-weight: 800; } html[data-lux-root] .pro-caticon:hover .pro-caticon__img { border-color: #2c5fa8; transform: translateY(-2px); } html[data-lux-root] .pro-caticon__name { font-size: .84rem; font-weight: 600; line-height: 1.25; color: var(--pro-ink, #0f172a); } html[data-lux-root][data-bs-theme="dark"] .pro-caticon__img { background: rgba(255,255,255,.06); } html[data-lux-root][data-bs-theme="dark"] .pro-caticon:hover .pro-caticon__img { border-color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-caticon__name { color: #e2e8f0; } html[data-lux-root] .lux-card-grid.pro-strip { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 260px); grid-template-columns: none; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: .6rem; scrollbar-width: thin; } html[data-lux-root] .lux-card-grid.pro-strip > * { scroll-snap-align: start; } html[data-lux-root] .pro-ending-strip__icon, html[data-lux-root] .pro-personal__icon { color: #2c5fa8; margin-right: .5rem; font-size: .85em; } html[data-lux-root] .pro-ending-strip__icon { color: #dc2626; } html[data-lux-root][data-bs-theme="dark"] .pro-personal__icon { color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-ending-strip__icon { color: #f87171; } html[data-lux-root] .pro-urgent { color: #dc2626 !important; font-weight: 700; } html[data-lux-root][data-bs-theme="dark"] .pro-urgent { color: #f87171 !important; } html[data-lux-root] .pro-urgent-badge { display: inline-flex; align-items: center; gap: .3rem; margin-left: .4rem; padding: .1rem .5rem; border-radius: 999px; background: #dc2626; color: #fff; font-size: .7rem; font-weight: 700; letter-spacing: .02em; vertical-align: middle; } html[data-lux-root] .pro-acc-layout { display: grid; grid-template-columns: 1fr; gap: 1.25rem; } html[data-lux-root] .pro-acc-content { min-width: 0; } html[data-lux-root] .pro-accnav { display: flex; gap: .5rem; overflow-x: auto; padding: .5rem 0; scrollbar-width: thin; } html[data-lux-root] .pro-accnav__home { display: none; } html[data-lux-root] .pro-accnav__group { display: contents; } html[data-lux-root] .pro-accnav__title { display: none; } html[data-lux-root] .pro-accnav ul { display: contents; list-style: none; } html[data-lux-root] .pro-accnav__link { display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap; padding: .45rem .85rem; border-radius: 999px; border: 1px solid var(--pro-line, rgba(15,23,42,.12)); color: var(--pro-ink, #0f172a); text-decoration: none; font-size: .85rem; } html[data-lux-root] .pro-accnav__link i { color: #2c5fa8; width: 1.1em; text-align: center; } html[data-lux-root] .pro-accnav__link.is-active { background: #2c5fa8; border-color: #2c5fa8; color: #fff; } html[data-lux-root] .pro-accnav__link.is-active i { color: #fff; } @media (min-width: 992px) { html[data-lux-root] .pro-acc-layout { grid-template-columns: 240px minmax(0, 1fr); align-items: start; padding-top: 1.25rem; } html[data-lux-root] .pro-accnav { flex-direction: column; gap: 1rem; position: sticky; top: 90px; overflow: visible; padding: 1rem; border: 1px solid var(--pro-line, rgba(15,23,42,.1)); border-radius: 16px; background: var(--pro-card, #fff); } html[data-lux-root] .pro-accnav__home { display: flex; align-items: center; gap: .5rem; font-weight: 700; color: var(--pro-ink, #0f172a); text-decoration: none; } html[data-lux-root] .pro-accnav__home i { color: #2c5fa8; font-size: 1.2rem; } html[data-lux-root] .pro-accnav__group { display: block; } html[data-lux-root] .pro-accnav__title { display: block; margin: 0 0 .35rem; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--pro-muted, #64748b); } html[data-lux-root] .pro-accnav ul { display: flex; flex-direction: column; gap: .1rem; margin: 0; padding: 0; } html[data-lux-root] .pro-accnav__link { display: flex; border: 0; border-radius: 10px; padding: .45rem .6rem; white-space: normal; } html[data-lux-root] .pro-accnav__link:hover { background: rgba(44,95,168,.08); } html[data-lux-root] .pro-accnav__link.is-active { background: rgba(44,95,168,.12); color: #1e3a8a; font-weight: 600; } html[data-lux-root] .pro-accnav__link.is-active i { color: #2c5fa8; } } html[data-lux-root][data-bs-theme="dark"] .pro-accnav { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); } html[data-lux-root][data-bs-theme="dark"] .pro-accnav__home, html[data-lux-root][data-bs-theme="dark"] .pro-accnav__link { color: #e2e8f0; border-color: rgba(255,255,255,.12); } html[data-lux-root][data-bs-theme="dark"] .pro-accnav__link i, html[data-lux-root][data-bs-theme="dark"] .pro-accnav__home i { color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-accnav__link.is-active { background: rgba(127,176,255,.16); color: #fff; border-color: transparent; } html[data-lux-root] .pro-acc-status { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .75rem; margin: 0 0 1.25rem; } html[data-lux-root] .pro-acc-status__tile { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; border-radius: 14px; border: 1px solid var(--pro-line, rgba(15,23,42,.1)); background: var(--pro-card, #fff); color: inherit; text-decoration: none; transition: border-color .15s, transform .15s; } html[data-lux-root] .pro-acc-status__tile:hover { border-color: #2c5fa8; transform: translateY(-1px); } html[data-lux-root] .pro-acc-status__icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(44,95,168,.1); color: #2c5fa8; flex: 0 0 auto; } html[data-lux-root] .pro-acc-status__copy { display: flex; flex-direction: column; line-height: 1.2; } html[data-lux-root] .pro-acc-status__copy strong { font-size: 1.35rem; } html[data-lux-root] .pro-acc-status__copy span { font-size: .82rem; color: var(--pro-muted, #64748b); } html[data-lux-root] .pro-acc-status__tile.is-warn.has-items .pro-acc-status__icon { background: rgba(220,38,38,.1); color: #dc2626; } html[data-lux-root] .pro-acc-status__tile.is-ok.has-items .pro-acc-status__icon { background: rgba(21,128,61,.1); color: #15803d; } html[data-lux-root][data-bs-theme="dark"] .pro-acc-status__tile { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.1); } html[data-lux-root][data-bs-theme="dark"] .pro-acc-status__icon { background: rgba(127,176,255,.12); color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-acc-status__copy span { color: #94a3b8; } html[data-lux-root] .pro-order-quick { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; } html[data-lux-root] .pro-order-quick__btn { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .75rem; border-radius: 999px; border: 1px solid #2c5fa8; color: #2c5fa8; font-size: .8rem; font-weight: 600; text-decoration: none; } html[data-lux-root] .pro-order-quick__btn:hover { background: #2c5fa8; color: #fff; } html[data-lux-root] .pro-order-quick__btn--warn { border-color: #b45309; color: #b45309; } html[data-lux-root] .pro-order-quick__btn--warn:hover { background: #b45309; color: #fff; } html[data-lux-root][data-bs-theme="dark"] .pro-order-quick__btn { border-color: #7fb0ff; color: #7fb0ff; } html[data-lux-root][data-bs-theme="dark"] .pro-order-quick__btn:hover { background: #7fb0ff; color: #0b1220; } html[data-lux-root][data-bs-theme="dark"] .pro-order-quick__btn--warn { border-color: #fbbf24; color: #fbbf24; } html[data-lux-root] .pro-alert-form { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: .75rem 0; padding: .65rem .85rem; border-radius: 12px; background: rgba(44,95,168,.06); font-size: .86rem; } html[data-lux-root] .pro-alert-form__label { font-weight: 600; display: inline-flex; gap: .4rem; align-items: center; } html[data-lux-root] .pro-alert-form__label i { color: #2c5fa8; } html[data-lux-root] .pro-alert-form__opt { display: inline-flex; gap: .35rem; align-items: center; margin: 0; cursor: pointer; } html[data-lux-root] .pro-alert-form__save { padding: .3rem .8rem; font-size: .8rem; } html[data-lux-root][data-bs-theme="dark"] .pro-alert-form { background: rgba(127,176,255,.08); } html[data-lux-root][data-bs-theme="dark"] .pro-alert-form__label i { color: #7fb0ff; } @media (min-width: 768px) { html[data-lux-root] .pro-vshop__chips { grid-template-columns: repeat(5, minmax(0, 1fr)); } } /* ===== t110: premium toast (all designs) ===== */ .lux-toast-host { max-width: min(400px, calc(100vw - 1.5rem)); gap: .7rem; } .lux-toast-host .lux-toast { --t-accent: #2c5fa8; --t-soft: rgba(44,95,168,.12); position: relative; overflow: hidden; display: grid; grid-template-columns: 40px 1fr 28px; gap: .85rem; align-items: start; width: min(400px, calc(100vw - 1.5rem)); min-width: 0; max-width: none; padding: .95rem .9rem 1.05rem 1.15rem; border-radius: 14px; border: 1px solid rgba(15,23,42,.08); background: #fff; color: #0f172a; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 1px 2px rgba(15,23,42,.06), 0 18px 40px -18px rgba(15,23,42,.35); opacity: 0; transform: translateX(28px) scale(.98); transition: opacity .35s cubic-bezier(.2,.8,.2,1), transform .45s cubic-bezier(.2,.8,.2,1); } .lux-toast-host--top-left .lux-toast, .lux-toast-host--bottom-left .lux-toast { transform: translateX(-28px) scale(.98); } .lux-toast-host .lux-toast.is-in { opacity: 1; transform: none; } .lux-toast-host .lux-toast::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--t-accent); } .lux-toast-host .lux-toast__icon { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--t-soft); color: var(--t-accent); font-size: 1rem; font-weight: 800; } .lux-toast-host .lux-toast__icon svg { width: 20px; height: 20px; } .lux-toast-host .lux-toast__content { min-width: 0; padding-top: .1rem; } .lux-toast-host .lux-toast__title { display: block; font-size: .92rem; font-weight: 700; letter-spacing: -.005em; line-height: 1.25; margin: 0 0 .15rem; color: inherit; } .lux-toast-host .lux-toast__body, .lux-toast-host .lux-toast__txt { display: block; margin: 0; font-size: .85rem; line-height: 1.45; color: #475569; overflow-wrap: anywhere; } .lux-toast-host .lux-toast__content > .lux-toast__txt:only-child { color: #0f172a; font-weight: 600; padding-top: .55rem; } .lux-toast-host .lux-toast__close { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; border: 0; background: transparent; color: #94a3b8; font-size: 1.05rem; cursor: pointer; transition: background .15s, color .15s; } .lux-toast-host .lux-toast__close:hover { background: rgba(15,23,42,.06); color: #0f172a; } .lux-toast-host .lux-toast__close:focus-visible { outline: 2px solid var(--t-accent); outline-offset: 1px; } .lux-toast-host .lux-toast__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--t-accent); opacity: .55; transform-origin: left center; animation: lux-toast-progress var(--lux-toast-ttl, 5000ms) linear forwards; } .lux-toast-host .lux-toast.is-paused .lux-toast__progress { animation-play-state: paused; } .lux-toast-host .lux-toast.has-link { cursor: pointer; } @keyframes lux-toast-progress { from { transform: scaleX(1); } to { transform: scaleX(0); } } .lux-toast-host .lux-toast--ok { --t-accent: #16a34a; --t-soft: rgba(22,163,74,.12); } .lux-toast-host .lux-toast--err { --t-accent: #dc2626; --t-soft: rgba(220,38,38,.11); } .lux-toast-host .lux-toast--warn { --t-accent: #d97706; --t-soft: rgba(217,119,6,.13); } .lux-toast-host .lux-toast--info { --t-accent: #2c5fa8; --t-soft: rgba(44,95,168,.12); } .lux-toast-host .lux-toast--auction { --t-accent: #c9a227; --t-soft: rgba(201,162,39,.15); background: #fff; } .lux-toast-host .lux-toast:is(.lux-toast--ok, .lux-toast--err, .lux-toast--warn, .lux-toast--info) { border-color: rgba(15,23,42,.08); } html[data-bs-theme="dark"] .lux-toast-host .lux-toast { background: #131c2e; color: #f1f5f9; border-color: rgba(255,255,255,.09); box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 22px 44px -18px rgba(0,0,0,.75); } html[data-bs-theme="dark"] .lux-toast-host .lux-toast__body, html[data-bs-theme="dark"] .lux-toast-host .lux-toast__txt { color: #cbd5e1; } html[data-bs-theme="dark"] .lux-toast-host .lux-toast__content > .lux-toast__txt:only-child { color: #f1f5f9; } html[data-bs-theme="dark"] .lux-toast-host .lux-toast__close { color: #64748b; } html[data-bs-theme="dark"] .lux-toast-host .lux-toast__close:hover { background: rgba(255,255,255,.07); color: #fff; } html[data-bs-theme="dark"] .lux-toast-host .lux-toast--ok { --t-accent: #4ade80; --t-soft: rgba(74,222,128,.14); } html[data-bs-theme="dark"] .lux-toast-host .lux-toast--err { --t-accent: #f87171; --t-soft: rgba(248,113,113,.14); } html[data-bs-theme="dark"] .lux-toast-host .lux-toast--warn { --t-accent: #fbbf24; --t-soft: rgba(251,191,36,.14); } html[data-bs-theme="dark"] .lux-toast-host .lux-toast--info { --t-accent: #7fb0ff; --t-soft: rgba(127,176,255,.15); } html[data-bs-theme="dark"] .lux-toast-host .lux-toast--auction { background: #18160f; } @media (prefers-reduced-motion: reduce) { .lux-toast-host .lux-toast { transition: opacity .2s; transform: none; } .lux-toast-host .lux-toast__progress { animation: none; } } @media (max-width: 575.98px) { .lux-toast-host--top-right, .lux-toast-host--top-left { left: .75rem; right: .75rem; align-items: stretch; } .lux-toast-host .lux-toast { width: auto; } } /* ===== t110: eBay mode layout (body.is-ebay-mode only) ===== */ body.is-ebay-mode { --pro-ebay-max: 1480px; --pro-ebay-pad: clamp(16px, 2.4vw, 40px); } /* header full width, switchers in header */ body.is-ebay-mode .lux-header__inner { max-width: none !important; width: 100%; padding-left: var(--pro-ebay-pad) !important; padding-right: var(--pro-ebay-pad) !important; } body.is-ebay-mode .pro-hswitch { display: inline-flex; align-items: center; gap: 0; margin-right: .15rem; padding-right: .35rem; border-right: 1px solid rgba(15,23,42,.1); } body.is-ebay-mode .pro-hswitch .dropdown { display: inline-flex; } body.is-ebay-mode .pro-hswitch__btn i { font-size: 1.05rem; line-height: 1; } body.is-ebay-mode .pro-hswitch__btn.dropdown-toggle::after { display: none; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-hswitch { border-right-color: rgba(255,255,255,.12); } @media (max-width: 991.98px) { body.is-ebay-mode .pro-hswitch { display: none; } } /* homepage wider */ body.is-ebay-mode .lux-home-hero-stage .lux-hero__content { max-width: var(--pro-ebay-max) !important; } body.is-ebay-mode .pf-market-layout__main { max-width: none !important; } body.is-ebay-mode[data-lux-route="home"] .lux-main { max-width: none !important; } body.is-ebay-mode .lux-home { max-width: none !important; width: 100%; } body.is-ebay-mode .lux-home > .lux-section { max-width: var(--pro-ebay-max) !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--pro-ebay-pad) !important; padding-right: var(--pro-ebay-pad) !important; box-sizing: border-box; } @media (min-width: 1560px) { body.is-ebay-mode .lux-home > .lux-section { width: var(--pro-ebay-max) !important; } } body.is-ebay-mode .lux-home .lux-card-grid:not(.pro-strip) { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } /* categories: wrapping grid, no horizontal scroll */ body.is-ebay-mode .pro-caticons { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 1.25rem .75rem; overflow: visible !important; scroll-snap-type: none; padding: .4rem 0 .5rem; } body.is-ebay-mode .pro-caticon { width: auto; } @media (max-width: 575.98px) { body.is-ebay-mode .pro-caticons { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 1rem .5rem; } body.is-ebay-mode .pro-caticon__img { width: 72px; height: 72px; } body.is-ebay-mode .pro-caticon__name { font-size: .78rem; } } /* account hub: one consistent column */ body.is-ebay-mode .pro-acc-layout { max-width: var(--pro-ebay-max); margin: 0 auto; padding: 1.25rem var(--pro-ebay-pad) 2rem; box-sizing: border-box; } @media (min-width: 992px) { body.is-ebay-mode .pro-acc-layout { grid-template-columns: 250px minmax(0, 1fr); gap: 1.5rem; padding-top: 1.5rem; } body.is-ebay-mode .pro-accnav { top: 84px; } } body.is-ebay-mode .pro-acc-content { display: flex; flex-direction: column; gap: 1.25rem; } body.is-ebay-mode .pro-acc-content > * { width: auto !important; max-width: none !important; margin: 0 !important; box-sizing: border-box; } body.is-ebay-mode .pro-acc-content .lux-account-grid { margin-left: 0 !important; margin-right: 0 !important; } body.is-ebay-mode .pro-acc-content .lux-account-section__title { margin: 0 0 .75rem; } body.is-ebay-mode .pro-acc-content .lux-account-section .lux-account-grid { margin-bottom: 0 !important; } body.is-ebay-mode .pro-acc-status { gap: 1rem; } body.is-ebay-mode .pro-acc-content > .lux-account-hero { padding: 1.4rem 1.6rem; } /* t110: header switcher dropdowns */ .pro-hswitch .dropdown { position: relative; } .pro-hswitch .dropdown-menu, .pro-hswitch .dropdown-menu li { list-style: none; } .pro-hswitch .dropdown-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; left: auto; z-index: 1200; margin: 0; padding: 6px; min-width: 190px; border: 1px solid #dbe4f0; border-radius: 12px; background: #fff; color: #0f172a; box-shadow: 0 14px 34px rgba(15,23,42,.16); } .pro-hswitch .dropdown.is-open .dropdown-menu { display: block; } .pro-hswitch .dropdown-menu .market-lang-menu__head { padding: .35rem .55rem .5rem; font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #64748b; } .pro-hswitch .dropdown-menu .dropdown-item { display: flex; align-items: center; gap: .45rem; padding: .45rem .65rem; border-radius: 8px; color: #0f172a; text-decoration: none; font-size: .86rem; } .pro-hswitch .dropdown-menu .dropdown-item:hover, .pro-hswitch .dropdown-menu .dropdown-item.is-active, .pro-hswitch .dropdown-menu .dropdown-item.active { background: rgba(44,95,168,.09); color: #1e3a8a; } html[data-bs-theme="dark"] .pro-hswitch .dropdown-menu { background: linear-gradient(180deg,#152238 0%,#0f1b2e 100%); border-color: rgba(148,163,184,.22); color: #c5d0de; box-shadow: 0 14px 32px rgba(0,0,0,.45); } html[data-bs-theme="dark"] .pro-hswitch .dropdown-menu .dropdown-item { color: #c5d0de; } html[data-bs-theme="dark"] .pro-hswitch .dropdown-menu .dropdown-item:hover, html[data-bs-theme="dark"] .pro-hswitch .dropdown-menu .dropdown-item.is-active, html[data-bs-theme="dark"] .pro-hswitch .dropdown-menu .dropdown-item.active { background: rgba(255,255,255,.08); color: #fff; } /* ===== t111: eBay mode – wider search, landscape Top-Angebot, wider content (only body.is-ebay-mode) ===== */ body.is-ebay-mode { --pro-ebay-max: 1660px; } @media (min-width: 992px) { body.is-ebay-mode .lux-header__inner { gap: 1.25rem; } body.is-ebay-mode .lux-header__search-row { max-width: none !important; flex: 1 1 auto !important; min-width: 0; } body.is-ebay-mode .lux-header__search-row .lux-search { flex: 1 1 auto; max-width: none !important; } /* hero: wider landscape offer card */ body.is-ebay-mode .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 480px) !important; gap: 2rem; align-items: center; } body.is-ebay-mode .lux-hero__visuals { max-width: 480px !important; width: 100%; flex: 0 0 auto; } body.is-ebay-mode .lux-hero-preview-rotator, body.is-ebay-mode .pro-hero-offer { width: 100% !important; max-width: none !important; } body.is-ebay-mode .pro-hero-offer__link { flex-direction: row !important; align-items: stretch; gap: .9rem !important; } body.is-ebay-mode .pro-hero-offer .lux-hero-preview__media { flex: 0 0 52%; width: 52%; height: 196px !important; aspect-ratio: auto !important; } body.is-ebay-mode .pro-hero-offer .lux-hero-preview__body { flex: 1 1 auto; min-width: 0; justify-content: flex-start; padding: 2.6rem .25rem .1rem 0 !important; gap: .35rem !important; } body.is-ebay-mode .pro-hero-offer .lux-hero-preview__title { -webkit-line-clamp: 3 !important; font-size: 1rem; } body.is-ebay-mode .pro-hero-offer__row { flex-direction: column; align-items: flex-start; gap: .2rem; } body.is-ebay-mode .pro-hero-offer .lux-hero-preview__price { font-size: 1.35rem; } body.is-ebay-mode .pro-hero-offer__cta { margin-top: auto; } } @media (min-width: 1200px) { body.is-ebay-mode .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 600px) !important; } body.is-ebay-mode .lux-hero__visuals { max-width: 600px !important; } body.is-ebay-mode .pro-hero-offer .lux-hero-preview__media { height: 214px !important; flex-basis: 55%; width: 55%; } } /* categories: one row on desktop, wrap (no scroll) below */ @media (min-width: 1400px) { body.is-ebay-mode .pro-caticons { display: flex !important; flex-wrap: nowrap; justify-content: space-between; gap: .5rem; overflow: hidden !important; } body.is-ebay-mode .pro-caticon { flex: 1 1 0; min-width: 0; width: auto; } body.is-ebay-mode .pro-caticon__img { width: 76px; height: 76px; } body.is-ebay-mode .pro-caticon__name { font-size: .78rem; overflow-wrap: anywhere; } } @media (min-width: 1700px) { body.is-ebay-mode .pro-caticon__img { width: 88px; height: 88px; } body.is-ebay-mode .pro-caticon__name { font-size: .84rem; } } /* product grids: 6 / 5 / 4 / 3 / 2 */ body.is-ebay-mode .lux-home .lux-card-grid:not(.pro-strip) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } @media (min-width: 768px) { body.is-ebay-mode .lux-home .lux-card-grid:not(.pro-strip) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (min-width: 992px) { body.is-ebay-mode .lux-home .lux-card-grid:not(.pro-strip) { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (min-width: 1200px) { body.is-ebay-mode .lux-home .lux-card-grid:not(.pro-strip) { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1400px) { body.is-ebay-mode .lux-home .lux-card-grid:not(.pro-strip) { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1rem; } } /* t111b: specificity fix for hero offer width (eBay only) */ @media (min-width: 992px) { html[data-lux-root] body.is-ebay-mode .lux-hero--cms .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 480px) !important; } html[data-lux-root] body.is-ebay-mode .lux-hero__visuals { width: 100% !important; max-width: 480px !important; } } @media (min-width: 1200px) { html[data-lux-root] body.is-ebay-mode .lux-hero--cms .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 600px) !important; } html[data-lux-root] body.is-ebay-mode .lux-hero__visuals { max-width: 600px !important; } } /* ===== t112: eBay mode – account area as separate app shell (body.pro-app only) ===== */ body.pro-app { --pa-bg: #f3f5f9; --pa-card: #fff; --pa-line: rgba(15,23,42,.09); --pa-ink: #0f172a; --pa-muted: #64748b; --pa-blue: #2c5fa8; --pa-blue-soft: rgba(44,95,168,.1); --pa-side: #ffffff; background: var(--pa-bg) !important; } html[data-bs-theme="dark"] body.pro-app { --pa-bg: #0b1220; --pa-card: #121b2d; --pa-line: rgba(255,255,255,.09); --pa-ink: #e2e8f0; --pa-muted: #94a3b8; --pa-blue: #7fb0ff; --pa-blue-soft: rgba(127,176,255,.14); --pa-side: #0f1828; } body.pro-app .pro-app-shell { display: grid; grid-template-columns: 260px minmax(0, 1fr); min-height: 100vh; width: 100%; } body.pro-app .pro-app-body { min-width: 0; display: flex; flex-direction: column; } /* sidebar */ html[data-lux-root] body.pro-app .pro-accnav.pro-app-nav { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: 0; padding: 0; margin: 0; border: 0; border-right: 1px solid var(--pa-line); border-radius: 0; background: var(--pa-side); overflow: hidden; box-sizing: border-box; z-index: 60; } body.pro-app .pro-app-nav__brand { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--pa-line); min-height: 64px; box-sizing: border-box; } body.pro-app .pro-app-nav__logo img { height: 34px; width: auto; display: block; } body.pro-app .pro-app-nav__logo strong { font-size: 1.4rem; color: var(--pa-blue); } body.pro-app .pro-app-nav__close { display: none; } body.pro-app .pro-app-nav__scroll { flex: 1 1 auto; overflow-y: auto; padding: .8rem .7rem 1rem; display: flex; flex-direction: column; gap: .9rem; scrollbar-width: thin; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__home { display: flex; align-items: center; gap: .55rem; padding: .55rem .65rem; border-radius: 10px; font-weight: 700; color: var(--pa-ink); text-decoration: none; background: var(--pa-blue-soft); } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__home i { color: var(--pa-blue); } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__group { display: block; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__title { display: block; margin: 0 0 .25rem .65rem; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--pa-muted); } html[data-lux-root] body.pro-app .pro-app-nav ul { display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 0; list-style: none; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link { position: relative; display: flex; align-items: center; gap: .6rem; padding: .44rem .65rem; border: 0; border-radius: 9px; white-space: normal; font-size: .88rem; color: var(--pa-ink); background: transparent; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link.has-badge { padding-right: 2.1rem; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link i { color: var(--pa-blue); width: 1.15em; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link:hover { background: var(--pa-blue-soft); } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link.is-active { background: var(--pa-blue); color: #fff; font-weight: 600; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link.is-active i { color: #fff; } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__badge { position: absolute; top: .28rem; right: .4rem; display: inline-flex; align-items: center; justify-content: center; min-width: 1.15rem; height: 1.15rem; padding: 0 .28rem; border-radius: 999px; font-size: .62rem; font-weight: 800; font-style: normal; line-height: 1; background: linear-gradient(135deg, #ef4444, #ea580c); color: #fff; border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 3px rgba(15,23,42,.18); } html[data-lux-root] body.pro-app .pro-app-nav .pro-accnav__link.is-active .pro-accnav__badge { background: rgba(255,255,255,.22); border-color: rgba(255,255,255,.55); color: #fff; box-shadow: none; } html[data-lux-root][data-bs-theme="dark"] body.pro-app .pro-app-nav .pro-accnav__link.is-active { background: #2c5fa8; } body.pro-app .pro-app-nav__logout { display: flex; align-items: center; gap: .6rem; margin: 0; padding: .9rem 1.35rem; border-top: 1px solid var(--pa-line); color: #c0392b; font-weight: 600; text-decoration: none; font-size: .9rem; } body.pro-app .pro-app-nav__logout:hover { background: rgba(192,57,43,.08); } html[data-bs-theme="dark"] body.pro-app .pro-app-nav__logout { color: #ff8a80; } /* top bar */ body.pro-app .pro-app-top { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 1rem; min-height: 64px; padding: .5rem clamp(16px, 2vw, 32px); background: color-mix(in srgb, var(--pa-bg) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--pa-line); box-sizing: border-box; } body.pro-app .pro-app-top__menu { display: none; } body.pro-app .pro-app-top__heading { min-width: 0; flex: 1 1 auto; } body.pro-app .pro-app-top__eyebrow { margin: 0; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--pa-blue); } body.pro-app .pro-app-top__title { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--pa-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.pro-app .pro-app-top__actions { display: flex; align-items: center; gap: .4rem; flex: 0 0 auto; } body.pro-app .pro-app-top__market { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .9rem; border-radius: 10px; border: 1px solid var(--pa-line); background: var(--pa-card); color: var(--pa-ink); font-weight: 600; font-size: .86rem; text-decoration: none; white-space: nowrap; } body.pro-app .pro-app-top__market i { color: inherit; } body.pro-app .pro-app-top__market:hover { border-color: color-mix(in srgb, var(--pa-ink) 28%, var(--pa-line)); color: var(--pa-ink); } body.pro-app .pro-app-top .lux-iconbtn, body.pro-app .pro-app-top .lux-account-trigger { color: var(--pa-ink); } /* main */ body.pro-app .pro-app-main { flex: 1 1 auto; width: 100%; max-width: none !important; margin: 0 !important; padding: clamp(14px, 1.8vw, 28px) clamp(16px, 2vw, 32px) 2.5rem !important; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.1rem; } body.pro-app .pro-app-main > * { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; } /* dashboard */ body.pro-app .pro-app-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 1.5rem; align-items: center; padding: 1.5rem 1.75rem; border-radius: 18px; background: var(--pa-card); border: 1px solid var(--pa-line); } body.pro-app .pro-app-hero__eyebrow, body.pro-app .pro-app-quick__eyebrow { margin: 0; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--pa-blue); } body.pro-app .pro-app-hero__name { margin: .15rem 0 .35rem; font-size: clamp(1.7rem, 2.6vw, 2.4rem); font-weight: 800; color: var(--pa-ink); line-height: 1.1; } body.pro-app .pro-app-hero__text { margin: 0 0 .9rem; color: var(--pa-muted); } body.pro-app .pro-app-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; } body.pro-app .pro-app-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .7rem; border-radius: 999px; border: 1px solid var(--pa-line); font-size: .8rem; font-weight: 600; color: var(--pa-ink); } body.pro-app .pro-app-chip i { color: var(--pa-blue); } body.pro-app .pro-app-chip.is-dark { background: #1e3a8a; border-color: #1e3a8a; color: #fff; } body.pro-app .pro-app-chip.is-dark i { color: #fff; } body.pro-app .pro-app-quick { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem 1rem; padding: 1rem 1.1rem; border-radius: 14px; border: 1px solid rgba(44,95,168,.3); background: var(--pa-blue-soft); } body.pro-app .pro-app-quick__icon { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: #2c5fa8; color: #fff; } body.pro-app .pro-app-quick__title { margin: 0; font-size: 1.1rem; font-weight: 800; color: var(--pa-ink); } body.pro-app .pro-app-quick__text { margin: .15rem 0 0; font-size: .82rem; color: var(--pa-muted); } body.pro-app .pro-app-quick__actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .5rem; } body.pro-app .pro-app-btn { flex: 1 1 160px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .6rem .9rem; border-radius: 10px; border: 1px solid var(--pa-line); background: var(--pa-card); color: var(--pa-ink); font-weight: 700; font-size: .88rem; text-decoration: none; } body.pro-app .pro-app-btn--primary { background: #2c5fa8; border-color: #2c5fa8; color: #fff; } body.pro-app .pro-app-btn:hover { filter: brightness(1.06); } /* Premium gold membership hero (buyer start card) */ body.pro-app .pro-app-hero--gold{ --gold:#c5a35a; --gold-soft:#efe2c4; --gold-deep:#8b6914; --ink-warm:#1c160e; position:relative; overflow:hidden; align-items:stretch; padding:1.65rem 1.85rem; border-radius:22px; border:1px solid color-mix(in srgb, var(--gold) 42%, #e8e0d0); background: radial-gradient(circle at 92% 8%, rgba(197,163,90,.28), transparent 34%), radial-gradient(circle at 8% 92%, rgba(28,22,14,.06), transparent 40%), linear-gradient(135deg, #fffaf0 0%, #f7efdf 48%, #fff 100%); box-shadow:0 18px 42px rgba(28,22,14,.08), inset 0 1px 0 rgba(255,255,255,.75); } body.pro-app .pro-app-hero--gold::before{ content:""; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(180deg,#f0d78c,#c5a35a 45%,#8b6914); } body.pro-app .pro-app-hero--gold .pro-app-hero__eyebrow{ display:inline-flex; align-items:center; gap:.4rem; color:var(--gold-deep)!important; } body.pro-app .pro-app-hero--gold .pro-app-hero__eyebrow i{color:var(--gold);font-size:.85rem} body.pro-app .pro-app-hero--gold .pro-app-hero__name{color:var(--ink-warm)!important;letter-spacing:-.02em} body.pro-app .pro-app-hero--gold .pro-app-hero__text{color:#6b5d48!important;max-width:42ch} body.pro-app .pro-app-hero--gold .pro-app-chip{ background:rgba(255,255,255,.72); border-color:color-mix(in srgb, var(--gold) 35%, #e8e0d0); color:var(--ink-warm); box-shadow:0 4px 12px rgba(28,22,14,.04); } body.pro-app .pro-app-hero--gold .pro-app-chip i{color:var(--gold-deep)} body.pro-app .pro-app-hero--gold .pro-app-chip.is-dark{ background:linear-gradient(135deg,#1c160e,#3a2e1c); border-color:#3a2e1c; color:#f7efdf; } body.pro-app .pro-app-hero--gold .pro-app-chip.is-dark i{color:var(--gold-soft)} body.pro-app .pro-app-hero--gold .pro-app-quick{ align-content:start; border-color:color-mix(in srgb, var(--gold) 45%, transparent); background: linear-gradient(160deg, rgba(28,22,14,.94), #2a2116 55%, #3d301c); box-shadow:0 14px 28px rgba(28,22,14,.18); color:#f7efdf; } body.pro-app .pro-app-hero--gold .pro-app-quick__icon{ background:linear-gradient(145deg,#f0d78c,#c5a35a); color:#1c160e; box-shadow:0 6px 14px rgba(197,163,90,.35); } body.pro-app .pro-app-hero--gold .pro-app-quick__eyebrow{color:var(--gold-soft)!important} body.pro-app .pro-app-hero--gold .pro-app-quick__title{color:#fff!important} body.pro-app .pro-app-hero--gold .pro-app-quick__text{color:rgba(247,239,223,.78)!important} body.pro-app .pro-app-hero--gold .pro-app-btn{ background:rgba(255,255,255,.08); border-color:rgba(240,215,140,.35); color:#f7efdf; } body.pro-app .pro-app-hero--gold .pro-app-btn--primary{ background:linear-gradient(135deg,#f0d78c,#c5a35a 55%,#b08d3e); border-color:#c5a35a; color:#1c160e; box-shadow:0 8px 18px rgba(197,163,90,.28); } body.pro-app .pro-app-hero--gold .pro-app-btn:hover{filter:brightness(1.08)} [data-bs-theme="dark"] body.pro-app .pro-app-hero--gold{ background: radial-gradient(circle at 92% 8%, rgba(197,163,90,.22), transparent 34%), linear-gradient(135deg,#1a1611 0%,#241d14 55%,#18140f 100%); border-color:rgba(197,163,90,.28); box-shadow:0 18px 42px rgba(0,0,0,.35); } [data-bs-theme="dark"] body.pro-app .pro-app-hero--gold .pro-app-hero__name{color:#f7efdf!important} [data-bs-theme="dark"] body.pro-app .pro-app-hero--gold .pro-app-hero__text{color:rgba(247,239,223,.72)!important} [data-bs-theme="dark"] body.pro-app .pro-app-hero--gold .pro-app-chip{ background:rgba(255,255,255,.05); border-color:rgba(197,163,90,.25); color:#f7efdf; } body.pro-app .pro-app-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .8rem; } body.pro-app .pro-app-kpi { position: relative; display: flex; flex-direction: column; gap: .35rem; padding: .9rem 1rem; border-radius: 14px; background: var(--pa-card); border: 1px solid var(--pa-line); color: var(--pa-ink); text-decoration: none; transition: border-color .15s, transform .15s; } body.pro-app .pro-app-kpi:hover { border-color: var(--pa-blue); transform: translateY(-1px); } body.pro-app .pro-app-kpi__label { font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--pa-muted); padding-right: 1.6rem; } body.pro-app .pro-app-kpi__icon { position: absolute; top: .9rem; right: 1rem; color: var(--pa-blue); } body.pro-app .pro-app-kpi__value { font-size: 1.7rem; font-weight: 800; line-height: 1; } body.pro-app .pro-app-kpi.has-items.is-good .pro-app-kpi__value { color: #15803d; } body.pro-app .pro-app-kpi.has-items.is-warn .pro-app-kpi__value { color: #c2410c; } body.pro-app .pro-app-kpi.has-items.is-alert .pro-app-kpi__value { color: #b91c1c; } html[data-bs-theme="dark"] body.pro-app .pro-app-kpi.has-items.is-good .pro-app-kpi__value { color: #4ade80; } html[data-bs-theme="dark"] body.pro-app .pro-app-kpi.has-items.is-warn .pro-app-kpi__value { color: #fb923c; } html[data-bs-theme="dark"] body.pro-app .pro-app-kpi.has-items.is-alert .pro-app-kpi__value { color: #f87171; } body.pro-app .pro-app-cols { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.1rem; align-items: start; } body.pro-app .pro-app-card { padding: 1.1rem 1.25rem; border-radius: 16px; background: var(--pa-card); border: 1px solid var(--pa-line); min-width: 0; } body.pro-app .pro-app-card__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .6rem; } body.pro-app .pro-app-card__head h2 { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--pa-ink); } body.pro-app .pro-app-card__head a { color: var(--pa-blue); font-weight: 600; font-size: .85rem; } body.pro-app .pro-app-empty { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 1.6rem .5rem; margin: 0; color: var(--pa-muted); text-align: center; } body.pro-app .pro-app-empty i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--pa-blue-soft); color: var(--pa-blue); font-size: 1.1rem; } body.pro-app .pro-app-list { list-style: none; margin: 0; padding: 0; } body.pro-app .pro-app-list li + li { border-top: 1px solid var(--pa-line); } body.pro-app .pro-app-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "t p s" "m p s"; gap: .1rem 1rem; align-items: center; padding: .65rem .2rem; color: var(--pa-ink); text-decoration: none; } body.pro-app .pro-app-list__title { grid-area: t; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body.pro-app .pro-app-list__meta { grid-area: m; font-size: .78rem; color: var(--pa-muted); } body.pro-app .pro-app-list__price { grid-area: p; font-weight: 800; } body.pro-app .pro-app-pill { grid-area: s; padding: .2rem .55rem; border-radius: 999px; font-size: .72rem; font-weight: 700; } body.pro-app .pro-app-pill.is-good { background: rgba(21,128,61,.12); color: #15803d; } body.pro-app .pro-app-pill.is-warn { background: rgba(194,65,12,.12); color: #c2410c; } body.pro-app .pro-app-card--notify > * { margin: 0 !important; max-width: none !important; border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } body.pro-app .pro-app-backdrop { display: none; } /* responsive */ @media (max-width: 1399px) { body.pro-app .pro-app-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1199px) { body.pro-app .pro-app-hero { grid-template-columns: 1fr; } body.pro-app .pro-app-cols { grid-template-columns: 1fr; } } @media (max-width: 991px) { body.pro-app .pro-app-shell { grid-template-columns: 1fr; } html[data-lux-root] body.pro-app .pro-accnav.pro-app-nav { position: fixed; left: 0; top: 0; bottom: 0; width: min(300px, 86vw); height: 100%; transform: translateX(-102%); transition: transform .22s ease; box-shadow: 0 0 40px rgba(0,0,0,.25); z-index: 1200; } body.pro-app.pro-app-nav-open .pro-accnav.pro-app-nav { transform: none !important; } body.pro-app .pro-app-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; background: rgba(2,6,23,.5); z-index: 1150; } body.pro-app .pro-app-nav__close { display: inline-grid; } body.pro-app .pro-app-top__menu { display: inline-grid; } body.pro-app .pro-app-top__market span { display: none; } } @media (max-width: 600px) { body.pro-app .pro-app-top { gap: .5rem; padding: .4rem .6rem; } body.pro-app .pro-app-top__eyebrow { display: none; } body.pro-app .pro-app-top__title { font-size: .95rem; } body.pro-app .pro-app-top .pro-hswitch { display: none; } body.pro-app .pro-app-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; } body.pro-app .pro-app-hero { padding: 1.1rem; } body.pro-app .pro-app-list a { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "t s" "m p"; } } /* t112b: hub link-card grid full width inside app shell */ html[data-lux-root] body.pro-app .lux-account-section { max-width: none !important; width: auto !important; margin: .4rem 0 0 !important; padding: 0 !important; } html[data-lux-root] body.pro-app .lux-account-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important; gap: .8rem !important; max-width: none !important; width: auto !important; margin: 0 !important; justify-content: stretch !important; } html[data-lux-root] body.pro-app .lux-account-tile { width: auto !important; max-width: none !important; border-radius: 14px; } /* ===== t113: eBay mode – notifications, hero card, live search, mega menu ===== */ /* 1) notifications widget: show-all + dark contrast */ body.is-ebay-mode .pro-notify-all { display: flex; align-items: center; justify-content: center; gap: .3rem; margin-top: .75rem; padding: .6rem 1rem; border-radius: 10px; border: 1px solid rgba(44,95,168,.35); background: rgba(44,95,168,.08); color: #2c5fa8; font-weight: 700; font-size: .88rem; text-decoration: none; } body.is-ebay-mode .pro-notify-all:hover { background: #2c5fa8; color: #fff; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-notify-all { color: #7fb0ff; border-color: rgba(127,176,255,.35); background: rgba(127,176,255,.08); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-notify-all:hover { background: #2c5fa8; color: #fff; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-notif-hl__user { color: #6ee7b7 !important; background: rgba(16,185,129,.18) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-notif-hl__amount { color: #fdba74 !important; background: rgba(251,146,60,.18) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-notif-hl__label { opacity: .9; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-notif-hl__order, html[data-bs-theme="dark"] body.is-ebay-mode .lux-notifications-premium__item-text { color: #cbd5e1 !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-notifications-premium__item { background: rgba(255,255,255,.03) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-notifications-premium__item--sold { background: rgba(16,185,129,.06) !important; } /* 2) hero: balanced columns, card filled */ @media (min-width: 1200px) { html[data-lux-root] body.is-ebay-mode .lux-hero--cms .lux-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important; gap: clamp(1.5rem, 3vw, 3.5rem) !important; } html[data-lux-root] body.is-ebay-mode .lux-hero__visuals { max-width: 820px !important; justify-self: end; } } @media (min-width: 992px) { html[data-lux-root] body.is-ebay-mode .pro-hero-offer { padding: .75rem !important; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__link { align-items: stretch !important; min-height: 270px; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__media { flex: 0 0 54% !important; width: 54% !important; height: auto !important; min-height: 270px; align-self: stretch; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__media img { padding: 0 !important; object-fit: cover !important; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__body { display: flex !important; flex-direction: column; justify-content: space-between !important; padding: 2.9rem .4rem .1rem .2rem !important; gap: .45rem !important; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__title { font-size: clamp(1.05rem, 1.25vw, 1.35rem) !important; line-height: 1.25; -webkit-line-clamp: 3 !important; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__price { font-size: clamp(1.5rem, 2vw, 2rem) !important; line-height: 1.05; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__row { flex-direction: column !important; align-items: flex-start !important; gap: .3rem !important; padding: .55rem .7rem; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__end { font-size: .8rem; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__left { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 700; color: #e5c983; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__left.is-soon { color: #ff8a7a; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__cta { margin-top: .2rem !important; padding: .65rem .9rem !important; font-size: .92rem !important; } } html[data-lux-root] body.is-ebay-mode .pro-hero-offer__left { font-size: .8rem; color: #e5c983; } /* 3) search: attached button + wide live-search sheet */ body.is-ebay-mode .lux-header__search-row .lux-search { position: relative; display: flex; align-items: stretch; } body.is-ebay-mode .lux-header__search-row .lux-search__input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-right: 1rem !important; } body.is-ebay-mode .pro-search-btn { flex: 0 0 auto; width: 52px; border: 0; border-radius: 0 999px 999px 0; background: #2c5fa8; color: #fff; display: grid; place-items: center; font-size: 1.05rem; cursor: pointer; margin-left: -1px; } body.is-ebay-mode .pro-search-btn:hover { background: #234d8a; } body.is-ebay-mode .pro-sx { position: fixed; z-index: 1300; left: var(--pro-pl, 16px); top: var(--pro-pt, 64px); width: var(--pro-pw, 900px); max-height: calc(100dvh - var(--pro-pt, 64px) - 16px); overflow-y: auto; background: #fff; color: #0f172a; border: 1px solid rgba(15,23,42,.1); border-radius: 14px; box-shadow: 0 24px 60px rgba(15,23,42,.22); padding: .4rem 0 0; box-sizing: border-box; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx { background: #0f1828; color: #e2e8f0; border-color: rgba(255,255,255,.1); box-shadow: 0 24px 60px rgba(0,0,0,.55); } body.is-ebay-mode .pro-sx__sec { padding: .5rem .9rem .7rem; } body.is-ebay-mode .pro-sx__sec + .pro-sx__sec { border-top: 1px solid rgba(15,23,42,.08); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__sec + .pro-sx__sec, html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__foot { border-color: rgba(255,255,255,.08); } body.is-ebay-mode .pro-sx__label { margin: 0 0 .5rem; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #2c5fa8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__label { color: #7fb0ff; } body.is-ebay-mode .pro-sx__row { display: grid; grid-auto-flow: column; grid-auto-columns: 160px; gap: .6rem; overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x proximity; scrollbar-width: thin; } body.is-ebay-mode .pro-sx__card { scroll-snap-align: start; display: flex; flex-direction: column; gap: .35rem; padding: .45rem; border-radius: 10px; border: 1px solid rgba(15,23,42,.1); color: inherit; text-decoration: none; background: transparent; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__card { border-color: rgba(255,255,255,.1); } body.is-ebay-mode .pro-sx__card:hover, body.is-ebay-mode .pro-sx__card.is-active { border-color: #2c5fa8; box-shadow: 0 0 0 2px rgba(44,95,168,.25); } body.is-ebay-mode .pro-sx__img { display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: 7px; overflow: hidden; background: #eef2f7; color: #94a3b8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__img { background: #1b2433; } body.is-ebay-mode .pro-sx__img img { width: 100%; height: 100%; object-fit: cover; } body.is-ebay-mode .pro-sx__title { font-size: .8rem; font-weight: 600; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.5em; } body.is-ebay-mode .pro-sx__price { margin-top: auto; font-weight: 800; font-size: .88rem; } body.is-ebay-mode .pro-sx mark { background: rgba(250,204,21,.45); color: inherit; padding: 0 1px; border-radius: 2px; } body.is-ebay-mode .pro-sx__list { list-style: none; margin: 0; padding: 0; } body.is-ebay-mode .pro-sx__list li + li { border-top: 1px solid rgba(15,23,42,.06); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__list li + li { border-color: rgba(255,255,255,.06); } body.is-ebay-mode .pro-sx__list a { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .4rem; color: inherit; text-decoration: none; font-weight: 600; font-size: .9rem; border-radius: 6px; } body.is-ebay-mode .pro-sx__list a small { font-weight: 500; font-size: .72rem; color: #64748b; } body.is-ebay-mode .pro-sx__list a:hover, body.is-ebay-mode .pro-sx__list a.is-active { background: rgba(44,95,168,.08); } body.is-ebay-mode .pro-sx__none { margin: 0; padding: 1rem; text-align: center; color: #64748b; } body.is-ebay-mode .pro-sx__foot { display: flex; justify-content: center; padding: .7rem; border-top: 1px solid rgba(15,23,42,.08); position: sticky; bottom: 0; background: inherit; } body.is-ebay-mode .pro-sx__all { display: inline-flex; align-items: center; gap: .35rem; padding: .5rem 1.3rem; border-radius: 999px; background: #0f172a; color: #fff; font-weight: 700; font-size: .85rem; text-decoration: none; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__all { background: #2c5fa8; } body.is-ebay-mode .pro-sx__all.is-active, body.is-ebay-mode .pro-sx__all:hover { background: #2c5fa8; } @media (max-width: 767px) { body.is-ebay-mode .pro-sx { left: 0 !important; width: 100vw !important; border-radius: 0 0 16px 16px; max-height: calc(100dvh - var(--pro-pt, 64px)); } body.is-ebay-mode .pro-sx__row { grid-auto-columns: 136px; } } /* 4) mega menu: wide, premium */ @media (min-width: 992px) { body.is-ebay-mode .lux-header--storefront .market-cat-drop .dropdown-menu.market-categories-menu { position: fixed !important; left: var(--pro-pl, 16px) !important; top: var(--pro-pt, 64px) !important; width: var(--pro-pw, 1100px) !important; max-width: none !important; inset: auto !important; left: var(--pro-pl, 16px) !important; top: var(--pro-pt, 64px) !important; max-height: min(560px, calc(100dvh - 90px)) !important; padding: 0 !important; border-radius: 16px !important; background: #fff !important; color: #0f172a !important; border: 1px solid rgba(15,23,42,.1) !important; box-shadow: 0 28px 70px rgba(15,23,42,.22) !important; } body.is-ebay-mode .lux-header--storefront .market-cat-drop .dropdown-menu.market-categories-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; } body.is-ebay-mode .lux-header--storefront .market-categories-shell { display: grid !important; grid-template-columns: 300px minmax(0, 1fr); height: min(540px, calc(100dvh - 110px)) !important; } body.is-ebay-mode .lux-header--storefront .market-categories-left { background: #f6f8fb !important; border-right: 1px solid rgba(15,23,42,.08) !important; padding: .7rem !important; overflow-y: auto; } body.is-ebay-mode .lux-header--storefront .market-categories-filter { border-radius: 10px !important; background: #fff !important; color: #0f172a !important; border: 1px solid rgba(15,23,42,.14) !important; padding: .5rem .75rem !important; } body.is-ebay-mode .lux-header--storefront .market-categories-filter::placeholder { color: #94a3b8 !important; } body.is-ebay-mode .lux-header--storefront .market-root-item { display: flex !important; align-items: center; gap: .6rem; padding: .45rem .55rem !important; margin: 1px 0; border-radius: 10px !important; color: #0f172a !important; font-weight: 600; font-size: .9rem; text-decoration: none; border-left: 3px solid transparent; } body.is-ebay-mode .lux-header--storefront .market-root-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.is-ebay-mode .lux-header--storefront .market-root-item:hover { background: rgba(44,95,168,.07) !important; } body.is-ebay-mode .lux-header--storefront .market-root-item.is-active { background: #fff !important; color: #2c5fa8 !important; border-left-color: #2c5fa8; box-shadow: 0 2px 10px rgba(15,23,42,.06); } body.is-ebay-mode .pro-mega-ico { flex: 0 0 30px; width: 30px; height: 30px; border-radius: 8px; overflow: hidden; background: #e8eef7; } body.is-ebay-mode .pro-mega-ico img { width: 100%; height: 100%; object-fit: cover; } body.is-ebay-mode .lux-header--storefront .market-root-count { min-width: 1.6rem; padding: .05rem .4rem; border-radius: 999px; background: rgba(44,95,168,.1) !important; color: #2c5fa8 !important; font-size: .72rem; font-weight: 700; text-align: center; } body.is-ebay-mode .lux-header--storefront .market-root-item.is-active .market-root-count { background: #2c5fa8 !important; color: #fff !important; } body.is-ebay-mode .lux-header--storefront .market-categories-right { padding: 1.1rem 1.4rem !important; overflow-y: auto; background: #fff !important; } body.is-ebay-mode .lux-header--storefront .market-categories-head { display: flex !important; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; margin-bottom: .9rem; border-bottom: 1px solid rgba(15,23,42,.08) !important; text-align: left !important; } body.is-ebay-mode .lux-header--storefront .market-root-link { font-size: 1.25rem !important; font-weight: 800 !important; color: #0f172a !important; text-decoration: none; } body.is-ebay-mode .lux-header--storefront .pro-mega-all { color: #2c5fa8 !important; font-weight: 700; font-size: .88rem; text-decoration: none; white-space: nowrap; } body.is-ebay-mode .lux-header--storefront .market-categories-content { display: grid !important; grid-template-columns: minmax(0, 1fr) clamp(220px, 24%, 320px); gap: 1.4rem; align-items: start; } body.is-ebay-mode .lux-header--storefront .market-sub-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: .15rem 1.2rem; margin: 0; padding: 0; list-style: none; columns: auto !important; } body.is-ebay-mode .lux-header--storefront .market-sub-list a { display: flex !important; justify-content: space-between; align-items: center; gap: .6rem; padding: .42rem .55rem; border-radius: 8px; color: #1e293b !important; font-size: .88rem; text-decoration: none; } body.is-ebay-mode .lux-header--storefront .market-sub-list a:hover { background: rgba(44,95,168,.08); color: #2c5fa8 !important; } body.is-ebay-mode .lux-header--storefront .market-sub-list a.is-empty { color: #94a3b8 !important; } body.is-ebay-mode .pro-mega-n { font-size: .72rem; font-weight: 700; color: #64748b; background: #f1f5f9; border-radius: 999px; padding: .05rem .45rem; } body.is-ebay-mode .lux-header--storefront .market-category-preview { border-radius: 14px !important; overflow: hidden; border: 0 !important; background: #e8eef7 !important; aspect-ratio: 4 / 3; padding: 0 !important; } body.is-ebay-mode .lux-header--storefront .market-category-preview img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* dark */ html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-cat-drop .dropdown-menu.market-categories-menu { background: #0f1828 !important; color: #e2e8f0 !important; border-color: rgba(255,255,255,.1) !important; box-shadow: 0 28px 70px rgba(0,0,0,.55) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-categories-left { background: #0b1220 !important; border-color: rgba(255,255,255,.08) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-categories-filter { background: #121b2d !important; color: #e2e8f0 !important; border-color: rgba(255,255,255,.14) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-root-item { color: #e2e8f0 !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-root-item.is-active { background: #16223a !important; color: #7fb0ff !important; border-left-color: #7fb0ff; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-root-count { background: rgba(127,176,255,.14) !important; color: #7fb0ff !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-categories-right { background: #0f1828 !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-categories-head { border-color: rgba(255,255,255,.08) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-root-link { color: #fff !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .pro-mega-all { color: #7fb0ff !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-sub-list a { color: #cbd5e1 !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-sub-list a:hover { background: rgba(127,176,255,.1); color: #fff !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-mega-n { background: rgba(255,255,255,.08); color: #94a3b8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-mega-ico, html[data-bs-theme="dark"] body.is-ebay-mode .lux-header--storefront .market-category-preview { background: #1b2433 !important; } } /* t113b: mega menu taller, left-aligned title */ @media (min-width: 992px) { html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-categories-menu { max-height: min(560px, calc(100dvh - 90px)) !important; } html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-categories-shell { height: min(540px, calc(100dvh - 110px)) !important; } html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-categories-head { justify-content: space-between !important; text-align: left !important; } } /* ===== t113c: eBay mode – themed category sections + Deals für Sie ===== */ body.is-ebay-mode .pro-theme__banner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: stretch; border-radius: 18px; overflow: hidden; background: linear-gradient(120deg, #eef4ff 0%, #f8fafc 60%); border: 1px solid rgba(15,23,42,.06); margin-bottom: 1.1rem; min-height: 260px; } body.is-ebay-mode .pro-theme--flip .pro-theme__banner { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); background: linear-gradient(240deg, #fff6e6 0%, #f8fafc 60%); } body.is-ebay-mode .pro-theme--flip .pro-theme__text { order: 2; } body.is-ebay-mode .pro-theme__text { display: flex; flex-direction: column; justify-content: center; gap: .55rem; padding: clamp(1.25rem, 3vw, 2.5rem); } body.is-ebay-mode .pro-theme__kicker { font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #2c5fa8; } body.is-ebay-mode .pro-theme--flip .pro-theme__kicker { color: #b45309; } body.is-ebay-mode .pro-theme__title { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.2rem); font-weight: 800; line-height: 1.1; color: #0f172a; } body.is-ebay-mode .pro-theme__sub { margin: 0; color: #475569; font-size: .95rem; } body.is-ebay-mode .pro-theme__chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .2rem; } body.is-ebay-mode .pro-theme__chip { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .7rem; border-radius: 999px; background: #fff; border: 1px solid rgba(15,23,42,.1); color: #1e293b; font-size: .8rem; font-weight: 600; text-decoration: none; } body.is-ebay-mode .pro-theme__chip span { font-size: .7rem; color: #64748b; } body.is-ebay-mode .pro-theme__chip:hover { border-color: #2c5fa8; color: #2c5fa8; } body.is-ebay-mode .pro-theme__cta { align-self: flex-start; display: inline-flex; align-items: center; gap: .45rem; margin-top: .4rem; padding: .65rem 1.3rem; border-radius: 999px; background: #0f172a; color: #fff; font-weight: 700; text-decoration: none; } body.is-ebay-mode .pro-theme__cta:hover { background: #2c5fa8; color: #fff; } body.is-ebay-mode .pro-theme__collage { display: grid; gap: 6px; padding: 6px; grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; min-height: 260px; text-decoration: none; } body.is-ebay-mode .pro-theme__collage--1 { grid-template-columns: 1fr; grid-template-rows: 1fr; } body.is-ebay-mode .pro-theme__collage--2 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } body.is-ebay-mode .pro-theme__collage--3 .pro-theme__ph:first-child { grid-row: 1 / span 2; } body.is-ebay-mode .pro-theme__ph { position: relative; display: block; overflow: hidden; border-radius: 12px; background: #e2e8f0; min-height: 0; } body.is-ebay-mode .pro-theme__ph img, body.is-ebay-mode .pro-theme__ph .media-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; } body.is-ebay-mode .pro-theme__collage:hover .pro-theme__ph img { transform: scale(1.04); } body.is-ebay-mode .pro-deals__sub { margin: .15rem 0 0; color: #64748b; font-size: .9rem; } body.is-ebay-mode .pro-deals__icon { color: #f59e0b; margin-right: .45rem; } body.is-ebay-mode .pro-deals { padding: 1.2rem; border-radius: 18px; background: linear-gradient(180deg, rgba(245,158,11,.08), transparent 70%); border: 1px solid rgba(245,158,11,.18); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__banner { background: linear-gradient(120deg, #13213a 0%, #0f1828 65%); border-color: rgba(255,255,255,.07); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme--flip .pro-theme__banner { background: linear-gradient(240deg, #2a1f0e 0%, #0f1828 65%); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__title { color: #fff; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__sub, html[data-bs-theme="dark"] body.is-ebay-mode .pro-deals__sub { color: #94a3b8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__kicker { color: #7fb0ff; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme--flip .pro-theme__kicker { color: #fbbf24; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__chip { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); color: #e2e8f0; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__chip span { color: #94a3b8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__cta { background: #2c5fa8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-theme__ph { background: #1b2433; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-deals { background: linear-gradient(180deg, rgba(245,158,11,.07), transparent 70%); border-color: rgba(245,158,11,.16); } @media (max-width: 767px) { body.is-ebay-mode .pro-theme__banner, body.is-ebay-mode .pro-theme--flip .pro-theme__banner { grid-template-columns: 1fr; } body.is-ebay-mode .pro-theme--flip .pro-theme__text { order: 0; } body.is-ebay-mode .pro-theme__collage { min-height: 180px; } body.is-ebay-mode .pro-deals { padding: .8rem; } } /* t113c2: themed wrapper uses the same full eBay width as other home sections */ body.is-ebay-mode .lux-home > .pro-themed-wrap > .lux-section { max-width: var(--pro-ebay-max) !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--pro-ebay-pad) !important; padding-right: var(--pro-ebay-pad) !important; box-sizing: border-box; } @media (min-width: 1560px) { body.is-ebay-mode .lux-home > .pro-themed-wrap > .lux-section { width: var(--pro-ebay-max) !important; } } body.is-ebay-mode .lux-home > .pro-themed-wrap > .pro-deals { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; } /* t113c3: themed grids – exactly one/two full rows, no orphans */ body.is-ebay-mode .pro-theme__grid > :nth-child(n+7) { display: none !important; } @media (min-width: 768px) and (max-width: 1199px) { body.is-ebay-mode .pro-theme__grid > :nth-child(n+7) { display: revert !important; } body.is-ebay-mode .pro-theme__grid > :nth-child(n+9) { display: none !important; } } @media (min-width: 1200px) and (max-width: 1399px) { body.is-ebay-mode .pro-theme__grid > :nth-child(n+6) { display: none !important; } } /* t113d: eBay-style detail page (eBay mode only) */ body.is-ebay-mode .ab-auction-hero { grid-template-columns: minmax(0, 1.7fr) minmax(360px, 1fr) !important; } @media (min-width: 992px) { body.is-ebay-mode .ab-auction-hero > .ab-auction-panel { position: sticky; top: 84px; } } @media (max-width: 991.98px) { body.is-ebay-mode .ab-auction-hero { grid-template-columns: minmax(0, 1fr) !important; } } body.is-ebay-mode .pro-pdp-facts { margin: 1rem 0 0; padding: .9rem 1rem; border: 1px solid var(--lux-border, #e5e7eb); border-radius: 14px; background: var(--lux-surface, #fff); font-size: .88rem; } body.is-ebay-mode .pro-pdp-facts__row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: .6rem; padding: .5rem 0; border-top: 1px solid var(--lux-border, #eef0f3); } body.is-ebay-mode .pro-pdp-facts__row:first-child { border-top: 0; padding-top: 0; } body.is-ebay-mode .pro-pdp-facts dt { font-weight: 500; color: var(--lux-muted, #6b7280); margin: 0; } body.is-ebay-mode .pro-pdp-facts dd { margin: 0; color: var(--lux-text, #111827); overflow-wrap: anywhere; } body.is-ebay-mode .pro-pdp-facts dd a { margin-left: .35rem; color: #2563eb; text-decoration: underline; text-underline-offset: 2px; } body.is-ebay-mode .pro-pdp-facts dd small { margin-left: .25rem; color: var(--lux-muted, #6b7280); } body.is-ebay-mode .pro-pdp-facts__pay { display: flex; flex-wrap: wrap; gap: .3rem; } body.is-ebay-mode .pro-pdp-facts__pay span { padding: .1rem .5rem; border-radius: 999px; background: rgba(37,99,235,.08); font-size: .78rem; font-weight: 600; } body.is-ebay-mode .pro-pdp-facts__row--protect dt { color: #15803d; } body.is-ebay-mode .pro-pdp-tabs { margin-top: 1.5rem; border: 1px solid var(--lux-border, #e5e7eb); border-radius: 16px; background: var(--lux-surface, #fff); overflow: hidden; } body.is-ebay-mode .pro-pdp-tabs__nav { display: flex; gap: .25rem; overflow-x: auto; border-bottom: 1px solid var(--lux-border, #e5e7eb); padding: 0 .75rem; scrollbar-width: none; } body.is-ebay-mode .pro-pdp-tabs__btn { flex: 0 0 auto; border: 0; background: none; padding: .95rem 1rem .85rem; font-weight: 600; font-size: .95rem; color: var(--lux-muted, #6b7280); border-bottom: 3px solid transparent; cursor: pointer; } body.is-ebay-mode .pro-pdp-tabs__btn:hover { color: var(--lux-text, #111827); } body.is-ebay-mode .pro-pdp-tabs__btn.is-active { color: var(--lux-text, #111827); border-bottom-color: #2563eb; } body.is-ebay-mode .pro-pdp-tabs__btn:focus-visible { outline: 2px solid #2563eb; outline-offset: -2px; } body.is-ebay-mode .pro-pdp-tabs__pane { padding: 1.1rem 1.25rem 1.3rem; } body.is-ebay-mode .pro-pdp-tabs__pane > * { margin-top: 0 !important; box-shadow: none !important; border: 0 !important; background: transparent !important; } body.is-ebay-mode .pro-pdp-tabs__pane > * + * { margin-top: 1rem !important; padding-top: 1rem; border-top: 1px solid var(--lux-border, #eef0f3) !important; } body.is-ebay-mode .pro-pdp-tabs__pane--ship, body.is-ebay-mode .pro-pdp-tabs__pane--seller { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.25rem; } body.is-ebay-mode .pro-pdp-tabs__pane--ship[hidden], body.is-ebay-mode .pro-pdp-tabs__pane--seller[hidden], body.is-ebay-mode .pro-pdp-tabs__pane--bids[hidden] { display: none; } body.is-ebay-mode .pro-pdp-tabs__pane--ship > * + *, body.is-ebay-mode .pro-pdp-tabs__pane--seller > * + * { margin-top: 0 !important; padding-top: 0; border-top: 0 !important; } body.is-ebay-mode .pro-pdp-tabs__pane .card-body, body.is-ebay-mode .pro-pdp-tabs__pane .mk-card-body { padding: 0 !important; } body.is-ebay-mode .pro-pdp-tabs__pane--bids .ab-bid-history-block { margin: 0 !important; } @media (max-width: 767.98px) { body.is-ebay-mode .pro-pdp-tabs__pane--ship, body.is-ebay-mode .pro-pdp-tabs__pane--seller { grid-template-columns: minmax(0, 1fr); } body.is-ebay-mode .pro-pdp-tabs__pane { padding: 1rem; } } /* Mobile: share + ads under Käuferschutz */ .pro-pdp-mobile-below-protect { display: none; } @media (max-width: 991.98px) { .pro-pdp-mobile-below-protect:not([hidden]) { display: flex; flex-direction: column; gap: 12px; width: 100%; margin-top: 12px; } .pro-pdp-mobile-below-protect .pro-share--main { display: flex !important; margin: 0; } .pro-pdp-mobile-below-protect .ab-gallery-ad-slot, .pro-pdp-mobile-below-protect .ab-auction-ad-slot { margin: 0; width: 100%; } } body.is-ebay-mode .pro-pdp-more { margin-top: 1.5rem; } body.is-ebay-mode .pro-pdp-more__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; } body.is-ebay-mode .pro-pdp-more__head h2 { font-size: 1.2rem; font-weight: 700; margin: 0; } body.is-ebay-mode .pro-pdp-more__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-facts, html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-tabs { background: #141b26; border-color: #263142; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-facts__row, html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-tabs__nav { border-color: #263142; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-facts dd, html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-tabs__btn.is-active { color: #e5e7eb; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-facts dt, html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-tabs__btn { color: #9aa4b2; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-facts dd a { color: #7aa7ff; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-facts__row--protect dt { color: #4ade80; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-tabs__btn.is-active { border-bottom-color: #7aa7ff; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-tabs__pane > * + * { border-color: #263142 !important; } body.is-ebay-mode .pro-pdp-more .lux-reveal { opacity: 1 !important; transform: none !important; } @media (min-width: 1200px) { body.is-ebay-mode .pro-pdp-more__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 768px) and (max-width: 1199px) { body.is-ebay-mode .pro-theme__grid:not(:has(> :nth-child(8))) > :nth-child(n+5) { display: none !important; } } body.is-ebay-mode .ab-auction-hero > * { min-width: 0; } @media (min-width: 992px) and (max-width: 1199.98px) { body.is-ebay-mode .ab-auction-hero { grid-template-columns: minmax(0, 1.3fr) minmax(320px, 1fr) !important; } } /* t115: wide eBay container on footer / category / search / shops / shop / detail (eBay mode only) */ body.is-ebay-mode .lux-auction-premium, body.is-ebay-mode .lux-cat, body.is-ebay-mode .lux-search-page, body.is-ebay-mode .lux-vendor-directory, body.is-ebay-mode .lux-vendor, body.is-ebay-mode .lux-footer__inner { max-width: var(--pro-ebay-max) !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--pro-ebay-pad) !important; padding-right: var(--pro-ebay-pad) !important; box-sizing: border-box !important; } body.is-ebay-mode .lux-search-page .lux-pagehead { max-width: none !important; } body.is-ebay-mode .lux-footer__grid, body.is-ebay-mode .lux-footer__promo { max-width: none !important; width: 100% !important; } body.is-ebay-mode .lux-footer--storefront .lux-footer__contact-box { width: 100% !important; max-width: 100% !important; } body.is-ebay-mode .lux-footer--storefront .lux-footer__col { min-width: 0; } body.is-ebay-mode .lux-footer--storefront .lux-footer__col .lux-footer__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .35rem; } @media (min-width: 1200px) { body.is-ebay-mode .lux-footer__grid { grid-template-columns: minmax(220px, 1.35fr) repeat(auto-fit, minmax(140px, 1fr)) !important; gap: 1.75rem 1.5rem !important; align-items: start !important; } body.is-ebay-mode .lux-footer__grid:has(.lux-footer__col--pay) { grid-template-columns: minmax(220px, 1.3fr) repeat(auto-fit, minmax(130px, 1fr)) !important; } body.is-ebay-mode .lux-cat { grid-template-columns: 280px minmax(0, 1fr) !important; } body.is-ebay-mode .pro-vshop__layout { grid-template-columns: minmax(0, 1fr) 300px !important; } } /* product grids: 6 per row on wide screens */ body.is-ebay-mode .lux-search-page .lux-grid, body.is-ebay-mode .lux-vendor-directory-grid { max-width: none !important; } @media (min-width: 992px) { body.is-ebay-mode .lux-search-page .lux-grid, body.is-ebay-mode .lux-vendor-directory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (min-width: 1200px) { body.is-ebay-mode .lux-search-page .lux-grid, body.is-ebay-mode .lux-vendor-directory-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1400px) { body.is-ebay-mode .lux-search-page .lux-grid, body.is-ebay-mode .lux-vendor-directory-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } @media (min-width: 1100px) { body.is-ebay-mode .lux-cat__results .lux-grid, body.is-ebay-mode .pro-vshop__main .lux-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (min-width: 1300px) { body.is-ebay-mode .lux-cat__results .lux-grid, body.is-ebay-mode .pro-vshop__main .lux-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1600px) { body.is-ebay-mode .lux-cat__results .lux-grid, body.is-ebay-mode .pro-vshop__main .lux-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } body.is-ebay-mode .lux-cat__results .lux-grid, body.is-ebay-mode .pro-vshop__main .lux-grid, body.is-ebay-mode .lux-search-page .lux-grid { gap: 1rem !important; } body.is-ebay-mode .lux-cat__main, body.is-ebay-mode .pro-vshop__main { min-width: 0; max-width: none !important; } /* detail page uses full container */ @media (min-width: 1200px) { body.is-ebay-mode .ab-auction-hero { grid-template-columns: minmax(0, 1.65fr) minmax(400px, 1fr) !important; gap: 1.75rem !important; } } body.is-ebay-mode .ab-mini-card .row > [class*=col] { flex: 0 0 auto; } @media (min-width: 1200px) { body.is-ebay-mode .ab-mini-card .row > [class*=col] { width: 16.6667% !important; } body.is-ebay-mode .ab-mini-card .row > [class*=col]:nth-child(n+7) { display: none !important; } } /* t115: Deals für Sie – carousel without visible scrollbar */ body.is-ebay-mode .pro-deals .pro-strip { --pro-deal-n: 2; grid-auto-columns: calc((100% - (var(--pro-deal-n) - 1) * 1rem) / var(--pro-deal-n)) !important; gap: 1rem !important; scrollbar-width: none !important; -ms-overflow-style: none; padding-bottom: 0 !important; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; } body.is-ebay-mode .pro-deals .pro-strip::-webkit-scrollbar { display: none !important; height: 0 !important; } @media (min-width: 768px) { body.is-ebay-mode .pro-deals .pro-strip { --pro-deal-n: 4; } } @media (min-width: 1200px) { body.is-ebay-mode .pro-deals .pro-strip { --pro-deal-n: 6; } } body.is-ebay-mode .pro-deals__viewport { position: relative; } body.is-ebay-mode .pro-deals__nav { position: absolute; top: 38%; z-index: 3; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--lux-border, #e5e7eb); background: var(--lux-surface, #fff); color: var(--lux-text, #111827); box-shadow: 0 4px 14px rgba(15,23,42,.14); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; opacity: .92; transition: opacity .2s, transform .2s; } body.is-ebay-mode .pro-deals__nav:hover { opacity: 1; transform: scale(1.06); } body.is-ebay-mode .pro-deals__nav--prev { left: -14px; } body.is-ebay-mode .pro-deals__nav--next { right: -14px; } @media (max-width: 767.98px) { body.is-ebay-mode .pro-deals__nav { display: none; } } html[data-bs-theme="dark"] body.is-ebay-mode .pro-deals__nav { background: #1b2433; border-color: #2b3647; color: #e5e7eb; } /* t116: 2 compact product cards per row on phones (eBay mode only) */ @media (max-width: 575.98px) { body.is-ebay-mode .lux-cat__results .lux-grid, body.is-ebay-mode .lux-search-page .lux-grid, body.is-ebay-mode .pro-vshop__main .lux-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card { min-width: 0; padding: .45rem !important; border-radius: 12px !important; font-size: .8rem; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card :is(h2, h3, h4, [class*=title]) { font-size: .82rem !important; line-height: 1.25 !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card [class*=price] { font-size: .95rem !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card :is(.badge, [class*=chip], [class*=tag], [class*=pill], [class*=countdown], [class*=timer]) { font-size: .62rem !important; padding: .12rem .35rem !important; white-space: normal !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card :is(.btn, .lux-btn, button[type=submit], a[class*=btn]) { font-size: .72rem !important; padding: .4rem .35rem !important; min-height: 0 !important; white-space: normal !important; line-height: 1.15 !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card :is(p, li, small, span) { font-size: inherit; } } @media (max-width: 575.98px) { body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-grid > .lux-card { padding: .3rem !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-auction-card__body { padding: .5rem .35rem .45rem !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-auction-card__top { padding: .3rem .3rem .25rem !important; gap: .25rem; align-items: flex-start; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-auction-card__countdown { flex: 1 1 auto; font-size: .58rem !important; line-height: 1.2 !important; padding: .12rem .3rem !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) .lux-auction-card__watch { flex: 0 0 28px; width: 28px !important; height: 28px !important; } body.is-ebay-mode :is(.lux-cat__results, .lux-search-page, .pro-vshop__main) :is(.lux-auction-card__type, .lux-auction-card__cond) { white-space: normal !important; font-size: .6rem !important; line-height: 1.2 !important; } } /* t116b: same carousel for Zuletzt angesehen / Merkliste-Treffer / gefolgte Shops / bald endend */ body.is-ebay-mode :is(.pro-personal, .pro-ending-strip) .pro-strip { --pro-deal-n: 2; grid-auto-columns: calc((100% - (var(--pro-deal-n) - 1) * 1rem) / var(--pro-deal-n)) !important; gap: 1rem !important; scrollbar-width: none !important; -ms-overflow-style: none; padding-bottom: 0 !important; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; } body.is-ebay-mode :is(.pro-personal, .pro-ending-strip) .pro-strip::-webkit-scrollbar { display: none !important; height: 0 !important; } @media (min-width: 768px) { body.is-ebay-mode :is(.pro-personal, .pro-ending-strip) .pro-strip { --pro-deal-n: 4; } } @media (min-width: 1200px) { body.is-ebay-mode :is(.pro-personal, .pro-ending-strip) .pro-strip { --pro-deal-n: 6; } } /* t119: mega menu – JS-controlled open state (no :hover/:focus-within flicker), invisible hover bridge */ @media (min-width: 992px) { html[data-lux-root] .lux-header--storefront .market-cat-drop.pro-mega-js:not(.is-open) .dropdown-menu { display: none !important; } html[data-lux-root] .lux-header--storefront .market-cat-drop.pro-mega-js.is-open .dropdown-menu { display: block !important; } html[data-lux-root] .lux-header--storefront .market-cat-drop.pro-mega-js .dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -28px; height: 28px; background: transparent; } } /* t120: countdown urgency colours (all modes) — set live by lux-pro.js */ html .pro-cd { transition: background-color .4s, color .4s, border-color .4s; } html .pro-cd.pro-cd--ok { color: #166534 !important; background-color: #dcfce7 !important; border-color: #bbf7d0 !important; } html .pro-cd.pro-cd--warn { color: #9a3412 !important; background-color: #ffedd5 !important; border-color: #fed7aa !important; } html .pro-cd.pro-cd--crit { color: #b91c1c !important; background-color: #fee2e2 !important; border-color: #fecaca !important; font-weight: 700 !important; } html .pro-cd.pro-cd--ended { color: #475569 !important; background-color: #e2e8f0 !important; border-color: #cbd5e1 !important; } html .pro-cd :is(i, svg) { color: inherit !important; } html[data-bs-theme="dark"] .pro-cd.pro-cd--ok { color: #86efac !important; background-color: rgba(34,197,94,.16) !important; border-color: rgba(34,197,94,.3) !important; } html[data-bs-theme="dark"] .pro-cd.pro-cd--warn { color: #fdba74 !important; background-color: rgba(249,115,22,.18) !important; border-color: rgba(249,115,22,.32) !important; } html[data-bs-theme="dark"] .pro-cd.pro-cd--crit { color: #fca5a5 !important; background-color: rgba(239,68,68,.2) !important; border-color: rgba(239,68,68,.35) !important; } html[data-bs-theme="dark"] .pro-cd.pro-cd--ended { color: #cbd5e1 !important; background-color: rgba(148,163,184,.16) !important; border-color: rgba(148,163,184,.28) !important; } /* ===== t117: eBay-mode rework (category, garage, vendor heads/tables, vendor dashboard) ===== */ body.is-ebay-mode{--p-bd:#e5e7eb;--p-card:#fff;--p-tx:#111827;--p-mu:#6b7280;--p-ac:#3665f3;--p-soft:#f3f6ff} [data-bs-theme="dark"] body.is-ebay-mode{--p-bd:rgba(255,255,255,.12);--p-card:#161b26;--p-tx:#e5e7eb;--p-mu:#9ca3af;--p-ac:#7aa2ff;--p-soft:rgba(122,162,255,.1)} /* category */ body.is-ebay-mode .lux-cat{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start} body.is-ebay-mode .lux-cat__main{min-width:0;overflow:visible} body.is-ebay-mode .lux-cat__side{position:sticky;top:96px;max-height:calc(100vh - 110px);overflow:auto;padding-right:4px} body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="grid"]{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))} @media(min-width:768px){body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="grid"]{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))!important}} @media(min-width:768px){body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="grid"]{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(min-width:1100px){body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="grid"]{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:1400px){body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="grid"]{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(min-width:1800px){body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="grid"]{grid-template-columns:repeat(6,minmax(0,1fr))}} body.is-ebay-mode .lux-cat .lux-grid>*{min-width:0} body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="list"]{display:flex;flex-direction:column;gap:10px} body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="list"]>*{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;border:1px solid var(--p-bd);border-radius:12px;background:var(--p-card);overflow:hidden} body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="list"] img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%} .pro-catbar{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0} .pro-catbar__sort{display:flex;flex-wrap:wrap;gap:6px} .pro-chip{border:1px solid var(--p-bd,#e5e7eb);background:var(--p-card,#fff);color:var(--p-tx,#111);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s} .pro-chip:hover{border-color:var(--p-ac,#3665f3)} .pro-chip.is-active{background:var(--p-tx,#111);color:var(--p-card,#fff);border-color:var(--p-tx,#111)} .pro-actfilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 12px} .pro-actfilters__lbl{font-size:.82rem;color:var(--p-mu,#6b7280);font-weight:600} .pro-actfilter{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--p-soft,#f3f6ff);color:var(--p-tx,#111);font-size:.82rem;text-decoration:none;border:1px solid transparent} .pro-actfilter:hover{border-color:var(--p-ac,#3665f3)} .pro-actfilters__clear{font-size:.82rem;font-weight:700;color:var(--p-ac,#3665f3)} body.is-ebay-mode .lux-filters__section>.lux-filters__label{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700} body.is-ebay-mode .lux-filters__section>.lux-filters__label::after{content:"\25BE";transition:transform .2s;color:var(--p-mu)} body.is-ebay-mode .lux-filters__section.is-collapsed>.lux-filters__label::after{transform:rotate(-90deg)} body.is-ebay-mode .lux-filters__section.is-collapsed>*:not(.lux-filters__label){display:none} body.is-ebay-mode .lux-filters__section{border-bottom:1px solid var(--p-bd);padding:12px 0} @media(max-width:1023px){body.is-ebay-mode .lux-cat{grid-template-columns:1fr}body.is-ebay-mode .lux-cat__side{position:static;max-height:none}} @media(max-width:600px){body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="list"]>*{grid-template-columns:110px minmax(0,1fr);gap:10px}} /* premium full-width vendor head */ .pro-vhead{display:flex;align-items:center;gap:18px;padding:22px 26px;margin:0 0 20px;border-radius:18px;background:linear-gradient(120deg,#0f172a 0%,#1e3a8a 60%,#3665f3 100%);color:#fff;box-shadow:0 10px 30px rgba(15,23,42,.18);flex-wrap:wrap} .pro-vhead__icon{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;flex:0 0 auto} .pro-vhead__text{flex:1 1 260px;min-width:0} .pro-vhead__eyebrow{margin:0 0 2px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75} .pro-vhead__eyebrow a{color:inherit} .pro-vhead__title{margin:0;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:800;color:#fff} .pro-vhead__sub{margin:4px 0 0;opacity:.85;font-size:.95rem} .pro-vhead__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .pro-vhead__stat{display:inline-flex;align-items:center;gap:12px;margin-left:auto;padding:12px 16px 12px 14px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(15,23,42,.18);min-width:7.5rem;flex:0 0 auto;backdrop-filter:blur(8px)} .pro-vhead__stat-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.05rem;flex:0 0 auto} .pro-vhead__stat-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0} .pro-vhead__stat-value{font-size:1.7rem;line-height:1;font-weight:800;color:#fff;letter-spacing:-.03em} .pro-vhead__stat-label{font-size:.72rem;line-height:1.25;opacity:.9;color:rgba(255,255,255,.92);max-width:9.5rem} .pro-vhead__stat--light{background:linear-gradient(145deg,#fff,color-mix(in srgb,#eff6ff 55%,#fff));border-color:rgba(15,23,42,.1);box-shadow:0 8px 20px rgba(15,23,42,.06)} .pro-vhead__stat--light .pro-vhead__stat-icon{background:color-mix(in srgb,#2563eb 12%,#fff);border-color:color-mix(in srgb,#2563eb 22%,transparent);color:#1d4ed8} .pro-vhead__stat--light .pro-vhead__stat-value{color:var(--lux-ink,#0f172a)} .pro-vhead__stat--light .pro-vhead__stat-label{color:var(--lux-muted,#64748b);opacity:1} .pro-vhead__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;color:#0f172a;font-weight:700;text-decoration:none;border:0} .pro-vhead__btn:hover{background:#e0e7ff;color:#0f172a} /* vendor tables */ body.is-ebay-mode .pro-vhub .table{--bs-table-bg:transparent;border-collapse:separate;border-spacing:0;width:100%;color:var(--p-tx)} body.is-ebay-mode .pro-vhub .table thead th{position:sticky;top:0;background:var(--p-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--p-mu);border-bottom:1px solid var(--p-bd);padding:12px 14px} body.is-ebay-mode .pro-vhub .table tbody td{padding:12px 14px;border-bottom:1px solid var(--p-bd);vertical-align:middle} body.is-ebay-mode .pro-vhub .table tbody tr:hover td{background:var(--p-soft)} body.is-ebay-mode .pro-vhub .table-responsive,body.is-ebay-mode .pro-vhub .card{border:1px solid var(--p-bd);border-radius:14px;background:var(--p-card);overflow:auto} .pro-acts{display:flex;gap:6px;align-items:center;justify-content:flex-end} .pro-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--p-bd,#e5e7eb);background:var(--p-card,#fff);color:var(--p-tx,#111);font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;list-style:none} .pro-act::-webkit-details-marker{display:none} .pro-act--icon{width:32px;padding:0} .pro-act--primary{background:var(--p-ac,#3665f3);border-color:var(--p-ac,#3665f3);color:#fff} .pro-act:hover{filter:brightness(.96)} .pro-actmenu{position:relative} .pro-actmenu__panel{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;z-index:30;background:var(--p-card,#fff);border:1px solid var(--p-bd,#e5e7eb);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:6px;display:flex;flex-direction:column} .pro-actmenu__panel a,.pro-actmenu__panel button{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:none;border:0;color:var(--p-tx,#111);text-align:left;font-size:.85rem;text-decoration:none;width:100%} .pro-actmenu__panel a:hover,.pro-actmenu__panel button:hover{background:var(--p-soft,#f3f6ff)} .pro-st{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:#eef2f7;color:#334155} .pro-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} .pro-st--success,.pro-st--active{background:#dcfce7;color:#166534}.pro-st--warning,.pro-st--scheduled{background:#fef3c7;color:#92400e}.pro-st--danger{background:#fee2e2;color:#991b1b}.pro-st--info{background:#dbeafe;color:#1e40af} [data-bs-theme="dark"] .pro-st{background:rgba(255,255,255,.08);color:#cbd5e1} [data-bs-theme="dark"] .pro-st--success,[data-bs-theme="dark"] .pro-st--active{background:rgba(34,197,94,.16);color:#86efac} [data-bs-theme="dark"] .pro-st--warning,[data-bs-theme="dark"] .pro-st--scheduled{background:rgba(245,158,11,.16);color:#fcd34d} [data-bs-theme="dark"] .pro-st--danger{background:rgba(239,68,68,.16);color:#fca5a5} [data-bs-theme="dark"] .pro-st--info{background:rgba(59,130,246,.16);color:#93c5fd} /* vehicles hub */ .pro-vkpis{margin-bottom:18px} .pro-vempty{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;padding:32px;border-radius:18px;border:1px solid var(--p-bd,#e5e7eb);background:var(--p-card,#fff);margin-bottom:18px} .pro-vempty__art{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dbe6ff,#eef2ff);display:flex;align-items:center;justify-content:center;font-size:4.2rem;color:#3665f3} [data-bs-theme="dark"] .pro-vempty__art{background:radial-gradient(circle at 30% 30%,rgba(122,162,255,.28),rgba(122,162,255,.06));color:#9db8ff} .pro-vempty__body h2{margin:0 0 6px;font-weight:800;color:var(--p-tx,#111)} .pro-vempty__body p{color:var(--p-mu,#6b7280)} .pro-vempty__points{list-style:none;padding:0;margin:12px 0 18px;display:grid;gap:6px} .pro-vempty__acts{display:flex;gap:10px;flex-wrap:wrap} .pro-vgarage{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;border:1px dashed var(--p-ac,#3665f3);background:var(--p-soft,#f3f6ff);color:var(--p-tx,#111);text-decoration:none} .pro-vgarage__ic{width:44px;height:44px;border-radius:12px;background:var(--p-ac,#3665f3);color:#fff;display:flex;align-items:center;justify-content:center} .pro-vgarage__txt{display:flex;flex-direction:column}.pro-vgarage__txt small{color:var(--p-mu,#6b7280)} @media(max-width:700px){.pro-vempty{grid-template-columns:1fr;text-align:center;padding:22px}.pro-vempty__art{margin:0 auto;width:120px;height:120px;font-size:3rem}.pro-vempty__acts{justify-content:center}} /* garage */ .pro-garage{--p-bd:#e5e7eb;--p-card:#fff;--p-tx:#111827;--p-mu:#6b7280;--p-ac:#3665f3;--p-soft:#f3f6ff;max-width:1400px;margin:0 auto} [data-bs-theme="dark"] .pro-garage{--p-bd:rgba(255,255,255,.12);--p-card:#161b26;--p-tx:#e5e7eb;--p-mu:#9ca3af;--p-ac:#7aa2ff;--p-soft:rgba(122,162,255,.1)} .pro-garage__flash{padding:12px 16px;border-radius:12px;margin-bottom:14px;font-weight:600} .pro-garage__flash.is-ok{background:#dcfce7;color:#166534}.pro-garage__flash.is-err{background:#fee2e2;color:#991b1b} .pro-garage__layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start} .pro-garage__left,.pro-garage__right{display:flex;flex-direction:column;gap:18px;min-width:0} /* Garage tabs */ .pro-garage-tabs{border:1px solid var(--p-bd,#e5e7eb);border-radius:18px;background:var(--p-card,#fff);overflow:visible} .pro-garage__form select.lux-input{appearance:auto;-webkit-appearance:menulist;cursor:pointer;padding-right:2rem} .pro-garage__form select.lux-input:disabled{opacity:.55;cursor:not-allowed} .pro-garage__attr{margin:0;font-size:.72rem;color:var(--p-mu,#6b7280);font-weight:500} .pro-garage-tabs__nav{display:flex;gap:.15rem;overflow-x:auto;border-bottom:1px solid var(--p-bd,#e5e7eb);padding:0 .65rem;scrollbar-width:none;background:linear-gradient(180deg,#f8fafc,#fff)} .pro-garage-tabs__nav::-webkit-scrollbar{display:none} .pro-garage-tabs__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;border:0;background:none;padding:.95rem .95rem .85rem;font-weight:700;font-size:.92rem;color:var(--p-mu,#6b7280);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap} .pro-garage-tabs__btn i{opacity:.85} .pro-garage-tabs__btn:hover{color:var(--p-tx,#111827)} .pro-garage-tabs__btn.is-active{color:var(--p-tx,#111827);border-bottom-color:var(--p-ac,#3665f3)} .pro-garage-tabs__btn:focus-visible{outline:2px solid var(--p-ac,#3665f3);outline-offset:-2px} .pro-garage-tabs__count{font-style:normal;font-size:.72rem;font-weight:700;color:var(--p-mu,#6b7280);background:var(--p-soft,#f3f6ff);border-radius:999px;padding:2px 7px} .pro-garage-tabs__pane{padding:1.15rem 1.2rem 1.35rem;display:flex;flex-direction:column;gap:16px;min-width:0} .pro-garage-tabs__pane[hidden]{display:none!important} .pro-garage-tabs__pane > .pro-app-card{border:0;padding:0;background:transparent} .pro-garage-tabs__pane .pro-garage__fit{margin:0} [data-bs-theme="dark"] .pro-garage-tabs{border-color:var(--p-bd);background:var(--p-card)} [data-bs-theme="dark"] .pro-garage-tabs__nav{background:linear-gradient(180deg,#121821,#161b26);border-color:var(--p-bd)} [data-bs-theme="dark"] .pro-garage-tabs__btn.is-active{border-bottom-color:var(--p-ac)} @media(max-width:575.98px){ .pro-garage-tabs__btn{padding:.85rem .7rem .75rem;font-size:.86rem;gap:.35rem} .pro-garage-tabs__pane{padding:1rem} } .pro-garage .pro-app-card{background:var(--p-card);border:1px solid var(--p-bd);border-radius:16px;padding:18px;color:var(--p-tx)} .pro-garage .pro-app-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px} .pro-garage .pro-app-card__head h2{font-size:1.05rem;font-weight:800;margin:0} .pro-garage__count{font-size:.75rem;color:var(--p-mu);font-weight:600;margin-left:6px} .pro-garage__cars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .pro-garage__car{display:flex;align-items:center;gap:8px;border:1px solid var(--p-bd);border-radius:12px;padding:8px 10px} .pro-garage__car.is-active{border-color:var(--p-ac);box-shadow:0 0 0 3px var(--p-soft)} .pro-garage__car-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;color:inherit;text-decoration:none} .pro-garage__car-ic{width:40px;height:40px;border-radius:10px;background:var(--p-soft);color:var(--p-ac);display:flex;align-items:center;justify-content:center;flex:0 0 auto} .pro-garage__car-txt{display:flex;flex-direction:column;min-width:0}.pro-garage__car-txt strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-garage__car-txt small{color:var(--p-mu)} .pro-garage__default{font-size:.72rem;font-weight:700;color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 8px;white-space:nowrap} .pro-garage__car-acts{display:flex;gap:4px}.pro-garage__car-acts form{margin:0} .pro-garage__mini{border:1px solid var(--p-bd);background:transparent;color:var(--p-tx);border-radius:8px;height:30px;padding:0 8px;font-size:.78rem;cursor:pointer} .pro-garage__mini:hover{border-color:var(--p-ac)} .pro-garage__empty,.pro-garage__hero{text-align:center;padding:26px 10px} .pro-garage__empty-ic{width:72px;height:72px;margin:0 auto 10px;border-radius:50%;background:var(--p-soft);color:var(--p-ac);display:flex;align-items:center;justify-content:center;font-size:1.8rem} .pro-garage__empty p,.pro-garage__hero p{color:var(--p-mu)} .pro-garage__form{display:grid;grid-template-columns:1fr 1fr;gap:12px} .pro-garage__form label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:600;color:var(--p-mu)} .pro-garage__form .is-wide{grid-column:1/-1} .pro-garage__fit{border-radius:18px;padding:24px;background:linear-gradient(120deg,#052e16,#166534);color:#fff;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center} .pro-garage__fit h2{color:#fff;margin:6px 0;font-weight:800}.pro-garage__fit p{opacity:.85;margin:0} .pro-garage__fit-badge{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700} .pro-garage__fit-acts{display:flex;gap:8px;flex-wrap:wrap} .pro-garage__fit .pro-app-btn:not(.pro-app-btn--primary){background:rgba(255,255,255,.14);color:#fff;border-color:transparent} @media(max-width:1023px){.pro-garage__layout{grid-template-columns:1fr}} @media(max-width:480px){.pro-garage__form{grid-template-columns:1fr}} /* vendor dashboard */ .pro-vdash-hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:24px 26px;border-radius:20px;background:linear-gradient(120deg,#0f172a,#1e3a8a 60%,#3665f3);color:#fff;margin-bottom:18px} .pro-vdash-hero__logo{width:72px;height:72px;border-radius:16px;background:#fff;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#1e3a8a;font-size:1.8rem;font-weight:800;flex:0 0 auto;overflow:hidden} .pro-vdash-hero__logo img{width:100%;height:100%;object-fit:cover} .pro-vdash-hero__txt{flex:1 1 280px;min-width:0} .pro-vdash-hero__shop{margin:0;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:800;color:#fff} .pro-vdash-hero .pro-app-chip{background:rgba(255,255,255,.14);color:#fff;border-color:transparent} .pro-vdash-hero__side{display:flex;gap:12px;align-items:center} .pro-vdash-plan{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 16px} .pro-vdash-plan__ic{width:38px;height:38px;border-radius:10px;background:#fbbf24;color:#422006;display:flex;align-items:center;justify-content:center} .pro-vdash-plan__txt{display:flex;flex-direction:column;font-size:.8rem}.pro-vdash-plan__txt strong{font-size:1rem} .pro-vdash-plan__cta{color:#fff;font-weight:700;font-size:.8rem;text-decoration:underline} .pro-vdash-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px} .pro-vdash-val{font-variant-numeric:tabular-nums} .pro-vdash-list{list-style:none;margin:0;padding:0} .pro-vdash-list li{border-bottom:1px solid var(--p-bd,#e5e7eb)} .pro-vdash-list li:last-child{border-bottom:0} .pro-vdash-list a{display:flex;gap:12px;align-items:center;padding:10px 4px;color:inherit;text-decoration:none} .pro-vdash-list__thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex:0 0 auto;background:var(--p-soft,#f3f6ff)} .pro-vdash-list__thumb img{width:100%;height:100%;object-fit:cover} @media(max-width:600px){.pro-vdash-hero{padding:18px}.pro-vdash-hero__side{width:100%}.pro-vdash-plan{flex:1}} /* t117: marketplace hero (vehicles / real estate) is always a dark gradient -> keep headings light in both themes */ .lux-mkt-hero .lux-mkt-hero__title,.lux-mkt-hero h1,.lux-mkt-hero h2,.lux-mkt-hero__copy strong{color:#f8fafc!important;text-shadow:0 1px 2px rgba(0,0,0,.25)} .lux-mkt-hero__copy{color:#e2e8f0} /* t117 fixes after review */ .pro-vhead .pro-vhead__title{color:#fff!important} .pro-vhead .pro-vhead__eyebrow,.pro-vhead .pro-vhead__sub{color:rgba(255,255,255,.85)!important} body.is-ebay-mode .lux-cat .lux-grid .lux-auction-card,body.is-ebay-mode .lux-cat .lux-grid .lux-auction-card>*{min-width:0!important;width:auto!important;max-width:100%} body.is-ebay-mode .lux-cat .lux-grid .lux-auction-card__image{width:100%!important} body.is-ebay-mode .lux-cat .lux-grid[data-lux-view-mode="list"]>.lux-auction-card{display:grid!important;grid-template-columns:200px minmax(0,1fr)} body ul.pro-vdash-list.pro-app-list a{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"th ti pr" "th me st";column-gap:12px;row-gap:2px;align-items:center} body ul.pro-vdash-list .pro-vdash-list__thumb{grid-area:th;width:56px;height:56px} .pro-vdash-list .pro-vdash-list__thumb .lux-listing-thumb,.pro-vdash-list .pro-vdash-list__thumb img{width:56px!important;height:56px!important;object-fit:cover;border-radius:10px} body ul.pro-vdash-list .pro-app-list__title{grid-area:ti;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700} body ul.pro-vdash-list .pro-app-list__meta{grid-area:me;font-size:.8rem;color:var(--p-mu,#6b7280)} body ul.pro-vdash-list .pro-app-list__price{grid-area:pr;text-align:right;font-weight:800} body ul.pro-vdash-list .pro-st{grid-area:st;justify-self:end} @media(max-width:600px){body ul.pro-vdash-list.pro-app-list a{grid-template-columns:48px minmax(0,1fr) auto}} body.is-ebay-mode .pro-vdash-hero .pro-vdash-hero__logo{box-shadow:0 0 0 1px var(--p-bd,#e5e7eb)} /* ===== t124: Fahrzeuge + Immobilien (Menü, Suche, Startseite, Shop) ===== */ .pro-mkt__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;padding:.05em .55em;margin-left:.35em;border-radius:999px;font-size:.62em;font-weight:700;vertical-align:middle;background:rgba(59,130,246,.12);color:#1d4ed8} [data-bs-theme="dark"] .pro-mkt__count{background:rgba(96,165,250,.18);color:#bfdbfe} .pro-mkt__head,.pro-smkt__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem} .pro-mkt__head .lux-h2 i,.pro-smkt__head .lux-h2 i,.pro-smkt__auch i,.pro-vshop__mkt .pro-vshop__h2 i{margin-right:.25em;opacity:.8} .pro-mkt__all{white-space:nowrap;font-weight:600} html[data-lux-root] .lux-card-grid.pro-strip.pro-mkt__strip{grid-auto-columns:minmax(240px,280px)} .pro-mkt__strip .lux-mkt-card-steiri{min-width:0;height:100%;opacity:1;transform:none} .pro-mkt{margin-top:2rem} /* Typ-Filter Chips (Suche + Shop) */ .pro-stype,.pro-vshop__tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0} .pro-vshop__tabs{margin:0 0 1.1rem} .pro-stype__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#0f172a;font-size:.9rem;font-weight:600;text-decoration:none;line-height:1.2} .pro-stype__chip span{font-weight:700;font-size:.78rem;padding:.05rem .45rem;border-radius:999px;background:rgba(15,23,42,.07)} .pro-stype__chip:hover{border-color:#3665f3;color:#3665f3} .pro-stype__chip.is-active{background:#0f172a;border-color:#0f172a;color:#fff} .pro-stype__chip.is-active span{background:rgba(255,255,255,.2)} [data-bs-theme="dark"] .pro-stype__chip{background:#111827;border-color:rgba(255,255,255,.16);color:#e5e7eb} [data-bs-theme="dark"] .pro-stype__chip span{background:rgba(255,255,255,.1)} [data-bs-theme="dark"] .pro-stype__chip.is-active{background:#e5e7eb;border-color:#e5e7eb;color:#0f172a} [data-bs-theme="dark"] .pro-stype__chip.is-active span{background:rgba(15,23,42,.12)} /* Suchergebnisse: Sektionen + Typ-Badge */ .pro-smkt{margin:1.5rem 0 2rem} .pro-smkt__auch{margin:1rem 0 .9rem} .pro-smkt__cell{position:relative;min-width:0} .pro-smkt__cell .lux-mkt-card-steiri{height:100%} .pro-tbadge{position:absolute;z-index:3;top:.6rem;left:.6rem;padding:.18rem .55rem;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#fff;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.25)} .pro-tbadge--vehicle,.pro-sx__badge--vehicle{background:#2563eb} .pro-tbadge--real_estate,.pro-sx__badge--real_estate{background:#059669} /* Live-Suche */ .pro-sx__card--mkt .pro-sx__img{position:relative} .pro-sx__badge{position:absolute;left:4px;top:4px;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;line-height:1.4} .pro-sx__facts{display:block;font-size:.75rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Header + Mega-Menü */ .lux-iconbtn.pro-hmkt i{font-size:1.15rem;line-height:1} .pro-mega-mkt{border-top:1px solid rgba(15,23,42,.08)} .pro-mega-mkt ~ .pro-mega-mkt{border-top:0} .pro-mega-mkt .market-root-name i{margin-right:.35em;opacity:.8} [data-bs-theme="dark"] .pro-mega-mkt{border-top-color:rgba(255,255,255,.1)} /* Shop: Fahrzeuge/Immobilien */ .pro-vshop__mkt{margin-top:2rem} html[data-lux-root] .pro-smkt__grid.lux-mkt-grid,html[data-lux-root] .pro-vshop__mktgrid.lux-mkt-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))} .pro-vshop__mktgrid .lux-mkt-card-steiri,.pro-smkt__grid .lux-mkt-card-steiri{opacity:1;transform:none;min-width:0} @media (max-width:575.98px){ html[data-lux-root] .lux-card-grid.pro-strip.pro-mkt__strip{grid-auto-columns:78%} .pro-stype__chip{font-size:.84rem;padding:.38rem .75rem} } /* ===== t125 ===== */ /* 1+2: Kundenbereich – Navy statt Hellblau, Premium-Header */ body.pro-app.is-ebay-mode{--p-ac:var(--pro-primary,#1f4e8c)} [data-bs-theme="dark"] body.pro-app.is-ebay-mode{--p-ac:#8fb0e6} body.is-ebay-mode .pro-vhead,body.pro-app.is-ebay-mode .pro-app-hero.pro-vdash-hero{background:linear-gradient(120deg,var(--pro-navy,#0f1d3a) 0%,#16305f 55%,var(--pro-primary,#1f4e8c) 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 12px 32px rgba(15,29,58,.22)!important} [data-bs-theme="dark"] body.is-ebay-mode .pro-vhead,[data-bs-theme="dark"] body.pro-app.is-ebay-mode .pro-app-hero.pro-vdash-hero{background:linear-gradient(120deg,#0a1428 0%,#132a52 55%,#244b86 100%)!important;border-color:rgba(255,255,255,.08)!important} body.is-ebay-mode .pro-vhead .pro-vhead__actions a,body.is-ebay-mode .pro-vhead .pro-vhead__actions button,body.is-ebay-mode .pro-vhead .sf-hub__btn,body.is-ebay-mode .pro-vhead .lux-btn{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:none!important;text-shadow:none!important} body.is-ebay-mode .pro-vhead .pro-vhead__actions a *,body.is-ebay-mode .pro-vhead .pro-vhead__actions button *{color:inherit!important} body.is-ebay-mode .pro-vhead .pro-vhead__actions a:hover,body.is-ebay-mode .pro-vhead .pro-vhead__actions button:hover{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.5)!important} body.is-ebay-mode .pro-vhead .sf-hub__btn--primary,body.is-ebay-mode .pro-vhead .lux-btn--primary,body.is-ebay-mode .pro-vhead .pro-vhead__actions .is-primary{background:#fff!important;color:var(--pro-navy,#0f1d3a)!important;border-color:#fff!important} body.is-ebay-mode .pro-vhead .sf-hub__btn--primary:hover,body.is-ebay-mode .pro-vhead .lux-btn--primary:hover{background:#e8eef8!important} body.pro-app.is-ebay-mode .pro-act--primary,body.pro-app.is-ebay-mode .sf-hub__btn--primary,body.pro-app.is-ebay-mode .sf-hub__btn--open,body.pro-app.is-ebay-mode .pro-app-btn--primary{background:var(--pro-primary,#1f4e8c)!important;border-color:var(--pro-primary,#1f4e8c)!important;color:#fff!important} body.pro-app.is-ebay-mode .pro-act--primary:hover,body.pro-app.is-ebay-mode .sf-hub__btn--primary:hover,body.pro-app.is-ebay-mode .sf-hub__btn--open:hover,body.pro-app.is-ebay-mode .pro-app-btn--primary:hover{background:var(--pro-primary-h,#183f73)!important} body.pro-app.is-ebay-mode .pro-vhead .sf-hub__btn--primary{background:#fff!important;color:var(--pro-navy,#0f1d3a)!important} body.pro-app.is-ebay-mode a.pro-act:not(.pro-act--primary){color:var(--pro-primary,#1f4e8c)} [data-bs-theme="dark"] body.pro-app.is-ebay-mode a.pro-act:not(.pro-act--primary){color:#b9cdf0} /* 1: Dashboard-Header */ body.pro-app .pro-app-hero.pro-vdash-hero--t125{display:flex!important;align-items:center;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;padding:24px 28px!important;border-radius:20px!important;margin:0 0 20px} .pro-vdash-hero--t125 .pro-vdash-hero__shop{display:flex;align-items:center;gap:18px;min-width:0;flex:1 1 420px} .pro-vdash-hero--t125 .pro-vdash-hero__logo{flex:0 0 72px;width:72px;height:72px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.18);color:var(--pro-navy,#0f1d3a);font-size:28px} .pro-vdash-hero--t125 .pro-vdash-hero__logo img{width:100%;height:100%;object-fit:contain;padding:6px} .pro-vdash-hero--t125 .pro-vdash-hero__txt{min-width:0} .pro-vdash-hero--t125 .pro-app-hero__eyebrow{margin:0 0 2px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)!important;font-weight:700} .pro-vdash-hero--t125 .pro-vdash-hero__nameline{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap} .pro-vdash-hero--t125 .pro-app-hero__name{margin:0;font-size:clamp(1.35rem,1.1rem + 1vw,1.9rem);font-weight:800;color:#fff!important;line-height:1.15;overflow-wrap:anywhere} .pro-vdash-planpill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#f5d17a,#d9a93f);color:#3b2a05!important;font-size:.78rem;font-weight:600;text-decoration:none!important;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.18)} .pro-vdash-planpill strong{font-weight:800} .pro-vdash-planpill:hover{filter:brightness(1.05)} .pro-vdash-hero--t125 .pro-app-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none} .pro-vdash-hero--t125 .pro-app-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-size:.8rem;font-weight:600} .pro-vdash-hero--t125 .pro-app-chip a{color:#fff!important;text-decoration:none;display:inline-flex;align-items:center;gap:6px} .pro-vdash-hero--t125 .pro-app-chip i{opacity:.85} .pro-vdash-hero--t125 .pro-vdash-hero__side{flex:0 1 auto;display:flex;justify-content:flex-end} .pro-vdash-hero--t125 .pro-vdash-quick{display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:8px} .pro-vdash-hero--t125 .pro-vdash-quick .pro-app-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;font-weight:700;font-size:.86rem;white-space:nowrap;text-decoration:none;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important} .pro-vdash-hero--t125 .pro-vdash-quick .pro-app-btn:hover{background:rgba(255,255,255,.22)!important} .pro-vdash-hero--t125 .pro-vdash-quick .pro-app-btn--primary{background:#fff!important;color:var(--pro-navy,#0f1d3a)!important;border-color:#fff!important} @media(max-width:1100px){.pro-vdash-hero--t125 .pro-vdash-hero__side{flex:1 1 100%;justify-content:flex-start}.pro-vdash-hero--t125 .pro-vdash-quick{grid-template-columns:repeat(4,auto)}} @media(max-width:640px){body.pro-app .pro-app-hero.pro-vdash-hero--t125{padding:18px!important;border-radius:16px!important}.pro-vdash-hero--t125 .pro-vdash-hero__shop{flex-basis:100%;gap:12px;align-items:flex-start}.pro-vdash-hero--t125 .pro-vdash-hero__logo{flex-basis:56px;width:56px;height:56px;border-radius:14px}.pro-vdash-hero--t125 .pro-vdash-quick{grid-template-columns:1fr 1fr;width:100%}.pro-vdash-hero--t125 .pro-vdash-quick .pro-app-btn{white-space:normal;text-align:center;padding:9px 10px}} /* 3: Merkliste */ .pro-wl__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none} .pro-wl__stat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--p-card,#fff);border:1px solid var(--p-bd,#e5e7eb);color:var(--p-tx,#0f172a)!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s} .pro-wl__stat i{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(31,78,140,.1);color:var(--pro-primary,#1f4e8c)} .pro-wl__stat strong{font-size:1.35rem;font-weight:800;line-height:1.1} .pro-wl__stat span{font-size:.8rem;color:var(--p-mu,#64748b)} .pro-wl__stat:hover,.pro-wl__stat.is-active{border-color:var(--pro-primary,#1f4e8c);box-shadow:0 0 0 2px rgba(31,78,140,.15)} .pro-wl__stat--soon i{background:#fff4e5;color:#c2410c}.pro-wl__stat--ended i{background:#f1f5f9;color:#64748b}.pro-wl__stat--running i{background:#e8f7ee;color:#15803d} [data-bs-theme="dark"] .pro-wl__stat i{background:rgba(143,176,230,.14);color:#b9cdf0} [data-bs-theme="dark"] .pro-wl__stat--soon i{background:rgba(251,146,60,.15);color:#fdba74}[data-bs-theme="dark"] .pro-wl__stat--running i{background:rgba(34,197,94,.14);color:#86efac}[data-bs-theme="dark"] .pro-wl__stat--ended i{background:rgba(148,163,184,.14);color:#cbd5e1} .pro-wl__panel{background:var(--p-card,#fff);border:1px solid var(--p-bd,#e5e7eb);border-radius:16px;padding:16px} .pro-wl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:14px} @media(min-width:1600px){.pro-wl__grid{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(min-width:1100px) and (max-width:1599px){.pro-wl__grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:640px){.pro-wl__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-wl__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pro-wl__panel{padding:10px}} .pro-wl-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--p-bd,#e5e7eb);border-radius:14px;background:var(--p-card,#fff);overflow:hidden;transition:box-shadow .2s,transform .2s,opacity .3s} .pro-wl-card:hover{box-shadow:0 10px 26px rgba(15,23,42,.1)} .pro-wl-card.is-removing{opacity:0;transform:scale(.96)} .pro-wl-card.is-ended .pro-wl-card__media img{filter:grayscale(.6);opacity:.75} .pro-wl-card__media{position:relative;display:block;aspect-ratio:1/1;background:#f4f5f7} [data-bs-theme="dark"] .pro-wl-card__media{background:#1d2433} .pro-wl-card__media img,.pro-wl-card__media .media-image{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px;display:block;transform:none!important} .pro-wl-card__type{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:800;background:var(--pro-navy,#0f1d3a);color:#fff;z-index:2} .pro-wl-card__type.is-ended{background:#64748b} .pro-wl-card__heart{position:absolute;right:8px;top:8px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#e11d48;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s} .pro-wl-card__heart:hover{transform:scale(1.08)} .pro-wl-card__body{display:flex;flex-direction:column;gap:6px;padding:12px;flex:1} .pro-wl-card__title{margin:0;font-size:.92rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em} .pro-wl-card__title a{color:var(--p-tx,#0f172a)!important;text-decoration:none} .pro-wl-card__price{font-size:1.15rem;font-weight:800;color:var(--p-tx,#0f172a)} .pro-wl-card__meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.78rem;color:var(--p-mu,#64748b)} .pro-wl-card__meta span{display:inline-flex;align-items:center;gap:4px} .pro-wl-card__cd{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:2px 0 0;padding:3px 9px;border-radius:999px;font-size:.76rem;font-weight:700;background:#dcfce7;color:#166534} .pro-wl-card__cd.is-soon{background:#ffedd5;color:#9a3412}.pro-wl-card__cd.is-hot{background:#fee2e2;color:#b91c1c}.pro-wl-card__cd.is-ended{background:#e2e8f0;color:#475569} [data-bs-theme="dark"] .pro-wl-card__cd{background:rgba(34,197,94,.15);color:#86efac}[data-bs-theme="dark"] .pro-wl-card__cd.is-soon{background:rgba(251,146,60,.16);color:#fdba74}[data-bs-theme="dark"] .pro-wl-card__cd.is-hot{background:rgba(239,68,68,.18);color:#fca5a5}[data-bs-theme="dark"] .pro-wl-card__cd.is-ended{background:rgba(148,163,184,.16);color:#cbd5e1} .pro-wl-card__btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--pro-primary,#1f4e8c);color:#fff!important;font-weight:700;font-size:.85rem;text-decoration:none!important} .pro-wl-card__btn:hover{background:var(--pro-primary-h,#183f73)} .pro-wl__empty{text-align:center;padding:48px 16px} .pro-wl__empty-ic{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(225,29,72,.08);color:#e11d48} .pro-toast.is-error{background:#b91c1c} /* 4: Startseite – Bilder nicht beschneiden/zoomen */ body.is-ebay-mode .lux-hero-preview__media{background:#f4f5f7!important} [data-bs-theme="dark"] body.is-ebay-mode .lux-hero-preview__media{background:#1b2433!important} body.is-ebay-mode .lux-hero-preview__media img{object-fit:contain!important;width:100%;height:100%} body.is-ebay-mode .pro-theme__ph{background:#f4f5f7!important} [data-bs-theme="dark"] body.is-ebay-mode .pro-theme__ph{background:#1d2433!important} body.is-ebay-mode .pro-theme__ph img{object-fit:contain!important;padding:6px} body.is-ebay-mode .pro-theme__collage:hover .pro-theme__ph img,body.is-ebay-mode .lux-card:hover .lux-card__media img,body.is-ebay-mode .lux-categories-card:hover .lux-categories-card__media img,body.is-ebay-mode .lux-auction-card:hover img{transform:none!important} body.is-ebay-mode .lux-auction-card>.media-image{object-fit:contain!important} [data-bs-theme="dark"] body.is-ebay-mode .lux-auction-card>.media-image,[data-bs-theme="dark"] body.is-ebay-mode .lux-mkt-card-steiri__media{background:#1d2433!important} /* 5: eBay-Listenansicht Kategorie/Suche */ .lux-lrow__mid,.lux-lrow__side,.lux-lrow__imgcount{display:none} .pro-sview{display:flex;justify-content:flex-end;margin:0 0 10px} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]{display:flex!important;flex-direction:column;gap:12px} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.lux-auction-card.has-lrow{position:relative;display:grid!important;grid-template-columns:220px minmax(0,1fr) 240px!important;gap:0 20px;align-items:stretch;padding:14px!important;border:1px solid var(--p-bd,#e5e7eb);border-radius:14px;background:var(--p-card,#fff);overflow:hidden;max-width:none;width:100%} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-image,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-no-image{grid-column:1;grid-row:1;width:220px!important;height:220px!important;aspect-ratio:1/1!important;object-fit:contain!important;padding:6px;border-radius:10px;background:#f4f5f7;transform:none!important;margin:0} [data-bs-theme="dark"] body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-image{background:#1d2433} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__imgcount{display:inline-flex;grid-column:1;grid-row:1;align-self:end;justify-self:start;margin:0 0 8px 8px;gap:4px;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(15,23,42,.75);color:#fff;font-size:.72rem;font-weight:700;z-index:2;pointer-events:none} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-auction-card__body{grid-column:2;grid-row:1;display:flex!important;flex-direction:column;gap:6px;padding:4px 0!important;min-width:0} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__body>.lux-auction-card__price,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__body>.lux-auction-card__cta,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__body>.lux-auction-card__shop,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__chip--location,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__countdown{display:none!important} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__title{order:-1;margin:0;font-size:1.05rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__title a{color:var(--p-tx,#0f172a)} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__title a:hover{text-decoration:underline} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin:0} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-lrow__mid{display:flex;flex-direction:column;gap:5px;font-size:.84rem;color:var(--p-mu,#64748b)} .lux-lrow__mid p{margin:0} .lux-lrow__sub{color:var(--p-tx,#334155);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .lux-lrow__path a{position:relative;z-index:2;color:var(--p-mu,#64748b)!important;text-decoration:none}.lux-lrow__path a:hover{text-decoration:underline} .lux-lrow__seller{display:flex;flex-wrap:wrap;gap:4px 12px} .lux-lrow__seller>span{display:inline-flex;align-items:center;gap:4px} .lux-lrow__shop{font-weight:600;color:var(--p-tx,#334155)}.lux-lrow__rating i{color:#f59e0b}.lux-lrow__pos{color:#15803d;font-weight:600} [data-bs-theme="dark"] .lux-lrow__pos{color:#86efac} .lux-lrow__no{font-size:.75rem;opacity:.85} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__side{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:3px;padding:34px 0 0;border-left:1px solid var(--p-bd,#e5e7eb);padding-left:16px;font-size:.84rem;color:var(--p-mu,#64748b)} .lux-lrow__price{font-size:1.45rem;font-weight:800;color:var(--p-tx,#0f172a);line-height:1.1} .lux-lrow__bids{font-weight:600;color:var(--p-tx,#334155)} .lux-lrow__bin strong{color:var(--p-tx,#0f172a)} .lux-lrow__free{color:#15803d}[data-bs-theme="dark"] .lux-lrow__free{color:#86efac} .lux-lrow__time{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;border-radius:999px;font-weight:700;font-size:.78rem;background:#dcfce7;color:#166534} .lux-lrow__time.is-soon{background:#ffedd5;color:#9a3412}.lux-lrow__time.is-hot{background:#fee2e2;color:#b91c1c}.lux-lrow__time.is-ended{background:#e2e8f0;color:#475569} [data-bs-theme="dark"] .lux-lrow__time{background:rgba(34,197,94,.15);color:#86efac}[data-bs-theme="dark"] .lux-lrow__time.is-soon{background:rgba(251,146,60,.16);color:#fdba74}[data-bs-theme="dark"] .lux-lrow__time.is-hot{background:rgba(239,68,68,.18);color:#fca5a5} .lux-lrow__time [data-lux-countdown]{background:none!important;border:0!important;color:inherit!important;padding:0!important} .lux-lrow__date{font-size:.75rem} .lux-lrow__watch{display:inline-flex;gap:4px;align-items:center;font-size:.78rem} .lux-lrow__cta{position:relative;z-index:2;margin-top:auto!important;width:100%;justify-content:center;border-radius:999px!important;background:var(--pro-primary,#1f4e8c)!important;border-color:var(--pro-primary,#1f4e8c)!important;color:#fff!important} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-auction-card__top{position:absolute!important;top:12px;right:12px;left:auto!important;z-index:3;padding:0!important;background:none!important} @media(max-width:1100px) and (min-width:641px){body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.lux-auction-card.has-lrow{grid-template-columns:180px minmax(0,1fr) 200px!important;gap:0 14px}body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-image,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-no-image{width:180px!important;height:180px!important}.lux-lrow__no{display:none}} @media(max-width:640px){ body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.lux-auction-card.has-lrow{grid-template-columns:116px minmax(0,1fr)!important;gap:4px 12px;padding:10px!important} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-image,body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.media-no-image{grid-row:1/3;width:116px!important;height:116px!important;padding:3px} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__imgcount{grid-row:1/3;margin:0 0 4px 4px} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-auction-card__body{padding:0 32px 0 0!important;gap:4px} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-auction-card__title{font-size:.92rem} .lux-lrow__sub,.lux-lrow__path,.lux-lrow__no,.lux-lrow__shop,.lux-lrow__date,.lux-lrow__cta,.lux-lrow__watch{display:none!important} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-lrow__mid{font-size:.76rem} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__side{grid-column:2;grid-row:2;align-items:flex-start;text-align:left;border-left:0;padding:0;flex-direction:row;flex-wrap:wrap;gap:2px 10px;align-items:center} .lux-lrow__price{font-size:1.1rem;flex-basis:100%} .lux-lrow__time{margin:0} } .pro-wl-card__media{overflow:hidden} .pro-wl-card__media img,.pro-wl-card__media .media-image,.pro-wl-card__media .media-no-image{position:absolute!important;inset:0;max-width:none!important} body.is-ebay-mode .pro-vhead .pro-vhead__actions{display:flex;flex-wrap:wrap;gap:8px} body.is-ebay-mode .pro-vhead .pro-vhead__actions>a,body.is-ebay-mode .pro-vhead .pro-vhead__actions>button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.86rem;text-decoration:none!important;white-space:nowrap} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__side{position:relative;z-index:2;pointer-events:none} body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__side a{pointer-events:auto} /* t125 #7: Font-Awesome-Header-Icons */ .pro-fa{display:none} html.pro-fa-ok .pro-fa{display:inline-block;font-size:19px;line-height:1;width:1.25em;text-align:center} html.pro-fa-ok .pro-fa-fb{display:none} .pro-fa-fb{display:contents} html.pro-fa-ok .pro-search-btn .pro-fa{font-size:17px;color:#fff} html.pro-fa-ok .pro-fa-sun{display:none} html.pro-fa-ok[data-bs-theme="dark"] .pro-fa-moon{display:none} html.pro-fa-ok[data-bs-theme="dark"] .pro-fa-sun{display:inline-block} body.is-ebay-mode .lux-nav .lux-iconbtn{position:relative} body.is-ebay-mode .lux-nav .lux-iconbtn .pro-fa{transition:transform .15s,color .15s} body.is-ebay-mode .lux-nav .lux-iconbtn:hover .pro-fa{transform:translateY(-1px);color:var(--pro-primary,#1f4e8c)} [data-bs-theme="dark"] body.is-ebay-mode .lux-nav .lux-iconbtn:hover .pro-fa{color:#b9cdf0} @media(max-width:640px){html.pro-fa-ok .pro-fa{font-size:18px}} /* t125 #6: Fahrzeuge/Immobilien in eBay-Breite */ body.is-ebay-mode .lux-mkt-page,body.is-ebay-mode .lux-mkt-page--premium,body.is-ebay-mode .lux-mkt-expose{max-width:var(--pro-ebay-max,1660px)!important;width:100%;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box} @media(min-width:1024px){body.is-ebay-mode .lux-mkt-page,body.is-ebay-mode .lux-mkt-expose{padding-left:24px;padding-right:24px}} /* t125 #8: optimized variants fill their tile */ body.is-ebay-mode img.media-image.pro-var,body.is-ebay-mode .lux-mkt-card-steiri__media img.pro-var{object-fit:cover!important} /* t125c: grid card image equal inset left/right */ body.is-ebay-mode :not([data-lux-view-mode="list"])>.lux-auction-card>img.media-image{width:auto!important;max-width:none!important;min-width:0!important;margin-left:12px!important;margin-right:12px!important;justify-self:stretch!important;box-sizing:border-box} body.is-ebay-mode :not([data-lux-view-mode="list"])>.lux-auction-card{grid-template-columns:minmax(0,1fr)!important;min-width:0} /* t127 A: modern no-image placeholder (all designs) */ html .media-no-image.pro-noimg,.pro-noimg{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(140deg,#f2f6fc 0%,#dfe8f6 100%)!important;color:#36598f!important;border:1px solid #d6e1f2;border-radius:10px;overflow:hidden;text-align:center;min-height:72px;box-sizing:border-box} .pro-noimg .pro-noimg__ico{width:clamp(26px,22%,48px);height:auto;opacity:.85} .pro-noimg .pro-noimg__lbl,.pro-noimg .media-no-image__label{display:block!important;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:inherit!important;opacity:.85} .pro-noimg>i.bi{display:none} html[data-bs-theme="dark"] .media-no-image.pro-noimg,html[data-bs-theme="dark"] .pro-noimg{background:linear-gradient(140deg,#1c2a45 0%,#121c31 100%)!important;color:#93b4e8!important;border-color:#2a3a5a} .media-no-image--sm.pro-noimg .pro-noimg__lbl{display:none!important} /* t127 B: clean filled tiles (no double frame) */ html[data-lux-root] body.is-ebay-mode img.lux-auction-card__image.pro-var{padding:0!important;border:0!important;background:transparent!important;border-radius:8px!important} html[data-lux-root] body.is-ebay-mode .lux-mkt-card-steiri__media img{padding:0!important;border:0!important;background:transparent!important;object-fit:cover!important;aspect-ratio:4/3!important;border-radius:8px!important} html[data-lux-root] body.is-ebay-mode .lux-mkt-card-steiri__media{padding:8px 8px 0!important} @media (max-width:640px){ /* compact eBay-like vehicle/real-estate rows: ~2.2 cards visible */ html[data-lux-root] body.is-ebay-mode .lux-card-grid.pro-strip.pro-mkt__strip{grid-auto-columns:calc((100vw - 40px) / 2.2)!important;gap:10px!important} body.is-ebay-mode .pro-mkt__strip .lux-mkt-card-steiri{height:auto!important;align-self:start} body.is-ebay-mode .pro-mkt__strip .lux-mkt-card-steiri :is(h3,.lux-mkt-card-steiri__title){font-size:.8rem!important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} body.is-ebay-mode .pro-mkt__strip .lux-mkt-card-steiri [class*="__price"]{font-size:.98rem!important} body.is-ebay-mode .pro-mkt__strip .lux-mkt-card-steiri [class*="__body"]{padding:8px 10px 10px!important} body.is-ebay-mode .pro-mkt__strip .lux-mkt-card-steiri [class*="__specs"],body.is-ebay-mode .pro-mkt__strip .lux-mkt-card-steiri [class*="__loc"]{font-size:.72rem!important} /* item cards: no overflow, compact chips, full-width buttons */ body.is-ebay-mode .lux-auction-card{min-width:0;max-width:100%} body.is-ebay-mode .lux-auction-card__top{min-width:0;gap:4px} body.is-ebay-mode .lux-auction-card__countdown{max-width:calc(100% - 40px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.68rem!important} body.is-ebay-mode .lux-auction-card__type,body.is-ebay-mode .lux-auction-card__chip,body.is-ebay-mode .lux-auction-card__title,body.is-ebay-mode .lux-auction-card__shop{white-space:normal!important;overflow-wrap:anywhere;min-width:0;max-width:100%} body.is-ebay-mode .lux-auction-card__meta{flex-wrap:wrap;min-width:0} body.is-ebay-mode .lux-auction-card__cta{display:flex!important;width:100%!important;justify-content:center;white-space:normal;text-align:center;box-sizing:border-box} body.is-ebay-mode .lux-auction-card__body{min-width:0} /* centred card grids */ body.is-ebay-mode .lux-grid:not([data-lux-view-mode="list"]),body.is-ebay-mode .lux-card-grid:not(.pro-strip){margin-left:auto!important;margin-right:auto!important;justify-content:stretch} } /* t127 B: 375px – mkt card body must not exceed the tile */ @media(max-width:640px){body.is-ebay-mode .lux-mkt-card-steiri{min-width:0;overflow:hidden}body.is-ebay-mode .lux-mkt-card-steiri__body{min-width:0;max-width:100%;box-sizing:border-box}body.is-ebay-mode .lux-mkt-card-steiri__body>*{min-width:0;max-width:100%;overflow-wrap:anywhere}} /* ===== t128 ===== */ /* 1) Fahrzeug-/Immobilien-Reihen = gleiches Karussell wie "Deals für Sie": keine Scrollbar, 6 sichtbar, Pfeile */ body.is-ebay-mode .pro-mkt .lux-card-grid.pro-strip.pro-mkt__strip { --pro-deal-n: 2; grid-auto-columns: calc((100% - (var(--pro-deal-n) - 1) * 1rem) / var(--pro-deal-n)) !important; gap: 1rem !important; scrollbar-width: none !important; -ms-overflow-style: none; padding-bottom: 0 !important; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; } body.is-ebay-mode .pro-mkt .pro-strip::-webkit-scrollbar { display: none !important; height: 0 !important; width: 0 !important; } @media (min-width: 768px) { body.is-ebay-mode .pro-mkt .lux-card-grid.pro-strip.pro-mkt__strip { --pro-deal-n: 4; } } @media (min-width: 1200px) { body.is-ebay-mode .pro-mkt .lux-card-grid.pro-strip.pro-mkt__strip { --pro-deal-n: 6; } } @media (max-width: 640px) { html[data-lux-root] body.is-ebay-mode .pro-mkt .lux-card-grid.pro-strip.pro-mkt__strip { grid-auto-columns: calc((100vw - 40px) / 2.2) !important; gap: 10px !important; } } body.is-ebay-mode .pro-mkt .pro-strip > * { animation: pro-fadein .6s ease both; } @keyframes pro-fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { body.is-ebay-mode .pro-mkt .pro-strip > * { animation: none; } } /* 2) Header-Icons Business-Blau */ body.is-ebay-mode header .lux-nav .lux-iconbtn :is(i.pro-fa, i.bi) { color: #1d3b6e; } html[data-bs-theme="dark"] body.is-ebay-mode header .lux-nav .lux-iconbtn :is(i.pro-fa, i.bi) { color: #a9c3ee; } body.is-ebay-mode header .lux-nav .lux-iconbtn:hover :is(i.pro-fa, i.bi) { color: #2f5fb3; } html[data-bs-theme="dark"] body.is-ebay-mode header .lux-nav .lux-iconbtn:hover :is(i.pro-fa, i.bi) { color: #d4e2fa; } /* 3) Glocke: orange = ungelesen, grün = keine */ body.is-ebay-mode header .lux-notifications-trigger.pro-bell--unread :is(i.pro-fa, i.bi) { color: #ea7a0c !important; } body.is-ebay-mode header .lux-notifications-trigger.pro-bell--clear :is(i.pro-fa, i.bi) { color: #16a34a !important; } html[data-bs-theme="dark"] body.is-ebay-mode header .lux-notifications-trigger.pro-bell--unread :is(i.pro-fa, i.bi) { color: #fb9a3c !important; } html[data-bs-theme="dark"] body.is-ebay-mode header .lux-notifications-trigger.pro-bell--clear :is(i.pro-fa, i.bi) { color: #4ade80 !important; } body.is-ebay-mode header .lux-notifications-trigger.pro-bell--unread .lux-badge { background: #ea7a0c; color: #fff; } /* 4) Reihenfolge: …, Merkliste, Glocke, Profil */ body.is-ebay-mode header .lux-nav > * { order: 1; } body.is-ebay-mode header .lux-nav > [data-lux-watchlist-nav] { order: 7; } body.is-ebay-mode header .lux-nav > .lux-notifications-menu { order: 8; } body.is-ebay-mode header .lux-nav > .lux-account-menu { order: 9; } body.is-ebay-mode header .lux-nav > .lux-burger { order: 10; } /* 5) Herz auf Fahrzeug-/Immobilien-Karten (alle Designs) */ .lux-mkt-card-steiri { position: relative; } .pro-mkt-watch { position: absolute; top: 10px; right: 10px; z-index: 3; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(15,23,42,.12); background: rgba(255,255,255,.95); color: #1d3b6e; display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 12px rgba(15,23,42,.12); transition: transform .15s ease, background .15s ease; padding: 0; } .pro-mkt-watch:hover { transform: scale(1.08); } .pro-mkt-watch.is-active { background: #1d3b6e; color: #fff; border-color: #1d3b6e; } .pro-mkt-watch:focus-visible { outline: 2px solid #d4a72c; outline-offset: 2px; } html[data-bs-theme="dark"] .pro-mkt-watch { background: rgba(15,23,42,.9); color: #a9c3ee; border-color: rgba(255,255,255,.14); } html[data-bs-theme="dark"] .pro-mkt-watch.is-active { background: #d4a72c; color: #0f1f3d; border-color: #d4a72c; } .lux-mkt-expose__tool.is-active i { color: #e11d48; } /* Merkliste: Fahrzeuge & Immobilien */ .pro-wl-mkt { margin-top: 1.5rem; } .pro-wl-mkt__h { font-size: 1.1rem; font-weight: 700; display: flex; align-items: center; gap: .45rem; margin: 0 0 .9rem; } .pro-wl-mkt__n { font-size: .78rem; background: #1d3b6e; color: #fff; border-radius: 999px; padding: .1rem .55rem; } .pro-wl-mkt__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; } .pro-wl-mkt__cell { position: relative; transition: opacity .3s ease, transform .3s ease; min-width: 0; } .pro-wl-mkt__cell.is-removing { opacity: 0; transform: scale(.96); } .pro-wl-mkt__badge { position: absolute; top: 10px; left: 10px; z-index: 3; font-size: .72rem; font-weight: 700; padding: .2rem .55rem; border-radius: 999px; background: #0f1f3d; color: #fff; border: 1px solid #d4a72c; } .pro-wl-mkt__badge--real_estate { background: #14532d; } /* 7) Toast Navy/Gold – alle Designs */ html .lux-toast-host .lux-toast, html .lux-toast-host .lux-toast.lux-toast--pro { background: linear-gradient(135deg, #0f1f3d 0%, #142a52 100%) !important; color: #fff !important; border: 1px solid #d4a72c !important; box-shadow: 0 18px 44px rgba(5,12,28,.45), 0 0 0 1px rgba(212,167,44,.15) inset !important; --t-accent: #d4a72c; --t-soft: rgba(212,167,44,.16); } html .lux-toast-host .lux-toast::before { background: #d4a72c !important; } html .lux-toast-host .lux-toast__icon { background: rgba(212,167,44,.16) !important; color: #f2c94c !important; border: 1px solid rgba(212,167,44,.55); } html .lux-toast-host .lux-toast--err .lux-toast__icon { color: #fca5a5 !important; border-color: rgba(252,165,165,.5); background: rgba(220,38,38,.18) !important; } html .lux-toast-host .lux-toast__title { color: #f2c94c !important; } html .lux-toast-host :is(.lux-toast__body, .lux-toast__txt), html .lux-toast-host .lux-toast__content > .lux-toast__txt:only-child { color: #fff !important; } html .lux-toast-host .lux-toast__close { color: #cbd5e1 !important; } html .lux-toast-host .lux-toast__close:hover { background: rgba(255,255,255,.1) !important; color: #fff !important; } html .lux-toast-host .lux-toast__progress { background: #d4a72c !important; opacity: .8; } html .lux-toast-host .lux-toast a { color: #f2c94c !important; } .pro-toast { background: linear-gradient(135deg, #0f1f3d, #142a52) !important; color: #fff !important; border: 1px solid #d4a72c !important; } /* 9) Premium User-Dropdown + "Mein auxbid" */ body.is-ebay-mode .lux-account-trigger { background: linear-gradient(135deg, #0f1f3d, #1d3b6e) !important; color: #fff !important; border: 1px solid rgba(212,167,44,.65) !important; border-radius: 999px !important; padding: 4px 14px 4px 4px !important; box-shadow: 0 4px 14px rgba(15,31,61,.25); } body.is-ebay-mode .lux-account-trigger:hover { border-color: #d4a72c !important; box-shadow: 0 6px 18px rgba(15,31,61,.35); } body.is-ebay-mode .lux-account-trigger .lux-account-trigger__label { color: #fff !important; font-weight: 700; } body.is-ebay-mode .lux-account-trigger .lux-account-trigger__avatar { box-shadow: 0 0 0 2px #d4a72c; border-radius: 50%; } body:not(.is-ebay-mode) .pro-pd .pro-pd__head, body:not(.is-ebay-mode) .pro-pd .pro-pd__sec, body:not(.is-ebay-mode) .pro-pd .pro-pd__theme { display: none !important; } body.is-ebay-mode .lux-account-dropdown.pro-pd { width: 300px; padding: 0 !important; border-radius: 16px !important; overflow: hidden; border: 1px solid #dbe4f0 !important; background: #fff !important; box-shadow: 0 24px 60px rgba(15,31,61,.22) !important; transform-origin: top right; animation: pro-pd-in .18s cubic-bezier(.2,.8,.2,1); } @keyframes pro-pd-in { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } } body.is-ebay-mode .pro-pd .lux-account-dropdown__list { padding: 0 0 .4rem !important; margin: 0; max-height: min(80vh, 640px); overflow-y: auto; } body.is-ebay-mode .pro-pd__head { display: flex; gap: .75rem; align-items: center; padding: 1rem 1rem .9rem; background: linear-gradient(135deg, #0f1f3d, #1d3b6e); color: #fff; border-bottom: 2px solid #d4a72c; list-style: none; } body.is-ebay-mode .pro-pd__avatar { flex: 0 0 auto; border-radius: 50%; box-shadow: 0 0 0 2px #d4a72c; display: inline-flex; } body.is-ebay-mode .pro-pd__who { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; } body.is-ebay-mode .pro-pd__who strong { font-size: .98rem; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.is-ebay-mode .pro-pd__who small { font-size: .76rem; color: #c7d4ea; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.is-ebay-mode .pro-pd__role { margin-top: .3rem; align-self: flex-start; font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #0f1f3d; background: #d4a72c; border-radius: 999px; padding: .1rem .5rem; } body.is-ebay-mode .pro-pd__sec { list-style: none; padding: .7rem 1rem .25rem; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8a6d1d; } body.is-ebay-mode .pro-pd .pro-pd__link { display: flex !important; align-items: center; gap: .65rem; padding: .48rem 1rem !important; margin: 0 .4rem; border-radius: 10px; color: #1e293b !important; font-size: .9rem; text-decoration: none; background: none; border: 0; width: calc(100% - .8rem); text-align: left; cursor: pointer; transition: background .15s ease, color .15s ease; } body.is-ebay-mode .pro-pd .pro-pd__link:hover, body.is-ebay-mode .pro-pd .pro-pd__link:focus-visible { background: #eef3fb; color: #1d3b6e !important; } body.is-ebay-mode .pro-pd__ic { width: 30px; height: 30px; border-radius: 9px; display: inline-grid; place-items: center; background: #eef3fb; color: #1d3b6e; flex: 0 0 auto; } body.is-ebay-mode .pro-pd__ic i { font-size: 15px !important; width: auto !important; color: inherit; } body.is-ebay-mode .pro-pd__txt { flex: 1 1 auto; min-width: 0; } body.is-ebay-mode .pro-pd__badge { font-size: .7rem; font-weight: 800; min-width: 22px; text-align: center; padding: .1rem .45rem; border-radius: 999px; background: #d4a72c; color: #0f1f3d; } body.is-ebay-mode .pro-pd__switch { width: 36px; height: 20px; border-radius: 999px; background: #cbd5e1; position: relative; transition: background .2s ease; flex: 0 0 auto; } body.is-ebay-mode .pro-pd__switch span { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s ease; box-shadow: 0 1px 3px rgba(0,0,0,.25); } body.is-ebay-mode .pro-pd__theme.is-on .pro-pd__switch { background: #d4a72c; } body.is-ebay-mode .pro-pd__theme.is-on .pro-pd__switch span { transform: translateX(16px); } body.is-ebay-mode .pro-pd .pro-pd__logout { color: #dc2626 !important; } body.is-ebay-mode .pro-pd .pro-pd__logout .pro-pd__ic { background: #fee2e2; color: #dc2626; } body.is-ebay-mode .pro-pd .pro-pd__logout:hover { background: #fef2f2; color: #b91c1c !important; } body.is-ebay-mode .pro-pd .lux-account-dropdown__divider { margin: .4rem .9rem; border-top: 1px solid #e2e8f0; list-style: none; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-account-dropdown.pro-pd { background: #0f172a !important; border-color: #24324d !important; box-shadow: 0 24px 60px rgba(0,0,0,.55) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd .pro-pd__link { color: #e2e8f0 !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd .pro-pd__link:hover { background: #1a2740; color: #fff !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd__ic { background: #1a2740; color: #a9c3ee; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd__sec { color: #d4a72c; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd .pro-pd__logout { color: #f87171 !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd .pro-pd__logout .pro-pd__ic { background: rgba(220,38,38,.18); color: #f87171; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pd .lux-account-dropdown__divider { border-color: #24324d; } @media (prefers-reduced-motion: reduce) { body.is-ebay-mode .lux-account-dropdown.pro-pd { animation: none; } } html [data-lux-notifications-badge][hidden], html [data-pro-pd-badge][hidden] { display: none !important; } body.is-ebay-mode .pro-pd__avatar, body.is-ebay-mode .pro-pd__avatar :is(img, span, .lux-avatar) { width: 48px !important; height: 48px !important; min-width: 48px; max-width: 48px; overflow: hidden; border-radius: 50%; object-fit: cover; font-size: 1rem; } .pro-wl-mkt__cell .lux-mkt-card-steiri { opacity: 1 !important; transform: none !important; min-width: 0; height: 100%; } /* ===== t130 (nur eBay-Design) ===== */ /* 1+2) Dropdown kompakt, 2 Spalten, passt bei 720px Höhe */ body.is-ebay-mode .lux-account-menu { position: relative; } body.is-ebay-mode .lux-account-dropdown.pro-pd { width: 320px !important; max-width: calc(100vw - 16px) !important; right: 0 !important; left: auto !important; } body.is-ebay-mode .pro-pd .lux-account-dropdown__list { display: grid !important; grid-template-columns: 1fr 1fr; column-gap: 2px; padding: 0 .35rem .4rem !important; max-height: calc(100vh - 80px); overflow-y: auto; scrollbar-width: thin; } body.is-ebay-mode .pro-pd .lux-account-dropdown__list > li { min-width: 0; list-style: none; } body.is-ebay-mode .pro-pd .lux-account-dropdown__list > :is(.pro-pd__head, .pro-pd__sec, .lux-account-dropdown__divider, li:has(.pro-pd__theme), li:has(.pro-pd__logout)) { grid-column: 1 / -1; } body.is-ebay-mode .pro-pd__head { margin: 0 -.35rem .1rem; padding: .7rem .85rem !important; gap: .65rem !important; } body.is-ebay-mode .pro-pd__avatar, body.is-ebay-mode .pro-pd__avatar > * , body.is-ebay-mode .pro-pd__avatar img { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; max-height: 44px !important; flex: 0 0 44px !important; border-radius: 50% !important; overflow: hidden; object-fit: cover; } body.is-ebay-mode .pro-pd__who { flex: 1 1 auto; min-width: 0; } body.is-ebay-mode .pro-pd__who :is(strong, small) { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.is-ebay-mode .pro-pd__role { margin-top: .2rem !important; } body.is-ebay-mode .pro-pd__sec { padding: .45rem .55rem .1rem !important; font-size: .64rem !important; } body.is-ebay-mode .pro-pd .pro-pd__link { margin: 0 !important; width: 100% !important; padding: .3rem .4rem !important; gap: .45rem !important; font-size: .8rem !important; border-radius: 8px; } body.is-ebay-mode .pro-pd__ic { width: 24px !important; height: 24px !important; border-radius: 7px !important; } body.is-ebay-mode .pro-pd__ic i { font-size: 12px !important; } body.is-ebay-mode .pro-pd__txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.is-ebay-mode .pro-pd__badge { font-size: .62rem !important; min-width: 18px !important; padding: .05rem .35rem !important; } body.is-ebay-mode .pro-pd .lux-account-dropdown__divider { margin: .3rem .5rem !important; } @media (max-width: 640px) { body.is-ebay-mode .lux-account-dropdown.pro-pd { position: fixed !important; top: 64px !important; right: 8px !important; } } /* 3) "Mein auxbid" in Gold, Text Navy */ body.is-ebay-mode .lux-account-trigger, html[data-bs-theme="dark"] body.is-ebay-mode .lux-account-trigger { background: linear-gradient(180deg, #d9b860, #c49a3c) !important; color: #0f1d3a !important; border: 1px solid #b8913a !important; box-shadow: 0 3px 10px rgba(196,154,60,.3) !important; padding: 3px 12px 3px 3px !important; } body.is-ebay-mode .lux-account-trigger:hover, html[data-bs-theme="dark"] body.is-ebay-mode .lux-account-trigger:hover { background: linear-gradient(180deg, #c9a54c, #ad8530) !important; border-color: #9c772b !important; } body.is-ebay-mode .lux-account-trigger .lux-account-trigger__label, body.is-ebay-mode .lux-account-trigger :is(i, span) { color: #0f1d3a !important; } body.is-ebay-mode .lux-account-trigger .lux-account-trigger__avatar { width: 28px !important; height: 28px !important; box-shadow: 0 0 0 2px #fff !important; overflow: hidden; } body.is-ebay-mode .lux-account-trigger .lux-account-trigger__avatar img { width: 28px !important; height: 28px !important; object-fit: cover; } /* 4) Trennlinie direkt vor "Mein auxbid" */ body.is-ebay-mode .pro-hswitch, html[data-bs-theme="dark"] body.is-ebay-mode .pro-hswitch { border-right: 0 !important; padding-right: 0 !important; } body.is-ebay-mode header .lux-nav > .lux-account-menu { margin-left: .35rem; padding-left: .6rem; border-left: 1px solid rgba(15,23,42,.12); } html[data-bs-theme="dark"] body.is-ebay-mode header .lux-nav > .lux-account-menu { border-left-color: rgba(255,255,255,.14); } /* 5) Ruhige Zeitanzeige: Hero + Karten-Chips; Ampel nur als Punkt */ body.is-ebay-mode .pro-hero-offer__row .pro-hero-offer__end { display: none !important; } body.is-ebay-mode .pro-hero-offer__left, body.is-ebay-mode .pro-hero-offer__left.pro-cd { display: grid !important; grid-template-columns: auto 1fr; column-gap: .4rem; align-items: center; background: none !important; border: 0 !important; padding: 0 !important; margin: .1rem 0 .15rem; color: #334155 !important; font-size: .86rem !important; font-weight: 600 !important; box-shadow: none !important; } body.is-ebay-mode .pro-hero-offer__left > i { grid-row: 1; color: #64748b !important; } body.is-ebay-mode .pro-hero-offer__date { grid-column: 2; font-size: .74rem; font-weight: 500; color: #64748b; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-hero-offer__left { color: #dbe4f0 !important; } html[data-bs-theme="dark"] body.is-ebay-mode :is(.pro-hero-offer__left > i, .pro-hero-offer__date) { color: #94a3b8 !important; } body.is-ebay-mode .pro-hero-offer__left > span::after, body.is-ebay-mode .lux-auction-card__countdown.pro-cd::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--cd-dot, #22c55e); vertical-align: middle; } body.is-ebay-mode .pro-hero-offer__left > span::after { margin-left: .45rem; } body.is-ebay-mode .pro-cd--warn { --cd-dot: #f59e0b; } body.is-ebay-mode .pro-cd--crit { --cd-dot: #ef4444; } body.is-ebay-mode .pro-cd--ended { --cd-dot: #94a3b8; } html body.is-ebay-mode .lux-auction-card__countdown.pro-cd { display: inline-flex !important; align-items: center; gap: .35rem; background: rgba(255,255,255,.92) !important; color: #334155 !important; border: 1px solid #e2e8f0 !important; border-radius: 999px !important; padding: .15rem .55rem !important; font-size: .72rem !important; font-weight: 600 !important; letter-spacing: 0; box-shadow: 0 1px 3px rgba(15,23,42,.08) !important; } html body.is-ebay-mode .lux-auction-card__countdown.pro-cd.pro-cd--crit { color: #b91c1c !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-auction-card__countdown.pro-cd { background: rgba(15,23,42,.85) !important; color: #dbe4f0 !important; border-color: rgba(255,255,255,.12) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-auction-card__countdown.pro-cd.pro-cd--crit { color: #fca5a5 !important; } /* ===== t132: Shop merken ===== */ .pro-follow.is-following i { color: #e11d48; } .pro-wl-shops .pro-store { opacity: 1 !important; transform: none !important; } .pro-wl-shops__all { margin-left: auto; font-size: .82rem; font-weight: 600; } .pro-wl-shops .pro-store-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; } body.is-ebay-mode .pro-store { position: relative; } body.is-ebay-mode .pro-store__actions :is(.pro-follow-form, a.pro-follow) { position: absolute; top: 10px; right: 10px; z-index: 3; margin: 0; } body.is-ebay-mode .pro-store__actions .pro-follow { width: 34px !important; height: 34px !important; min-width: 0 !important; padding: 0 !important; border-radius: 50% !important; display: grid !important; place-items: center; background: #fff !important; border: 1px solid #dbe4f0 !important; color: #1d3b6e !important; box-shadow: 0 2px 8px rgba(15,23,42,.1); cursor: pointer; transition: transform .15s ease; } body.is-ebay-mode .pro-store__actions .pro-follow:hover { transform: scale(1.08); } body.is-ebay-mode .pro-store__actions .pro-follow span { display: none !important; } body.is-ebay-mode .pro-store__actions .pro-follow i { font-size: 15px; margin: 0 !important; } body.is-ebay-mode .pro-store__actions .pro-follow.is-following { background: #0f1d3a !important; border-color: #c9a54c !important; } body.is-ebay-mode .pro-store__actions .pro-follow.is-following i { color: #f2c94c !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-store__actions .pro-follow { background: #16223a !important; border-color: rgba(255,255,255,.14) !important; color: #a9c3ee !important; } body.is-ebay-mode .pro-hero-offer__left, body.is-ebay-mode .pro-hero-offer__left.pro-cd { color: #e2e8f0 !important; } body.is-ebay-mode :is(.pro-hero-offer__left > i, .pro-hero-offer__date) { color: #a3b1c6 !important; } /* ===== t129 Dashboards + Sidebar + Dropdown (nur eBay-Design) ===== */ body.pro-app .pro-app-nav details.pro-accnav__group { margin: 0 0 .15rem; } body.pro-app .pro-app-nav details.pro-accnav__group > summary.pro-accnav__title { list-style: none; cursor: pointer; display: flex !important; align-items: center; justify-content: space-between; gap: .4rem; padding: .45rem .65rem; margin: 0 !important; border-radius: 8px; user-select: none; } body.pro-app .pro-app-nav details.pro-accnav__group > summary::-webkit-details-marker { display: none; } body.pro-app .pro-app-nav details.pro-accnav__group > summary:hover { background: var(--pa-blue-soft); color: var(--pa-ink); } body.pro-app .pro-app-nav .pro-accnav__chev { font-size: .62rem; transition: transform .2s ease; opacity: .7; } body.pro-app .pro-app-nav details[open] > summary .pro-accnav__chev { transform: rotate(180deg); } body.pro-app .pro-app-nav details[data-pro-active] > summary { color: var(--pa-blue); } body.pro-app .pro-app-nav details.pro-accnav__group > ul { margin: .1rem 0 .4rem; } /* KPI-Kacheln klickbar */ body.pro-app .pro-app-kpis a { transition: transform .15s ease, box-shadow .15s ease; } body.pro-app .pro-app-kpis a:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(15,23,42,.1); } /* Gebote mit Bild */ body.pro-app a.pro-dash-bid { display: grid !important; grid-template-columns: 48px minmax(0,1fr) auto; grid-template-areas: "img title price" "img meta pill"; column-gap: .75rem; row-gap: .1rem; align-items: center; } body.pro-app a.pro-dash-bid .pro-dash-row__img { grid-area: img; } body.pro-app a.pro-dash-bid .pro-app-list__title { grid-area: title; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.pro-app a.pro-dash-bid .pro-app-list__meta { grid-area: meta; } body.pro-app a.pro-dash-bid .pro-app-list__price { grid-area: price; text-align: right; } body.pro-app a.pro-dash-bid > :last-child:not(.pro-app-list__price) { grid-area: pill; justify-self: end; } body.pro-app .pro-dash-row__img { width: 48px; height: 48px; border-radius: 10px; overflow: hidden; background: var(--pa-bg); display: block; flex: 0 0 48px; } body.pro-app .pro-dash-row__img :is(img, picture, .lux-thumb, span) { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 0; } body.pro-app .pro-dash-cd { display: inline-flex; align-items: center; gap: .3rem; font-weight: 700; font-size: .78rem; padding: .05rem .45rem; border-radius: 999px; background: rgba(22,163,74,.12); color: #15803d; white-space: nowrap; } body.pro-app .pro-dash-cd.pro-cd--warn { background: rgba(217,119,6,.14); color: #b45309; } body.pro-app .pro-dash-cd.pro-cd--crit { background: rgba(220,38,38,.13); color: #b91c1c; } body.pro-app .pro-dash-cd.pro-cd--ended { background: rgba(100,116,139,.15); color: var(--pa-muted); } html[data-bs-theme="dark"] body.pro-app .pro-dash-cd { color: #4ade80; } html[data-bs-theme="dark"] body.pro-app .pro-dash-cd.pro-cd--warn { color: #fbbf24; } html[data-bs-theme="dark"] body.pro-app .pro-dash-cd.pro-cd--crit { color: #f87171; } /* Module */ body.pro-app .pro-dash-cols { margin-top: 1.1rem; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; } body.pro-app .pro-dash-cols > .pro-dash-strip, body.pro-app .pro-dash-cols > .pro-dash-rev { grid-column: 1 / -1; } body.pro-app .pro-dash-cols .pro-app-card__head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin: 0 0 .75rem; } body.pro-app .pro-dash-cols .pro-app-card__head h2 { margin: 0; font-size: 1rem; font-weight: 800; color: var(--pa-ink); display: flex; align-items: center; gap: .5rem; } body.pro-app .pro-dash-count { font-size: .72rem; font-weight: 800; padding: .1rem .5rem; border-radius: 999px; background: var(--pa-blue-soft); color: var(--pa-blue); } body.pro-app .pro-dash-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .15rem; } body.pro-app .pro-dash-row { display: flex; align-items: center; gap: .7rem; padding: .45rem .4rem; border-radius: 10px; } body.pro-app .pro-dash-row:hover { background: var(--pa-blue-soft); } body.pro-app .pro-dash-row__link { display: flex; align-items: center; gap: .7rem; flex: 1 1 auto; min-width: 0; color: inherit; text-decoration: none; } body.pro-app .pro-dash-row__main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .15rem; } body.pro-app .pro-dash-row__main > strong, body.pro-app .pro-dash-row__main > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--pa-ink); font-size: .88rem; } body.pro-app .pro-dash-row__main small { color: var(--pa-muted); font-size: .76rem; } body.pro-app .pro-dash-row__side { display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; flex: 0 0 auto; } body.pro-app .pro-dash-row__price { font-weight: 800; color: var(--pa-ink); white-space: nowrap; font-size: .9rem; } body.pro-app .pro-dash-row__ic { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--pa-blue-soft); color: var(--pa-blue); flex: 0 0 36px; } body.pro-app .pro-dash-row__cta { white-space: nowrap; padding: .35rem .75rem !important; font-size: .8rem !important; } /* Strip */ body.pro-app .pro-dash-strip__wrap { position: relative; } body.pro-app .pro-dash-strip__row { display: grid; grid-auto-flow: column; grid-auto-columns: 168px; gap: .8rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: .1rem; } body.pro-app .pro-dash-strip__row::-webkit-scrollbar { display: none; } body.pro-app .pro-dash-mini { scroll-snap-align: start; display: flex; flex-direction: column; gap: .35rem; text-decoration: none; color: inherit; border: 1px solid var(--pa-line); border-radius: 12px; overflow: hidden; background: var(--pa-card); transition: transform .15s ease, box-shadow .15s ease; } body.pro-app .pro-dash-mini:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(15,23,42,.1); } body.pro-app .pro-dash-mini__img { aspect-ratio: 4/3; background: var(--pa-bg); overflow: hidden; display: block; } body.pro-app .pro-dash-mini__img :is(img, picture, span) { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } body.pro-app .pro-dash-mini__title { padding: 0 .6rem; font-size: .82rem; font-weight: 600; color: var(--pa-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.4em; line-height: 1.2; } body.pro-app .pro-dash-mini__foot { padding: 0 .6rem .6rem; display: flex; align-items: center; justify-content: space-between; gap: .3rem; flex-wrap: wrap; font-weight: 800; font-size: .85rem; color: var(--pa-ink); } body.pro-app .pro-dash-strip__nav { position: absolute; top: 38%; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--pa-line); background: var(--pa-card); color: var(--pa-ink); box-shadow: 0 6px 16px rgba(15,23,42,.15); display: grid; place-items: center; cursor: pointer; z-index: 2; } body.pro-app .pro-dash-strip__nav[hidden] { display: none !important; } body.pro-app .pro-dash-strip__nav.is-prev { left: -10px; } body.pro-app .pro-dash-strip__nav.is-next { right: -10px; } /* Umsatz-Chart */ body.pro-app .pro-dash-rev__sum { font-weight: 800; color: var(--pa-ink); font-size: .95rem; } body.pro-app .pro-dash-chart { display: flex; align-items: flex-end; gap: 3px; height: 140px; padding: .4rem 0 0; border-bottom: 1px solid var(--pa-line); } body.pro-app .pro-dash-chart__bar { flex: 1 1 0; min-height: 3px; border-radius: 4px 4px 0 0; background: var(--pa-line); position: relative; } body.pro-app .pro-dash-chart__bar.has-v { background: linear-gradient(180deg, #d4a72c, #2c5fa8); } body.pro-app .pro-dash-chart__axis { display: flex; justify-content: space-between; font-size: .7rem; color: var(--pa-muted); margin-top: .3rem; } /* To-dos */ body.pro-app .pro-dash-todo__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; } body.pro-app .pro-dash-todo__item { display: flex; align-items: center; gap: .65rem; padding: .55rem .7rem; border-radius: 10px; text-decoration: none; color: var(--pa-ink); background: var(--pa-blue-soft); border-left: 3px solid var(--pa-blue); } body.pro-app .pro-dash-todo__item.is-warn { background: rgba(217,119,6,.1); border-left-color: #d97706; } body.pro-app .pro-dash-todo__item.is-crit { background: rgba(220,38,38,.09); border-left-color: #dc2626; } body.pro-app .pro-dash-todo__go { margin-left: auto; font-size: .7rem; opacity: .6; } /* Quota */ body.pro-app .pro-dash-quota { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .85rem; } body.pro-app .pro-dash-quota__h { display: flex; justify-content: space-between; font-size: .82rem; color: var(--pa-ink); font-weight: 600; margin-bottom: .25rem; } body.pro-app .pro-dash-quota__card { display: flex; flex-direction: column; gap: .55rem; padding: .9rem 1rem; border-radius: 14px; border: 1px solid var(--pa-line, #e2e8f0); background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); box-shadow: 0 8px 20px rgba(15, 23, 42, .04); } body.pro-app .pro-dash-quota__card.is-unlimited { background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 55%, #ecfdf5 100%); border-color: #bfdbfe; } body.pro-app .pro-dash-quota__card.is-warn { border-color: #fcd34d; background: linear-gradient(180deg, #fffbeb 0%, #fff 100%); } body.pro-app .pro-dash-quota__card.is-crit { border-color: #fca5a5; background: linear-gradient(180deg, #fef2f2 0%, #fff 100%); } body.pro-app .pro-dash-quota__card-top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; } body.pro-app .pro-dash-quota__label { font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--pa-muted, #64748b); } body.pro-app .pro-dash-quota__count { font-size: .9rem; color: var(--pa-ink, #0f172a); } body.pro-app .pro-dash-quota__count strong { font-size: 1.15rem; font-weight: 800; } body.pro-app .pro-dash-quota__badge { display: inline-flex; align-items: center; padding: .18rem .5rem; border-radius: 999px; background: #16a34a; color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } body.pro-app .pro-dash-quota__meta { display: flex; align-items: baseline; gap: .35rem; color: var(--pa-muted, #64748b); font-size: .8rem; } body.pro-app .pro-dash-quota__meta strong { font-size: 1.35rem; font-weight: 800; color: var(--pa-ink, #0f172a); line-height: 1; } body.pro-app .pro-dash-quota__pct { font-size: .72rem; font-weight: 700; color: var(--pa-muted, #64748b); } body.pro-app .pro-dash-quota__bar { height: 12px; border-radius: 999px; background: #e2e8f0; overflow: hidden; } body.pro-app .pro-dash-quota__bar--soft { height: 8px; background: #dbeafe; } body.pro-app .pro-dash-quota__bar--soft > span { background: linear-gradient(90deg, #60a5fa, #34d399) !important; opacity: .85; } body.pro-app .pro-dash-quota__bar > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #22c55e, #16a34a); min-width: 0; transition: width .25s ease; } body.pro-app .pro-dash-quota__bar > span.is-ok { background: linear-gradient(90deg, #22c55e, #16a34a); } body.pro-app .pro-dash-quota__bar > span.is-warn { background: linear-gradient(90deg, #fbbf24, #d97706); } body.pro-app .pro-dash-quota__bar > span.is-crit { background: linear-gradient(90deg, #f87171, #dc2626); } /* Benachrichtigungen kompakt */ body.pro-app .pro-app-card--notify :is(li, .lux-notify-item, .lux-notifications__item) { padding-top: .35rem !important; padding-bottom: .35rem !important; font-size: .84rem; } @media (max-width: 1100px) { body.pro-app .pro-dash-cols { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 640px) { body.pro-app .pro-dash-strip__row { grid-auto-columns: 46%; } body.pro-app .pro-dash-strip__nav { display: none !important; } body.pro-app .pro-dash-chart { height: 110px; } } /* Dropdown: eine Spalte, kompakt, keine abgeschnittenen Labels */ body.is-ebay-mode .lux-account-dropdown.pro-pd { width: 340px !important; } body.is-ebay-mode .pro-pd .lux-account-dropdown__list { display: block !important; max-height: none !important; overflow: visible !important; padding: 0 .35rem .35rem !important; } body.is-ebay-mode .pro-pd .pro-pd__link { padding: .2rem .45rem !important; line-height: 1.2 !important; min-height: 0 !important; } body.is-ebay-mode .pro-pd__ic { width: 22px !important; height: 22px !important; } body.is-ebay-mode .pro-pd__txt { overflow: visible !important; text-overflow: clip !important; white-space: normal !important; } body.is-ebay-mode .pro-pd__sec { padding: .35rem .55rem .05rem !important; } body.is-ebay-mode .pro-pd .lux-account-dropdown__divider { margin: .2rem .5rem !important; } @media (max-height: 760px) { body.is-ebay-mode .pro-pd .pro-pd__link { padding-top: .14rem !important; padding-bottom: .14rem !important; } body.is-ebay-mode .pro-pd__head { padding-top: .5rem !important; padding-bottom: .5rem !important; } } body.pro-app .pro-dash-quota__row { display: grid; grid-template-columns: minmax(0, 7rem) 1fr auto; align-items: center; gap: .6rem; font-size: .84rem; color: var(--pa-ink); } body.pro-app .pro-dash-quota__row small { color: var(--pa-muted); white-space: nowrap; } /* ===== t133 Tabs-Dashboards, Akkordeon-Sidebar, Premium-Warenkorb; t134 Hero-Titel (nur eBay) ===== */ body.pro-app .pro-tabs { margin-top: 1.1rem; } body.pro-app .pro-tabs__bar { position: sticky; top: var(--pro-topbar-h, 64px); z-index: 30; display: flex; gap: .35rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: .45rem; margin: 0 0 1rem; background: var(--pa-card); border: 1px solid var(--pa-line); border-radius: 14px; box-shadow: 0 6px 18px rgba(15,23,42,.06); } body.pro-app .pro-tabs__bar::-webkit-scrollbar { display: none; } body.pro-app .pro-tabs__tab { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .9rem; border-radius: 10px; font-weight: 700; font-size: .88rem; color: var(--pa-muted); text-decoration: none; white-space: nowrap; position: relative; transition: background .15s ease, color .15s ease; } body.pro-app .pro-tabs__tab:hover { background: var(--pa-blue-soft); color: var(--pa-blue); } body.pro-app .pro-tabs__tab.is-active { background: #0f1f3d; color: #fff; box-shadow: inset 0 -3px 0 #d4a72c; } body.pro-app .pro-tabs__badge { min-width: 22px; padding: .05rem .45rem; border-radius: 999px; font-size: .72rem; font-weight: 800; text-align: center; background: var(--pa-blue-soft); color: var(--pa-blue); } body.pro-app .pro-tabs__badge.is-zero { opacity: .55; } body.pro-app .pro-tabs__tab.is-active .pro-tabs__badge { background: #d4a72c; color: #0f1f3d; opacity: 1; } html[data-bs-theme="dark"] body.pro-app .pro-tabs__tab.is-active { background: #1b2f57; } body.pro-app .pro-tabs__panel { width: 100%; box-sizing: border-box; margin: 0 0 1rem; scroll-margin-top: 140px; } body.pro-app .pro-tabs.is-js .pro-tabs__panel { display: none; margin: 0; } body.pro-app .pro-tabs.is-js .pro-tabs__panel.is-active { display: block; animation: proTabIn .22s ease; } @keyframes proTabIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } } body.pro-app .pro-tab-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin: 0 0 .7rem; } body.pro-app .pro-tab-head:not(:first-child) { margin-top: 1.4rem; } body.pro-app .pro-tab-head h2 { margin: 0; font-size: 1.02rem; font-weight: 800; color: var(--pa-ink); } body.pro-app .pro-tab-head a { font-size: .84rem; font-weight: 700; color: var(--pa-blue); text-decoration: none; } body.pro-app .pro-tab-empty { padding: 2rem 1rem; } body.pro-app .pro-tab-notify > * { max-width: none !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; } body.pro-app .pro-trows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } body.pro-app .pro-trow { display: grid; grid-template-columns: minmax(0, 1fr) 120px 150px 110px 150px; align-items: center; gap: 1rem; padding: .6rem .5rem; border-bottom: 1px solid var(--pa-line); } body.pro-app .pro-trow:last-child { border-bottom: 0; } body.pro-app .pro-trow:hover { background: var(--pa-blue-soft); border-radius: 10px; } body.pro-app .pro-trow__link { display: flex; align-items: center; gap: .8rem; min-width: 0; color: inherit; text-decoration: none; } body.pro-app .pro-trow__link .pro-dash-row__img { width: 56px; height: 56px; flex-basis: 56px; } body.pro-app .pro-trow__main { display: flex; flex-direction: column; gap: .15rem; min-width: 0; } body.pro-app .pro-trow__main strong { color: var(--pa-ink); font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.pro-app .pro-trow__main small { color: var(--pa-muted); font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.pro-app .pro-trow__price { font-weight: 800; color: var(--pa-ink); text-align: right; white-space: nowrap; } body.pro-app .pro-trow__act { text-align: right; } body.pro-app .pro-trow__act .pro-app-btn { white-space: nowrap; padding: .4rem .85rem !important; font-size: .82rem !important; } body.pro-app .pro-trow__pill .pro-app-pill { white-space: nowrap; } body.pro-app .pro-app-pill.is-crit { background: rgba(220,38,38,.12); color: #b91c1c; } body.pro-app .pro-app-pill.is-info { background: var(--pa-blue-soft); color: var(--pa-blue); } body.pro-app .pro-tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: .9rem; } body.pro-app .pro-ttodo { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .8rem; } body.pro-app .pro-ttodo__card { display: flex; align-items: center; gap: .7rem; padding: .9rem 1rem; border-radius: 12px; text-decoration: none; color: var(--pa-ink); background: var(--pa-blue-soft); border-left: 4px solid var(--pa-blue); font-weight: 600; } body.pro-app .pro-ttodo__card strong { margin-left: auto; font-size: 1.35rem; font-weight: 800; } body.pro-app .pro-ttodo__card.is-warn { background: rgba(217,119,6,.1); border-left-color: #d97706; } body.pro-app .pro-ttodo__card.is-crit { background: rgba(220,38,38,.08); border-left-color: #dc2626; } body.pro-app .pro-ttodo__card:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(15,23,42,.08); } body.pro-app .pro-tab-chart .pro-dash-chart { height: 180px; } body.pro-app .pro-tab-more { margin: 1rem 0 0; } @media (max-width: 1100px) { body.pro-app .pro-trow { grid-template-columns: minmax(0, 1fr) auto auto; } body.pro-app .pro-trow__time { grid-column: 1; } body.pro-app .pro-trow__pill { grid-column: 2; } body.pro-app .pro-trow__price { grid-column: 3; grid-row: 1; } body.pro-app .pro-trow__act { grid-column: 2 / 4; } } @media (max-width: 640px) { body.pro-app .pro-tabs__bar { margin-left: -.25rem; margin-right: -.25rem; border-radius: 12px; } body.pro-app .pro-trow { grid-template-columns: minmax(0, 1fr) auto; gap: .4rem .6rem; } body.pro-app .pro-trow__link { grid-column: 1 / -1; } body.pro-app .pro-trow__time { grid-column: 1; } body.pro-app .pro-trow__pill { grid-column: 2; grid-row: 2; text-align: right; } body.pro-app .pro-trow__price { grid-column: 1; grid-row: 3; text-align: left; } body.pro-app .pro-trow__act { grid-column: 2; grid-row: 3; } body.pro-app .pro-tgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Sidebar-Akkordeon */ body.pro-app .pro-app-nav details.pro-accnav__group > summary.pro-accnav__title { justify-content: flex-start; transition: background .15s ease, color .15s ease; } body.pro-app .pro-app-nav details.pro-accnav__group > summary.pro-accnav__title:hover { background: var(--pa-blue-soft); color: var(--pa-blue); } body.pro-app .pro-app-nav details[open] > summary.pro-accnav__title { color: var(--pa-blue); } body.pro-app .pro-app-nav details.pro-accnav__group > ul { overflow: hidden; } body.pro-app .pro-app-nav details[open] > ul { animation: proAccIn .24s ease; } @keyframes proAccIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } } body.pro-app .pro-app-nav .pro-accnav__link { padding-top: .38rem !important; padding-bottom: .38rem !important; } /* Warenkorb */ body.is-ebay-mode .pro-cart { max-width: var(--pro-ebay-max, 1660px); width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 1rem 2.5rem; } body.is-ebay-mode .pro-cart__layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 1.5rem; align-items: start; } body.is-ebay-mode .pro-cart__group { background: var(--bs-body-bg, #fff); border: 1px solid rgba(15,23,42,.09); border-radius: 16px; padding: 1rem 1.1rem; margin: 0 0 1rem; } body.is-ebay-mode .pro-cart__ghead { display: flex; align-items: center; gap: .55rem; padding: 0 0 .7rem; margin: 0 0 .5rem; border-bottom: 1px solid rgba(15,23,42,.08); color: #0f1f3d; } body.is-ebay-mode .pro-cart__ghead span { margin-left: auto; font-size: .8rem; color: #64748b; } body.is-ebay-mode .pro-cart__line { position: relative; padding: .4rem 0 .6rem; border-bottom: 1px dashed rgba(15,23,42,.08); } body.is-ebay-mode .pro-cart__line:last-child { border-bottom: 0; } body.is-ebay-mode .pro-cart__line .lux-cart-card { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } body.is-ebay-mode .pro-cart__watch { margin: .35rem 0 0 104px; display: inline-flex; align-items: center; gap: .35rem; border: 0; background: none; color: #2c5fa8; font-weight: 600; font-size: .82rem; cursor: pointer; padding: .2rem 0; } body.is-ebay-mode .pro-cart__watch:hover { text-decoration: underline; } body.is-ebay-mode .pro-cart__watch.is-on i { color: #dc2626; } body.is-ebay-mode .pro-cart__sum { position: sticky; top: 96px; background: var(--bs-body-bg, #fff); border: 1px solid rgba(15,23,42,.09); border-radius: 16px; padding: 1.2rem 1.25rem; box-shadow: 0 12px 30px rgba(15,23,42,.07); } body.is-ebay-mode .pro-cart__sum h2 { margin: 0 0 .8rem; font-size: 1.1rem; font-weight: 800; color: #0f1f3d; } body.is-ebay-mode .pro-cart__sum dl { margin: 0 0 1rem; } body.is-ebay-mode .pro-cart__sum dl > div { display: flex; justify-content: space-between; gap: .8rem; padding: .4rem 0; font-size: .9rem; } body.is-ebay-mode .pro-cart__sum dt { font-weight: 500; color: #475569; } body.is-ebay-mode .pro-cart__sum dd { margin: 0; font-weight: 700; text-align: right; } body.is-ebay-mode .pro-cart__sum dd.is-muted { color: #64748b; font-weight: 500; font-size: .84rem; } body.is-ebay-mode .pro-cart__sum .is-total { border-top: 1px solid rgba(15,23,42,.1); margin-top: .3rem; padding-top: .7rem; font-size: 1.05rem; } body.is-ebay-mode .pro-cart__sum .is-total dd { font-size: 1.25rem; color: #0f1f3d; } body.is-ebay-mode .pro-cart__sum .is-total small { display: block; font-size: .72rem; color: #64748b; font-weight: 500; } body.is-ebay-mode .pro-cart__btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .7rem 1.2rem; border-radius: 12px; font-weight: 700; text-decoration: none; border: 1px solid rgba(15,23,42,.14); background: #fff; color: #0f1f3d; cursor: pointer; font-size: .92rem; } body.is-ebay-mode .pro-cart__btn:hover { border-color: #2c5fa8; color: #2c5fa8; } body.is-ebay-mode .pro-cart__btn.is-gold { background: linear-gradient(180deg, #e3bb4a, #d4a72c); border-color: #c79a22; color: #0f1f3d; box-shadow: 0 8px 18px rgba(212,167,44,.3); } body.is-ebay-mode .pro-cart__btn.is-gold:hover { background: #0f1f3d; border-color: #0f1f3d; color: #fff; } body.is-ebay-mode .pro-cart__btn.is-block { width: 100%; margin: 0 0 .55rem; box-sizing: border-box; } body.is-ebay-mode .pro-cart__btn[disabled] { opacity: .5; cursor: not-allowed; } body.is-ebay-mode .pro-cart__protect { display: flex; gap: .55rem; margin: .7rem 0 0; padding: .75rem; border-radius: 12px; background: rgba(21,128,61,.08); color: #166534; font-size: .8rem; line-height: 1.4; } body.is-ebay-mode .pro-cart__empty { text-align: center; padding: 3.2rem 1.2rem; background: var(--bs-body-bg, #fff); border: 1px solid rgba(15,23,42,.09); border-radius: 18px; } body.is-ebay-mode .pro-cart__empty-ic { width: 84px; height: 84px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 2rem; color: #2c5fa8; background: rgba(44,95,168,.1); box-shadow: 0 0 0 10px rgba(44,95,168,.05); margin-bottom: 1rem; } body.is-ebay-mode .pro-cart__empty h2 { margin: 0 0 .4rem; font-size: 1.4rem; font-weight: 800; color: #0f1f3d; } body.is-ebay-mode .pro-cart__empty p { margin: 0 auto 1.3rem; max-width: 460px; color: #64748b; } body.is-ebay-mode .pro-cart__empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; } body.is-ebay-mode .pro-cart__extra { margin-top: 1.25rem; background: var(--bs-body-bg, #fff); border: 1px solid rgba(15,23,42,.09); border-radius: 16px; padding: 1.1rem 1.2rem; } body.is-ebay-mode .pro-cart__extra .pro-tab-head { display: flex; margin: 0 0 .7rem; } body.is-ebay-mode .pro-cart__extra h2 { margin: 0; font-size: 1.02rem; font-weight: 800; color: #0f1f3d; } body.is-ebay-mode .pro-cart__strip { display: grid; grid-auto-flow: column; grid-auto-columns: 180px; gap: .9rem; overflow-x: auto; scrollbar-width: none; } body.is-ebay-mode .pro-cart__strip::-webkit-scrollbar { display: none; } body.is-ebay-mode .pro-cart .pro-dash-mini { display: flex; flex-direction: column; gap: .35rem; text-decoration: none; color: inherit; border: 1px solid rgba(15,23,42,.09); border-radius: 12px; overflow: hidden; } body.is-ebay-mode .pro-cart .pro-dash-mini__img { aspect-ratio: 4/3; overflow: hidden; display: block; background: #f1f5f9; } body.is-ebay-mode .pro-cart .pro-dash-mini__img :is(img, picture, span) { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } body.is-ebay-mode .pro-cart .pro-dash-mini__title { padding: 0 .6rem; font-size: .82rem; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.4em; line-height: 1.2; } body.is-ebay-mode .pro-cart .pro-dash-mini__foot { padding: 0 .6rem .6rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .3rem; font-weight: 800; font-size: .85rem; } body.is-ebay-mode .pro-cart .pro-dash-cd { display: inline-flex; gap: .3rem; align-items: center; font-size: .74rem; padding: .05rem .45rem; border-radius: 999px; background: rgba(22,163,74,.12); color: #15803d; } body.is-ebay-mode .pro-cart .pro-dash-cd.pro-cd--warn { background: rgba(217,119,6,.14); color: #b45309; } body.is-ebay-mode .pro-cart .pro-dash-cd.pro-cd--crit { background: rgba(220,38,38,.13); color: #b91c1c; } html[data-bs-theme="dark"] body.is-ebay-mode :is(.pro-cart__group, .pro-cart__sum, .pro-cart__empty, .pro-cart__extra) { background: #121b2d; border-color: rgba(255,255,255,.09); } html[data-bs-theme="dark"] body.is-ebay-mode :is(.pro-cart__ghead, .pro-cart__sum h2, .pro-cart__empty h2, .pro-cart__extra h2, .pro-cart__sum .is-total dd) { color: #e2e8f0; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-cart__sum dt { color: #94a3b8; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-cart__btn:not(.is-gold) { background: #0f172a; color: #e2e8f0; border-color: #24324d; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-cart__protect { background: rgba(74,222,128,.1); color: #86efac; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-cart .pro-dash-mini { border-color: rgba(255,255,255,.09); color: #e2e8f0; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-cart__watch { color: #7fb0ff; } @media (max-width: 1024px) { body.is-ebay-mode .pro-cart__layout { grid-template-columns: minmax(0, 1fr); } body.is-ebay-mode .pro-cart__sum { position: static; } } @media (max-width: 640px) { body.is-ebay-mode .pro-cart { padding: 0 .6rem 2rem; } body.is-ebay-mode .pro-cart__watch { margin-left: 0; } } /* t134: Hero-Top-Angebot – Titel max. 3 Zeilen, kein Beschnitt */ html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__title { font-size: 15.5px !important; line-height: 1.3 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; line-clamp: 3; overflow: hidden !important; max-height: calc(1.3em * 3) !important; height: auto !important; min-height: 0 !important; white-space: normal !important; text-overflow: ellipsis; padding-bottom: 0 !important; flex: 0 0 auto !important; } html[data-lux-root] body.is-ebay-mode .pro-hero-offer .lux-hero-preview__body { height: auto !important; max-height: none !important; overflow: visible !important; } /* ===== t135 Karten: Live-Countdown, Trenner, kompakt, einheitliche Bildbox; t136 Alle Kategorien; t137 Hilfecenter/FAQ (nur eBay, außer Kontrast) ===== */ body.is-ebay-mode .lux-auction-card { grid-template-rows: auto auto 1fr !important; align-content: start; } body.is-ebay-mode .lux-auction-card__top { padding-bottom: .35rem !important; min-height: 0 !important; } body.is-ebay-mode .lux-auction-card .lux-auction-card__image, body.is-ebay-mode .lux-card--xxl .lux-auction-card__image, body.is-ebay-mode .lux-card--highlight .lux-auction-card__image { aspect-ratio: 1 / 1 !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: cover !important; object-position: center; display: block; } body.is-ebay-mode .lux-auction-card__body { position: relative; display: flex !important; flex-direction: column; justify-content: flex-start !important; gap: .3rem !important; padding-top: .6rem !important; margin-top: .55rem; } body.is-ebay-mode .lux-auction-card__body::before { content: ""; position: absolute; left: 0; right: 0; top: -.3rem; height: 1px; background: linear-gradient(90deg, transparent, rgba(15, 31, 61, .28) 18%, rgba(15, 31, 61, .28) 82%, transparent); pointer-events: none; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-auction-card__body::before { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, .38) 18%, rgba(212, 175, 55, .38) 82%, transparent); } body.is-ebay-mode .lux-auction-card__price { margin: 0 !important; min-height: 0 !important; } body.is-ebay-mode .lux-auction-card__title { margin: 0 !important; min-height: 2.6em; } body.is-ebay-mode .lux-auction-card__meta { margin: .1rem 0 0 !important; } body.is-ebay-mode .lux-auction-card__shop { margin: 0 !important; } body.is-ebay-mode .lux-auction-card__cta { margin-top: auto !important; } body.is-ebay-mode .lux-auction-card:not(.has-lrow) .lux-auction-card__body > :nth-last-child(2) { margin-bottom: .45rem !important; } body.is-ebay-mode .lux-auction-card__countdown:not(.lux-auction-card__countdown--static), body.is-ebay-mode .pro-dash-cd > span, body.is-ebay-mode .pro-hero-offer__left > span, body.is-ebay-mode .pro-wl-card__cd span { font-variant-numeric: tabular-nums; letter-spacing: .01em; white-space: nowrap; } @media (max-width: 575.98px) { body.is-ebay-mode .lux-auction-card__countdown { font-size: .68rem !important; padding: .15rem .45rem !important; max-width: calc(100% - 38px); overflow: hidden; text-overflow: clip; } } /* t133 Nachbesserung: Vendor-Hero bei 1024 ohne Überlauf */ @media (max-width: 1199.98px) { body.is-ebay-mode .pro-vdash-hero__side { min-width: 0; max-width: 100%; } body.is-ebay-mode .pro-vdash-quick { flex-wrap: wrap; min-width: 0; } body.is-ebay-mode .pro-vdash-quick .pro-app-btn { min-width: 0; } } /* t136 Alle Kategorien */ body.is-ebay-mode .pro-allcats { max-width: var(--pro-ebay-max, 1660px); margin: 0 auto; padding: 1.25rem 1.25rem 3rem; } .pro-allcats__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.25rem; padding: 1.6rem 1.8rem; border-radius: 18px; background: linear-gradient(135deg, #0f1f3d 0%, #1f4e8c 100%); color: #fff; box-shadow: 0 12px 30px rgba(15, 31, 61, .18); margin-bottom: 1.4rem; position: relative; overflow: hidden; } .pro-allcats__head::after { content: ""; position: absolute; inset: auto 0 0 0; height: 3px; background: linear-gradient(90deg, #d4af37, rgba(212, 175, 55, 0)); } .pro-allcats__eyebrow { margin: 0 0 .3rem; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #e9c96a; } .pro-allcats__title { margin: 0; font-size: clamp(1.5rem, 2.2vw, 2.1rem); font-weight: 800; color: #fff; } .pro-allcats__sub { margin: .35rem 0 0; color: rgba(255, 255, 255, .78); max-width: 60ch; } .pro-allcats__tools { display: flex; flex-direction: column; align-items: flex-end; gap: .5rem; min-width: min(380px, 100%); } .pro-allcats__search { display: flex; align-items: center; gap: .55rem; width: 100%; padding: .6rem .9rem; border-radius: 999px; background: #13284d; border: 1px solid rgba(212, 175, 55, .45); color: #fff; } .pro-allcats__search i { color: #e9c96a; } .pro-allcats__search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: .95rem; } .pro-allcats__search input::placeholder { color: rgba(255, 255, 255, .7); } .pro-allcats__search:focus-within { box-shadow: 0 0 0 3px rgba(212, 175, 55, .35); } .pro-allcats__stat { font-size: .82rem; color: rgba(255, 255, 255, .8); } .pro-allcats__stat strong { color: #fff; } .pro-allcats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.1rem; } @media (max-width: 1199.98px) { .pro-allcats__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .pro-allcats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; } body.is-ebay-mode .pro-allcats { padding: .8rem .7rem 2rem; } .pro-allcats__head { padding: 1.1rem; } .pro-allcats__tools { align-items: stretch; } } .pro-allcats__card { position: relative; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid rgba(15, 31, 61, .1); box-shadow: 0 2px 8px rgba(15, 31, 61, .05); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .pro-allcats__card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(15, 31, 61, .14); border-color: rgba(31, 78, 140, .35); } .pro-allcats__cover { position: absolute; inset: 0; z-index: 1; } .pro-allcats__media { aspect-ratio: 16 / 10; background: #eef3fb; display: flex; align-items: center; justify-content: center; } .pro-allcats__media img { width: 100%; height: 100%; object-fit: contain; display: block; } .pro-allcats__body { position: relative; padding: .9rem 1rem 1rem; display: flex; flex-direction: column; gap: .35rem; flex: 1; } .pro-allcats__body::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(15, 31, 61, .28) 18%, rgba(15, 31, 61, .28) 82%, transparent); } .pro-allcats__name { margin: 0; font-size: 1.12rem; font-weight: 800; color: #0f1f3d; line-height: 1.25; } .pro-allcats__count { margin: 0; font-size: .8rem; font-weight: 700; color: #1f4e8c; } .pro-allcats__chips { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .3rem; } .pro-allcats__chip { display: inline-flex; padding: .22rem .6rem; border-radius: 999px; font-size: .76rem; font-weight: 600; background: #eef3fb; color: #1f3a66 !important; text-decoration: none !important; border: 1px solid transparent; transition: background .15s, border-color .15s; } .pro-allcats__chip:hover, .pro-allcats__chip:focus-visible { background: #fff; border-color: #1f4e8c; outline: 0; } .pro-allcats__chip--more { background: rgba(212, 175, 55, .16); color: #7a5a00 !important; } .pro-allcats__direct { margin: .3rem 0 0; font-size: .82rem; color: #1f4e8c; font-weight: 600; } .pro-allcats__none { text-align: center; padding: 2rem; color: #4b5b78; } .pro-allcats__card.is-hidden { display: none; } html[data-bs-theme="dark"] .pro-allcats__card { background: #111c33; border-color: rgba(212, 175, 55, .16); box-shadow: none; } html[data-bs-theme="dark"] .pro-allcats__card:hover { border-color: rgba(212, 175, 55, .5); box-shadow: 0 14px 30px rgba(0, 0, 0, .45); } html[data-bs-theme="dark"] .pro-allcats__media { background: #0c1528; } html[data-bs-theme="dark"] .pro-allcats__body::before { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, .38) 18%, rgba(212, 175, 55, .38) 82%, transparent); } html[data-bs-theme="dark"] .pro-allcats__name { color: #f2f5fb; } html[data-bs-theme="dark"] .pro-allcats__count, html[data-bs-theme="dark"] .pro-allcats__direct { color: #8fb4ff; } html[data-bs-theme="dark"] .pro-allcats__chip { background: #1a2847; color: #dbe6ff !important; } html[data-bs-theme="dark"] .pro-allcats__chip:hover { border-color: #d4af37; background: #1f3157; } html[data-bs-theme="dark"] .pro-allcats__chip--more { background: rgba(212, 175, 55, .18); color: #f0d27a !important; } html[data-bs-theme="dark"] .pro-allcats__none { color: #b7c3da; } html[data-bs-theme="dark"] .pro-allcats__head { background: linear-gradient(135deg, #0b1630 0%, #17386b 100%); } /* t137 Hilfecenter / FAQ premium (nur eBay) */ body.is-ebay-mode .lux-portal--help, body.is-ebay-mode .lux-portal--faq { max-width: var(--pro-ebay-max, 1660px) !important; width: 100%; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; } body.is-ebay-mode .lux-portal--help .container, body.is-ebay-mode .lux-portal--faq .container { max-width: none !important; } .pro-faq { padding: 1.25rem 0 3rem; } .pro-faq__hero { border-radius: 18px; padding: 1.6rem 1.8rem 1.3rem; background: linear-gradient(135deg, #0f1f3d 0%, #1f4e8c 100%); color: #fff; position: relative; overflow: hidden; margin-bottom: 1.4rem; box-shadow: 0 12px 30px rgba(15, 31, 61, .18); } .pro-faq__hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 3px; background: linear-gradient(90deg, #d4af37, rgba(212, 175, 55, 0)); } .pro-faq__hero-main { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; } .pro-faq__hero-main > div:nth-child(2) { flex: 1; min-width: 220px; } .pro-faq__hero-icon { width: 54px; height: 54px; border-radius: 14px; display: grid; place-items: center; background: rgba(212, 175, 55, .16); color: #e9c96a; font-size: 1.5rem; } .pro-faq__eyebrow { margin: 0 0 .2rem; font-size: .74rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #e9c96a; } .pro-faq__title { margin: 0; font-size: clamp(1.5rem, 2.2vw, 2.1rem); font-weight: 800; color: #fff; } .pro-faq__lead { margin: .3rem 0 0; color: rgba(255, 255, 255, .8); } .pro-faq__stats { display: flex; gap: .6rem; } .pro-faq__stats span { padding: .55rem .9rem; border-radius: 12px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); font-size: .78rem; color: rgba(255, 255, 255, .85); text-align: center; } .pro-faq__stats strong { display: block; font-size: 1.25rem; color: #fff; } .pro-faq__search { margin: 1.2rem auto 0; max-width: 820px; display: flex; align-items: center; gap: .6rem; padding: .35rem .35rem .35rem 1rem; border-radius: 999px; background: #13284d; border: 1px solid rgba(212, 175, 55, .45); } .pro-faq__search:focus-within { box-shadow: 0 0 0 3px rgba(212, 175, 55, .35); } .pro-faq__search-ico { color: #e9c96a; } .pro-faq__input { flex: 1; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; color: #fff !important; font-size: .98rem; padding: .45rem 0; box-shadow: none !important; } .pro-faq__input::placeholder { color: rgba(255, 255, 255, .72); } .pro-faq__btn { border: 0; border-radius: 999px; padding: .55rem 1.2rem; font-weight: 800; background: linear-gradient(180deg, #e2c05f, #c49a3c); color: #1a1405; display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; } .pro-faq__btn:hover, .pro-faq__btn:focus-visible { filter: brightness(1.06); outline: 2px solid #fff; outline-offset: 2px; } .pro-faq__result { margin: .5rem 0 0; text-align: center; font-size: .82rem; color: rgba(255, 255, 255, .85); min-height: 1em; } .pro-faq__layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 1.4rem; align-items: start; } .pro-faq__side { position: sticky; top: calc(var(--pro-topbar-h, 64px) + 16px); } .pro-faq__nav { border-radius: 16px; padding: .8rem; background: #fff; border: 1px solid rgba(15, 31, 61, .1); display: flex; flex-direction: column; gap: .2rem; } .pro-faq__nav-label { margin: .2rem .5rem .5rem; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #4b5b78; } .pro-faq__nav-link { display: flex; align-items: center; gap: .6rem; padding: .55rem .7rem; border-radius: 10px; color: #1f2d45 !important; text-decoration: none !important; font-weight: 600; font-size: .9rem; border-left: 3px solid transparent; transition: background .15s, color .15s; } .pro-faq__nav-link i { width: 1.1rem; text-align: center; color: #1f4e8c; } .pro-faq__nav-link span:nth-of-type(1) { flex: 1; } .pro-faq__count { min-width: 1.6rem; padding: .05rem .45rem; border-radius: 999px; background: #eef3fb; color: #1f3a66; font-size: .72rem; font-weight: 800; text-align: center; } .pro-faq__nav-link:hover, .pro-faq__nav-link:focus-visible { background: #eef3fb; outline: 0; } .pro-faq__nav-link:focus-visible { box-shadow: 0 0 0 2px #1f4e8c; } .pro-faq__nav-link.is-active { background: #0f1f3d; color: #fff !important; border-left-color: #d4af37; } .pro-faq__nav-link.is-active i { color: #e9c96a; } .pro-faq__nav-link.is-active .pro-faq__count { background: #d4af37; color: #1a1405; } .pro-faq__nav-link.is-empty { opacity: .45; } .pro-faq__group { margin-bottom: 1.4rem; scroll-margin-top: calc(var(--pro-topbar-h, 64px) + 20px); } .pro-faq__group-title { display: flex; align-items: center; gap: .6rem; margin: 0 0 .7rem; font-size: 1.15rem; font-weight: 800; color: #0f1f3d; } .pro-faq__group-ico { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #0f1f3d; color: #e9c96a; font-size: .9rem; } .pro-faq__badge { margin-left: .2rem; padding: .05rem .5rem; border-radius: 999px; background: rgba(212, 175, 55, .18); color: #7a5a00; font-size: .74rem; } .pro-faq__list { display: flex; flex-direction: column; gap: .55rem; } .pro-faq__item { border-radius: 14px; background: #fff; border: 1px solid rgba(15, 31, 61, .1); overflow: hidden; transition: border-color .2s, box-shadow .2s; scroll-margin-top: calc(var(--pro-topbar-h, 64px) + 20px); } .pro-faq__item:hover { border-color: rgba(31, 78, 140, .35); } .pro-faq__item[open] { border-color: #1f4e8c; box-shadow: 0 10px 24px rgba(15, 31, 61, .1); border-left: 4px solid #d4af37; } .pro-faq__q { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; cursor: pointer; list-style: none; font-weight: 700; color: #1a2740; line-height: 1.45; } .pro-faq__q::-webkit-details-marker { display: none; } .pro-faq__q:focus-visible { outline: 2px solid #1f4e8c; outline-offset: -2px; border-radius: 14px; } .pro-faq__q-ico { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: #eef3fb; color: #1f4e8c; font-size: .8rem; } .pro-faq__q-text { flex: 1; } .pro-faq__toggle { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid #1f4e8c; position: relative; transition: transform .25s ease, background .2s; } .pro-faq__toggle::before, .pro-faq__toggle::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 2px; margin: -1px 0 0 -5.5px; background: #1f4e8c; border-radius: 2px; transition: transform .25s ease; } .pro-faq__toggle::after { transform: rotate(90deg); } .pro-faq__item[open] .pro-faq__toggle { background: #0f1f3d; border-color: #d4af37; transform: rotate(180deg); } .pro-faq__item[open] .pro-faq__toggle::before, .pro-faq__item[open] .pro-faq__toggle::after { background: #e9c96a; } .pro-faq__item[open] .pro-faq__toggle::after { transform: rotate(0deg); } .pro-faq__item[open] .pro-faq__q { color: #0f1f3d; background: linear-gradient(180deg, rgba(31, 78, 140, .06), transparent); } .pro-faq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .28s ease; } .pro-faq__item.is-open .pro-faq__a, .pro-faq__item[open]:not(.is-anim) .pro-faq__a { grid-template-rows: 1fr; } .pro-faq__a-inner { overflow: hidden; min-height: 0; padding: 0 1rem 0 calc(1rem + 30px + .75rem); } .pro-faq__answer { color: #33415c; line-height: 1.7; font-size: .95rem; padding-bottom: .4rem; } .pro-faq__a-foot { display: flex; flex-wrap: wrap; gap: .5rem; padding: .3rem 0 1rem; } .pro-faq__link { display: inline-flex; align-items: center; gap: .4rem; padding: .38rem .85rem; border-radius: 999px; font-size: .82rem; font-weight: 700; background: #1f4e8c; color: #fff !important; text-decoration: none !important; border: 1px solid #1f4e8c; } .pro-faq__link:hover, .pro-faq__link:focus-visible { background: #0f1f3d; border-color: #0f1f3d; outline: 2px solid #d4af37; outline-offset: 1px; } .pro-faq__link--ghost { background: transparent; color: #1f4e8c !important; } .pro-faq__link--ghost:hover, .pro-faq__link--ghost:focus-visible { color: #fff !important; } .pro-faq__lock { margin: 0 0 .5rem; color: #4b5b78; } .pro-faq mark { background: rgba(212, 175, 55, .35); color: inherit; padding: 0 .1em; border-radius: 3px; } .pro-faq__item.is-hidden, .pro-faq__group.is-hidden { display: none; } .pro-faq__none { padding: 1.5rem; text-align: center; border-radius: 14px; background: #fff; border: 1px dashed rgba(15, 31, 61, .2); color: #33415c; } .pro-faq .pf-help-contact { margin-top: 1.6rem !important; border-radius: 18px; padding: 1.4rem; background: linear-gradient(135deg, #0f1f3d, #1a3a6b); color: #fff; border: 0; } .pro-faq .pf-help-contact h2 { color: #fff; font-weight: 800; } .pro-faq .pf-help-contact .text-secondary, .pro-faq .pf-help-contact .text-muted { color: rgba(255, 255, 255, .78) !important; } .pro-faq .pf-help-contact__grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .9rem; margin: 0 !important; } .pro-faq .pf-help-contact__grid > div { width: auto !important; max-width: none !important; padding: 0 !important; } .pro-faq .pf-help-contact__option { position: relative; height: 100%; padding: 1.1rem; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(212, 175, 55, .28); display: flex; flex-direction: column; gap: .25rem; } .pro-faq .pf-help-contact__icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(212, 175, 55, .18); color: #e9c96a; font-size: 1.1rem; margin-bottom: .3rem; } .pro-faq .pf-help-contact__status { position: absolute; top: .8rem; right: .8rem; } .pro-faq .pf-help-contact .btn { align-self: flex-start; margin-top: auto; border-radius: 999px; font-weight: 700; padding: .4rem 1rem; background: linear-gradient(180deg, #e2c05f, #c49a3c); border: 0; color: #1a1405 !important; text-decoration: none; display: inline-flex; } .pro-faq .pf-help-contact .btn:hover, .pro-faq .pf-help-contact .btn:focus-visible { filter: brightness(1.07); outline: 2px solid #fff; outline-offset: 2px; } @media (max-width: 991.98px) { .pro-faq__layout { grid-template-columns: 1fr; } .pro-faq__side { position: sticky; top: var(--pro-topbar-h, 56px); z-index: 5; margin: 0 -.2rem; } .pro-faq__nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: .45rem; gap: .35rem; border-radius: 14px; box-shadow: 0 6px 16px rgba(15, 31, 61, .08); } .pro-faq__nav::-webkit-scrollbar { display: none; } .pro-faq__nav-label { display: none; } .pro-faq__nav-link { flex: 0 0 auto; white-space: nowrap; border-left: 0; border-bottom: 3px solid transparent; } .pro-faq__nav-link.is-active { border-bottom-color: #d4af37; } } @media (max-width: 575.98px) { body.is-ebay-mode .lux-portal--help, body.is-ebay-mode .lux-portal--faq { padding-left: .7rem; padding-right: .7rem; } .pro-faq__hero { padding: 1.1rem; } .pro-faq__stats { width: 100%; } .pro-faq__stats span { flex: 1; } .pro-faq__btn { padding: .55rem .8rem; font-size: 0; gap: 0; } .pro-faq__btn i { font-size: .95rem; } .pro-faq__a-inner { padding-left: 1rem; } .pro-faq__q { padding: .8rem .85rem; font-size: .93rem; } } html[data-bs-theme="dark"] .pro-faq__hero { background: linear-gradient(135deg, #0b1630 0%, #17386b 100%); } html[data-bs-theme="dark"] .pro-faq__nav, html[data-bs-theme="dark"] .pro-faq__item, html[data-bs-theme="dark"] .pro-faq__none { background: #111c33; border-color: rgba(212, 175, 55, .16); } html[data-bs-theme="dark"] .pro-faq__nav-label { color: #aebbd3; } html[data-bs-theme="dark"] .pro-faq__nav-link { color: #e3e9f5 !important; } html[data-bs-theme="dark"] .pro-faq__nav-link i { color: #8fb4ff; } html[data-bs-theme="dark"] .pro-faq__nav-link:hover, html[data-bs-theme="dark"] .pro-faq__nav-link:focus-visible { background: #1a2847; color: #fff !important; } html[data-bs-theme="dark"] .pro-faq__nav-link:focus-visible { box-shadow: 0 0 0 2px #d4af37; } html[data-bs-theme="dark"] .pro-faq__nav-link.is-active { background: #1f3a6b; color: #fff !important; } html[data-bs-theme="dark"] .pro-faq__count { background: #1f2f52; color: #dbe6ff; } html[data-bs-theme="dark"] .pro-faq__group-title { color: #f2f5fb; } html[data-bs-theme="dark"] .pro-faq__group-ico { background: #1f3a6b; } html[data-bs-theme="dark"] .pro-faq__badge { color: #f0d27a; } html[data-bs-theme="dark"] .pro-faq__q { color: #e8edf7; } html[data-bs-theme="dark"] .pro-faq__q-ico { background: #1a2847; color: #8fb4ff; } html[data-bs-theme="dark"] .pro-faq__toggle { border-color: #8fb4ff; } html[data-bs-theme="dark"] .pro-faq__toggle::before, html[data-bs-theme="dark"] .pro-faq__toggle::after { background: #8fb4ff; } html[data-bs-theme="dark"] .pro-faq__item:hover { border-color: rgba(212, 175, 55, .4); } html[data-bs-theme="dark"] .pro-faq__item[open] { border-color: rgba(212, 175, 55, .55); border-left-color: #d4af37; box-shadow: 0 10px 24px rgba(0, 0, 0, .4); } html[data-bs-theme="dark"] .pro-faq__item[open] .pro-faq__q { color: #fff; background: linear-gradient(180deg, rgba(212, 175, 55, .08), transparent); } html[data-bs-theme="dark"] .pro-faq__answer, html[data-bs-theme="dark"] .pro-faq__lock, html[data-bs-theme="dark"] .pro-faq__none { color: #c9d3e6; } html[data-bs-theme="dark"] .pro-faq__link { background: #2c62b3; border-color: #2c62b3; } html[data-bs-theme="dark"] .pro-faq__link--ghost { background: transparent; color: #a9c6ff !important; border-color: #5a7fbf; } html[data-bs-theme="dark"] .pro-faq__link:hover, html[data-bs-theme="dark"] .pro-faq__link:focus-visible { background: #d4af37; border-color: #d4af37; color: #1a1405 !important; outline-color: #fff; } html[data-bs-theme="dark"] .pro-faq mark { background: rgba(212, 175, 55, .45); color: #fff; } html[data-bs-theme="dark"] .pro-faq .pf-help-contact { background: linear-gradient(135deg, #0b1630, #16325e); } /* t137 Kontrast Hilfecenter-Links im Dark Mode (alle Designs, WCAG AA) */ :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__link { color: #dfe6f3 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__link:hover, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__link:focus-visible, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__link.is-active { color: #fff !important; background: #1f3a6b !important; outline: 0; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__link:focus-visible { box-shadow: 0 0 0 2px #d4af37; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__count, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-badge { color: #dbe6ff !important; background: #1f2f52 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal-nav__label { color: #aebbd3 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-topic-list__title { color: #e8edf7 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-topic-list__meta { color: #a9c6ff !important; border-color: #5a7fbf !important; background: transparent !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-topic-list__link:hover .pf-help-topic-list__meta, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-topic-list__link:focus-visible .pf-help-topic-list__meta { color: #1a1405 !important; background: #d4af37 !important; border-color: #d4af37 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-topic-list__link:focus-visible { outline: 2px solid #d4af37; outline-offset: 2px; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-breadcrumb a, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-portal--help-article .text-muted { color: #a9c6ff !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-breadcrumb .breadcrumb-item.active, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #c9d3e6 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-article__body { color: #d5ddeb !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-contact .btn-outline-primary { color: #a9c6ff !important; border-color: #5a7fbf !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-contact .btn-outline-primary:hover, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-contact .btn-outline-primary:focus-visible { color: #1a1405 !important; background: #d4af37 !important; border-color: #d4af37 !important; } :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-contact .text-secondary, :is(html[data-bs-theme="dark"], html[data-ui-mode="dark"]) .pf-help-contact .text-muted { color: #b7c3da !important; } /* Hilfecenter-Suche im Kopf: Navy statt Schwarz (alle Designs im Dark Mode, eBay zusätzlich hell) */ body.is-ebay-mode .pf-help-search__bar { background: #13284d !important; border: 1px solid rgba(212, 175, 55, .45) !important; } body.is-ebay-mode .pf-help-search__input { background: transparent !important; color: #fff !important; } body.is-ebay-mode .pf-help-search__input::placeholder { color: rgba(255, 255, 255, .72) !important; } body.is-ebay-mode .pf-help-search__icon { color: #e9c96a !important; } body.is-ebay-mode .pf-help-search__submit { background: linear-gradient(180deg, #e2c05f, #c49a3c) !important; color: #1a1405 !important; border: 0 !important; } /* Artikel-Unterseiten eBay-Breite */ body.is-ebay-mode .pf-portal--help-article .container { max-width: 1100px !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pf-portal--help-article .pf-help-article { background: #111c33 !important; border-color: rgba(212, 175, 55, .16) !important; color: #e8edf7; } html[data-bs-theme="dark"] body.is-ebay-mode .pf-portal--help-article h1 { color: #f2f5fb; } /* t136/t137 Nachbesserung */ html[data-lux-root] .pro-allcats__title, html[data-lux-root] .pro-faq__title { color: #fff !important; } .pro-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pro-allcats__media { position: relative; overflow: hidden; } .pro-allcats__media img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: contain; object-position: center; padding: .55rem; box-sizing: border-box; } @media (max-width: 767.98px) { .pro-allcats__media { aspect-ratio: 1 / 1; } .pro-allcats__media img { padding: .45rem; object-fit: contain !important; } } /* t137 Nachbesserung mobil: FAQ-Nav ohne Überlauf */ .pro-faq__layout > * { min-width: 0; } .pro-faq__side, .pro-faq__nav { max-width: 100%; } /* ===== t138 (nur eBay): Avatar-Button zentriert, Karussell-Rahmen nicht abgeschnitten, Weitere Artikel des Verkäufers, Gebote-Hinweis ===== */ body.is-ebay-mode .lux-account-trigger { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; padding: 0 !important; vertical-align: middle; } body.is-ebay-mode .lux-account-trigger__avatar { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; margin: 0 auto !important; flex: 0 0 auto; } body.is-ebay-mode .lux-account-trigger__avatar > i, body.is-ebay-mode .lux-account-trigger__avatar > svg { display: block; line-height: 1 !important; margin: 0 !important; width: auto; height: auto; } body.is-ebay-mode .lux-account-trigger__avatar > i::before { display: block; vertical-align: 0 !important; line-height: 1 !important; } @media (max-width: 767.98px) { body.is-ebay-mode .lux-account-trigger > :not(.lux-account-trigger__avatar) { display: none !important; } body.is-ebay-mode .lux-account-trigger { width: 44px !important; height: 44px !important; min-width: 44px; border-radius: 50% !important; } } /* Karussells: Platz für Rahmen/Hover-Lift */ body.is-ebay-mode :is(.pro-store-row, .pro-strip, .pro-deals__viewport, .lux-home-shop-grid, .pro-mkt [class*="__track"], .pro-mkt [class*="__row"], .pro-mkt [class*="__viewport"], .pro-mkt [class*="__scroll"]) { padding-top: 8px !important; padding-bottom: 12px !important; scroll-padding-inline: 2px; } body.is-ebay-mode .pro-store-row > *, body.is-ebay-mode .pro-strip > * { margin-top: 0 !important; } /* Weitere Artikel des Verkäufers */ body.is-ebay-mode .pro-pdp-more__head { display: flex !important; align-items: center !important; justify-content: space-between; gap: .75rem; flex-wrap: nowrap !important; margin-bottom: .8rem; } body.is-ebay-mode .pro-pdp-more__head h2 { margin: 0 !important; font-size: clamp(1.02rem, 1.6vw, 1.3rem) !important; font-weight: 800; line-height: 1.25; min-width: 0; } body.is-ebay-mode .pro-pdp-more__head > a { flex: 0 1 auto; max-width: 48%; display: inline-flex !important; align-items: center; gap: .25rem; padding: .35rem .8rem !important; border-radius: 999px !important; border: 1px solid #1f4e8c !important; background: transparent !important; color: #1f4e8c !important; font-size: .8rem !important; font-weight: 700; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; box-shadow: none !important; width: auto !important; height: auto !important; } body.is-ebay-mode .pro-pdp-more__head > a::before { content: "Alle von\00a0"; } body.is-ebay-mode .pro-pdp-more__head > a:hover, body.is-ebay-mode .pro-pdp-more__head > a:focus-visible { background: #1f4e8c !important; color: #fff !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-more__head > a { border-color: #d4af37 !important; color: #f0d27a !important; } html[data-bs-theme="dark"] body.is-ebay-mode .pro-pdp-more__head > a:hover { background: #d4af37 !important; color: #1a1405 !important; } @media (max-width: 767.98px) { body.is-ebay-mode .pro-pdp-more__grid { display: grid !important; grid-auto-flow: column; grid-auto-columns: calc((100% - .7rem) / 1.65); grid-template-columns: none !important; gap: .7rem !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 2px 12px !important; margin: 0 -2px; } body.is-ebay-mode .pro-pdp-more__grid::-webkit-scrollbar { display: none; } body.is-ebay-mode .pro-pdp-more__grid > .lux-auction-card { scroll-snap-align: start; padding: .5rem !important; font-size: .9em; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__title { font-size: .86rem !important; min-height: 2.5em; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__price { font-size: .98rem !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__meta { gap: .2rem !important; font-size: .7rem; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__chip--location, body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__shop { display: none !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__cta { padding: .42rem .6rem !important; font-size: .8rem !important; min-height: 0 !important; } } /* Gebote-Hinweis (t139: auch Desktop) */ body.is-ebay-mode .ab-owner-bid-note { display: flex; align-items: flex-start; gap: .55rem; padding: .7rem .85rem !important; border-radius: 12px !important; background: #f3f6fb !important; border: 1px solid rgba(15, 31, 61, .12) !important; border-left: 4px solid #1f4e8c !important; color: #1f2d45 !important; font-size: .86rem !important; line-height: 1.45; } /* t139: Pill kompakt auf Mobil */ @media (max-width: 575.98px) { body.is-ebay-mode .pro-pdp-more__head > a { font-size: 13px !important; line-height: 1.2 !important; padding: 4px 9px !important; max-width: 56%; gap: 2px; flex-shrink: 0; font-weight: 700; } body.is-ebay-mode .pro-pdp-more__head > a i, body.is-ebay-mode .pro-pdp-more__head > a svg { font-size: 12px !important; width: 12px; height: 12px; } body.is-ebay-mode .pro-pdp-more__head h2 { font-size: 1rem !important; } } body.is-ebay-mode .ab-owner-bid-note > i { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; display: inline-grid; place-items: center; background: #0f1f3d; color: #e9c96a; font-size: .78rem !important; line-height: 1; margin-top: .05rem; } html[data-bs-theme="dark"] body.is-ebay-mode .ab-owner-bid-note { background: #111c33 !important; border-color: rgba(212, 175, 55, .2) !important; border-left-color: #d4af37 !important; color: #dfe6f3 !important; } /* ===== t139 (nur eBay): Kartenbild einheitlich 1:1, kein Hochkant (iOS-Flex-Stretch), cover zentriert ===== */ html[data-lux-root] body.is-ebay-mode .lux-auction-card img.lux-auction-card__image, html[data-lux-root] body.is-ebay-mode .lux-card--xxl img.lux-auction-card__image, html[data-lux-root] body.is-ebay-mode .lux-card--highlight img.lux-auction-card__image { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; object-position: center center !important; flex: 0 0 auto !important; align-self: start !important; box-sizing: border-box !important; } /* t139: Avatar-Button mobil auch im Dark-Mode exakt zentriert (Dark-Regel setzte padding 3px 12px 3px 3px) */ html[data-bs-theme] body.is-ebay-mode .lux-header .lux-account-trigger:not(:has(.lux-account-trigger__copy)), html body.is-ebay-mode .lux-account-trigger.lux-account-trigger:not(:has(.lux-account-trigger__copy)) { padding: 0 !important; } @media (max-width: 767.98px) { html[data-bs-theme] body.is-ebay-mode .lux-header .lux-account-trigger, html body.is-ebay-mode .lux-account-trigger.lux-account-trigger { padding: 0 !important; gap: 0 !important; } html[data-bs-theme] body.is-ebay-mode .lux-header .lux-account-trigger > .lux-account-trigger__avatar, html body.is-ebay-mode .lux-account-trigger > .lux-account-trigger__avatar { margin: 0 !important; } } /* ===== t140: Footer mobil (alle Lux-Designs, nur <=767px) – News + Barrierefreiheit in 'Konto', Social in einer Reihe ===== */ .lux-footer .pro-footer-mob { display: none; } @media (max-width: 767.98px) { .lux-footer .pro-footer-mob { display: list-item; list-style: none; margin-top: .5rem; } .lux-footer .pro-footer-pill { cursor: pointer; font: inherit; } .lux-footer .pro-footer-pill .bi { font-size: 1rem; line-height: 1; } .lux-footer .pf-footer-social__link--pill { display: none !important; } .lux-footer .pf-footer-social { display: flex !important; flex-wrap: nowrap !important; justify-content: center; gap: clamp(6px, 2vw, 10px) !important; } .lux-footer .pf-footer-social__link { flex: 0 0 auto; width: clamp(38px, 10.5vw, 44px) !important; height: clamp(38px, 10.5vw, 44px) !important; min-width: 0 !important; padding: 0 !important; } .lux-footer .pf-footer-social__link .bi, .lux-footer .pf-footer-social__link i, .lux-footer .pf-footer-social__link svg { font-size: clamp(15px, 4.4vw, 18px) !important; } .lux-footer__legal-widgets .sf-wave__trigger { display: none !important; } .lux-footer--storefront .lux-footer__legal-inner { padding-bottom: .9rem !important; } } /* t141: verified-seller icon visible (base css forces #fff for the dark-green pill; pro makes pill transparent) */ html[data-lux-root] .ab-seller-verified-kicker .bi, html[data-lux-root] .ab-panel-head .ab-seller-verified-kicker .bi { color: var(--pro-ok, #166534) !important; } html[data-bs-theme="dark"] .ab-seller-verified-icon { color: #4ade80; } /* t141: "Weitere Artikel des Verkäufers" mobile = 2-column grid, max 4 compact cards, nothing clipped */ @media (max-width: 767.98px) { body.is-ebay-mode .pro-pdp-more__grid { grid-auto-flow: row !important; grid-auto-columns: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: .6rem !important; overflow: visible !important; scroll-snap-type: none !important; padding: 0 !important; margin: 0 !important; } body.is-ebay-mode .pro-pdp-more__grid > .lux-auction-card:nth-child(n+5) { display: none !important; } body.is-ebay-mode .pro-pdp-more__grid > .lux-auction-card { padding: .4rem !important; font-size: .85em; min-width: 0; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__top { padding: .3rem !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__countdown { font-size: .66rem !important; padding: 2px 6px !important; height: auto !important; min-height: 0 !important; gap: 3px !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__watch { width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__watch i { font-size: 13px !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__image { aspect-ratio: 1 / 1 !important; height: auto !important; object-fit: cover; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__body { padding: .45rem .15rem .1rem !important; gap: .25rem !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__price { font-size: .92rem !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__title { font-size: .8rem !important; line-height: 1.25 !important; min-height: 2.5em; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__meta { gap: .2rem !important; font-size: .62rem !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__meta > * { font-size: .62rem !important; padding: 1px 5px !important; min-height: 0 !important; line-height: 1.3 !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__chip--protection { display: none !important; } body.is-ebay-mode .pro-pdp-more__grid .lux-auction-card__cta { white-space: nowrap; font-size: .74rem !important; padding: .38rem .3rem !important; overflow: hidden; text-overflow: ellipsis; } } /* t142/t150 (also dashboard topbar .pro-app-top): "Mein auxbid" pill – inner spacing (avatar 4px left, text 14px right), vertically centred */ @media (min-width: 768px) { html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger:has(.lux-account-trigger__copy) { padding: 4px 14px 4px 4px !important; gap: 8px !important; height: auto !important; min-height: 44px; box-sizing: border-box; justify-content: flex-start !important; align-items: center !important; line-height: 1 !important; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger:has(.lux-account-trigger__copy) > .lux-account-trigger__avatar { margin: 0 !important; width: 34px !important; height: 34px !important; flex: 0 0 34px; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger:has(.lux-account-trigger__copy) > .lux-account-trigger__avatar :is(.sf-seller-avatar, img) { width: 34px !important; height: 34px !important; min-width: 0 !important; line-height: 0 !important; display: block; border-radius: 50%; object-fit: cover; margin: 0 !important; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger:has(.lux-account-trigger__copy) > .lux-account-trigger__avatar > i { font-size: 16px; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger .lux-account-trigger__copy { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; line-height: 1.15 !important; white-space: nowrap; min-width: 0; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger .lux-account-trigger__label { font-size: .82rem; font-weight: 700; line-height: 1.15; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger .lux-account-trigger__meta { display: inline-flex; align-items: center; gap: .2rem; margin: 0; font-size: .72rem; font-weight: 600; line-height: 1.15; opacity: .88; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } html[data-bs-theme] body.is-ebay-mode :is(.lux-header, .pro-app-top) .lux-account-trigger .lux-account-trigger__meta .ab-seller-feedback-badge { margin-left: .15rem; font-weight: 700; color: inherit; text-decoration: none; } } /* t142: list view – heart on the price line (right), price kept clear of it */ @media (min-width: 641px) { body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow>.lux-lrow__side { padding-top: 13px !important; } body.is-ebay-mode .lux-grid[data-lux-view-mode="list"]>.has-lrow .lux-lrow__price { padding-right: 56px; min-height: 34px; display: flex; align-items: center; justify-content: flex-end; } } /* t142: mega menu – empty counts subdued */ body.is-ebay-mode .market-root-item.is-empty .market-root-count { opacity: .45; } /* t142: guest (icon only) round 44px on desktop */ @media (min-width: 768px) { html[data-bs-theme] body.is-ebay-mode .lux-header .lux-account-trigger:not(:has(.lux-account-trigger__copy)) { width: 44px !important; min-width: 44px !important; height: 44px !important; border-radius: 50% !important; } } /* t154: hero chip icons (vendor + buyer dashboard hero, navy) in house gold, light + dark */ html[data-bs-theme] body .pro-app-hero .pro-app-chip > i, html[data-bs-theme] body .pro-app-hero .pro-app-chip > a > i, html[data-bs-theme] body .pro-app-hero .pro-app-chip i.fa-solid, html[data-bs-theme] body .pro-app-hero .pro-app-chip i.fa-regular { color: #d4af37 !important; opacity: 1 !important; } /* t156: card spacing image -> 10px -> divider -> 10px -> price (all auction card grids/strips) */ html[data-lux-root] body.is-ebay-mode .lux-auction-card > .lux-auction-card__body { margin-top: 10px !important; padding-top: 10px !important; min-height: 0 !important; flex: 1 1 auto; } html[data-lux-root] body.is-ebay-mode .lux-auction-card > .lux-auction-card__body::before { top: 0 !important; } html[data-lux-root] body.is-ebay-mode .lux-auction-card { display: flex !important; flex-direction: column; height: 100%; } html[data-lux-root] body.is-ebay-mode .lux-auction-card > img.lux-auction-card__image { margin-bottom: 0 !important; } html[data-lux-root] body.is-ebay-mode .lux-auction-card__body > :last-child { margin-top: auto; } /* t157: equal header icon spacing + separator before "Mein Auxbid" also in dashboard topbar */ body.is-ebay-mode :is(header .lux-nav, .pro-app-top__actions) { column-gap: .35rem !important; } body.is-ebay-mode :is(header .lux-nav, .pro-app-top__actions) .pro-hswitch { gap: .35rem !important; margin: 0 !important; } body.is-ebay-mode .pro-app-top__actions > .lux-account-menu { margin-left: .35rem; padding-left: .6rem; border-left: 1px solid rgba(15,23,42,.12); } html[data-bs-theme="dark"] body.is-ebay-mode .pro-app-top__actions > .lux-account-menu { border-left-color: rgba(255,255,255,.14); } body.is-ebay-mode :is(header .lux-nav, .pro-app-top__actions) .lux-notifications-menu { margin: 0 !important; position: relative; } /* Only the bell count badge — NOT panel__badges (substring match broke the dropdown layout) */ body.is-ebay-mode :is(header .lux-nav, .pro-app-top__actions) .lux-notifications-menu .lux-notifications-trigger > .lux-badge, body.is-ebay-mode :is(header .lux-nav, .pro-app-top__actions) .lux-notifications-menu [data-lux-notifications-badge] { position: absolute !important; } /* Account topbar notification panel: opaque, anchored to bell, above page content */ body.pro-app .pro-app-top { z-index: 80; overflow: visible; } body.pro-app .pro-app-top__actions { overflow: visible; position: relative; z-index: 2; } body.pro-app .lux-notifications-menu { position: relative; z-index: 3; } body.pro-app .lux-notifications-panel, html[data-lux-root] body.pro-app .lux-notifications-panel { position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; width: min(22.5rem, calc(100vw - 1.5rem)) !important; max-height: min(70vh, 28rem); display: flex; flex-direction: column; background: var(--pa-card, #fff) !important; background-color: var(--pa-card, #fff) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid var(--pa-line, rgba(15,23,42,.12)) !important; border-radius: 14px !important; box-shadow: 0 18px 40px rgba(15, 23, 42, .18) !important; z-index: 200 !important; overflow: hidden; } body.pro-app .lux-notifications-panel[hidden] { display: none !important; } body.pro-app .lux-notifications-panel__list { flex: 1 1 auto; max-height: min(40vh, 16rem); } body.pro-app .lux-notifications-panel__badges { position: static !important; display: flex !important; flex-wrap: wrap; gap: .35rem; } html[data-bs-theme="dark"] body.pro-app .lux-notifications-panel { background: var(--pa-card, #121b2d) !important; background-color: var(--pa-card, #121b2d) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, .45) !important; } /* t158: /auctions + search – wide premium navy hero; ≥1100px: copy left / search right fills empty space */ body.is-ebay-mode .lux-search-page > .lux-pagehead--search { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: .35rem 2rem; max-width: none !important; width: 100% !important; margin: 1rem 0 1.5rem !important; padding: 2.4rem 2.75rem 2rem !important; border-radius: 22px; overflow: hidden; text-align: left; background: radial-gradient(1200px 300px at 85% -40%, rgba(212,175,55,.22), transparent 60%), linear-gradient(135deg, #0b1a36 0%, #13284f 60%, #0f2145 100%); color: #fff; box-shadow: 0 18px 40px rgba(11,26,54,.18); box-sizing: border-box; align-items: start; } body.is-ebay-mode .lux-search-page > .lux-pagehead--search::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, #d4af37, #f2d67a); } body.is-ebay-mode .lux-pagehead--search .lux-eyebrow { color: #d4af37 !important; letter-spacing: .14em; font-weight: 800; margin: 0; } body.is-ebay-mode .lux-pagehead--search .lux-h1 { color: #fff !important; font-size: clamp(1.7rem, 2.4vw, 2.5rem) !important; margin: .2rem 0 .35rem; max-width: 28ch; } body.is-ebay-mode .lux-pagehead--search .lux-lead { color: rgba(255,255,255,.78) !important; max-width: 42ch; margin: 0; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search { display: flex; flex-wrap: wrap; gap: .6rem; width: 100% !important; max-width: none !important; margin: 1.2rem 0 0 !important; padding: .55rem !important; border-radius: 16px; background: #fff; color: #0f172a; box-shadow: 0 10px 30px rgba(0,0,0,.22); box-sizing: border-box; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-input, body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-select { flex: 1 1 160px; min-height: 52px; font-size: 1.02rem; border-radius: 12px; color: #0f172a !important; -webkit-text-fill-color: #0f172a; background: #fff !important; border: 1px solid rgba(15, 23, 42, .14) !important; opacity: 1 !important; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-input { flex: 1 1 220px; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-input::placeholder { color: #64748b !important; -webkit-text-fill-color: #64748b; opacity: 1 !important; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-select { appearance: auto; -webkit-appearance: menulist; cursor: pointer; background-image: none !important; padding-right: 2rem; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-select option { color: #0f172a; background: #fff; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-btn { min-height: 52px; padding: 0 1.8rem; border-radius: 12px; background: #d4af37 !important; border-color: #d4af37 !important; color: #0b1a36 !important; -webkit-text-fill-color: #0b1a36; font-weight: 800; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search { background: #111a2e; color: #e2e8f0; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-input, html[data-bs-theme="dark"] body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-select { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0; background: #0f1828 !important; border-color: rgba(255,255,255,.16) !important; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-input::placeholder { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8; } html[data-bs-theme="dark"] body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-select option { color: #e2e8f0; background: #0f1828; } body.is-ebay-mode .lux-pagehead--search .pro-stype { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .45rem; width: 100%; } body.is-ebay-mode .lux-pagehead--search .pro-stype__chip { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.22) !important; color: #fff !important; padding: .5rem 1rem; } body.is-ebay-mode .lux-pagehead--search .pro-stype__chip span { background: rgba(212,175,55,.22) !important; color: #f2d67a; } body.is-ebay-mode .lux-pagehead--search .pro-stype__chip:hover { border-color: #d4af37 !important; } body.is-ebay-mode .lux-pagehead--search .pro-stype__chip.is-active { background: #d4af37 !important; border-color: #d4af37 !important; color: #0b1a36 !important; } body.is-ebay-mode .lux-pagehead--search .pro-stype__chip.is-active span { background: rgba(11,26,54,.15) !important; color: #0b1a36; } @media (min-width: 1100px) { body.is-ebay-mode .lux-search-page > .lux-pagehead--search { grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.35fr); align-items: center; } body.is-ebay-mode .lux-pagehead--search .lux-eyebrow { grid-column: 1; grid-row: 1; } body.is-ebay-mode .lux-pagehead--search .lux-h1 { grid-column: 1; grid-row: 2; max-width: none; } body.is-ebay-mode .lux-pagehead--search .lux-lead { grid-column: 1; grid-row: 3; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search { grid-column: 2; grid-row: 1 / span 3; margin: 0 !important; align-self: center; } body.is-ebay-mode .lux-pagehead--search .pro-stype { grid-column: 1 / -1; grid-row: 4; margin-top: 1.15rem; } } @media (max-width: 767px) { body.is-ebay-mode .lux-search-page > .lux-pagehead--search { padding: 1.5rem 1.1rem 1.2rem !important; border-radius: 16px; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-select { flex: 1 1 45%; } body.is-ebay-mode .lux-pagehead--search .lux-filterbar--search .lux-btn { flex: 1 1 100%; } } /* t158: marketplace sections on the search/auctions page use the same container width as the grid */ body.is-ebay-mode .lux-search-page .pro-smkt, body.is-ebay-mode .lux-search-page .pro-smkt__auch { width: 100%; max-width: none; margin-left: 0; margin-right: 0; } @media (min-width: 1400px) { html[data-lux-root] body.is-ebay-mode .lux-search-page .pro-smkt__grid.lux-mkt-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } /* t159: Kauf vs. Miete badges clearly different (WCAG AA, light + dark) */ html body .lux-mkt-type-badge { gap: .3rem; } html body .lux-mkt-type-badge i { font-size: .85em; line-height: 1; } html body .lux-mkt-type-badge.lux-mkt-type-badge--sale { background: #0f1f3d !important; color: #f2d67a !important; border: 1px solid #0f1f3d !important; } html body .lux-mkt-type-badge.lux-mkt-type-badge--rent { background: #ccfbf1 !important; color: #0f5f58 !important; border: 1px solid #5eead4 !important; } html[data-bs-theme="dark"] body .lux-mkt-type-badge.lux-mkt-type-badge--sale { background: #d4af37 !important; color: #0b1a36 !important; border-color: #d4af37 !important; } html[data-bs-theme="dark"] body .lux-mkt-type-badge.lux-mkt-type-badge--rent { background: rgba(45,212,191,.14) !important; color: #5eead4 !important; border-color: rgba(94,234,212,.5) !important; } /* t160: roomier "Mein Auxbid" dropdown on desktop (>=1024px), eBay mode */ @media (min-width: 1024px) { html[data-bs-theme] body.is-ebay-mode .lux-account-dropdown.pro-pd { width: 340px !important; max-height: calc(100vh - 76px); overflow-y: auto !important; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__head { padding: 17px 18px !important; gap: .85rem; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__who strong { font-size: 16px !important; font-weight: 600 !important; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__who small { font-size: 13.5px !important; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__role { font-size: 12.5px !important; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__link { font-size: 15px !important; padding: 9px 16px !important; gap: .8rem; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__ic { width: 26px !important; height: 26px !important; font-size: 17px !important; flex: 0 0 26px; } html[data-bs-theme] body.is-ebay-mode .pro-pd .pro-pd__sec { font-size: 11.5px !important; padding: 10px 18px 4px !important; } } /* t161: dashboard sidebar logo same size as the index header logo (48px high) and centred – eBay mode, desktop */ @media (min-width: 1024px) { body.is-ebay-mode.pro-app .pro-app-nav__brand { position: relative; justify-content: center !important; padding: .9rem 1rem !important; min-height: 80px; } body.is-ebay-mode.pro-app .pro-app-nav__brand > a, body.is-ebay-mode.pro-app .pro-app-nav__brand > a > picture { display: flex; justify-content: center; align-items: center; margin: 0 auto; max-width: 100%; } body.is-ebay-mode.pro-app .pro-app-nav__brand img { height: 48px !important; width: auto !important; max-width: 100% !important; max-height: 48px !important; object-fit: contain; } body.is-ebay-mode.pro-app .pro-app-nav__brand > button { position: absolute; right: .6rem; top: 50%; transform: translateY(-50%); } } /* t162: grid card image inside card (t156 flex column + t125c width:auto/align-self:start => intrinsic width overflow) */ html[data-lux-root] body.is-ebay-mode :not([data-lux-view-mode="list"])>.lux-auction-card>img.media-image, html[data-lux-root] body.is-ebay-mode :not([data-lux-view-mode="list"])>.lux-auction-card>img.lux-auction-card__image{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;margin-left:12px!important;margin-right:12px!important;align-self:center!important;flex:0 0 auto!important;aspect-ratio:1/1!important;height:auto!important;box-sizing:border-box!important} @media (max-width:480px){html[data-lux-root] body.is-ebay-mode .lux-auction-card .lux-auction-card__body>.lux-btn:last-child{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-height:40px;padding-left:8px!important;padding-right:8px!important;font-size:.84rem!important}} /* t163: card top row (watch heart, Sofortkauf/countdown) above the image (img z2 later in DOM painted over the overflowing heart) */ html[data-lux-root] body.is-ebay-mode .lux-auction-card>.lux-auction-card__top{z-index:5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding-top:6px!important;padding-bottom:4px!important;box-sizing:border-box!important} html[data-lux-root] body.is-ebay-mode .lux-auction-card>.lux-auction-card__top .lux-auction-card__watch{position:relative!important;top:auto!important;margin-top:0!important;margin-bottom:0!important;transform:none!important} /* t163: Im Fokus collage – 2 thumbs side by side next to the hero image, square-ish cells */ body.is-ebay-mode .pro-theme__collage--3{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important} body.is-ebay-mode .pro-theme__collage--3 .pro-theme__ph:first-child{grid-row:auto!important} body.is-ebay-mode .pro-theme__collage--3 .pro-theme__ph img,body.is-ebay-mode .pro-theme__collage--3 .pro-theme__ph img.pro-var{object-fit:contain!important;object-position:center!important;padding:6px} @media (max-width:767.98px){body.is-ebay-mode .pro-theme__collage--3{min-height:0!important}body.is-ebay-mode .pro-theme__collage--3 .pro-theme__ph{aspect-ratio:1/1}body.is-ebay-mode .pro-theme__collage--3 .pro-theme__ph:first-child{aspect-ratio:auto}} /* t166: premium followed shops (eBay mode) — scoped to .pro-fs--shops so mobile filter drawer (.pro-fs) is not affected */ body.is-ebay-mode .pro-fs--shops{width:100%;max-width:none;display:flex;flex-direction:column;gap:20px} body.is-ebay-mode .pro-fs--shops > .pro-fs__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:26px 28px;border-radius:18px;background:linear-gradient(120deg,#0f2a52 0%,#183d74 55%,#21508f 100%);color:#fff;box-shadow:0 10px 30px rgba(15,42,82,.18)} body.is-ebay-mode .pro-fs--shops .pro-fs__kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d4af37;margin-bottom:6px} body.is-ebay-mode .pro-fs--shops .pro-fs__title{margin:0;font-size:30px;font-weight:800;color:#fff;line-height:1.15} body.is-ebay-mode .pro-fs--shops .pro-fs__sub{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:15px} body.is-ebay-mode .pro-fs--shops .pro-fs__head-side{display:flex;gap:10px;flex-wrap:wrap;align-items:center} body.is-ebay-mode .pro-fs--shops .pro-fs__count{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.55);color:#f3d77a;font-weight:700;font-size:14px} body.is-ebay-mode .pro-fs--shops .pro-fs__all{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-weight:600;font-size:14px} body.is-ebay-mode .pro-fs--shops .pro-fs__all:hover{background:rgba(255,255,255,.1);color:#fff} body.is-ebay-mode .pro-fs--shops .pro-fs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} body.is-ebay-mode .pro-fs--shops .pro-fs__grid--one{grid-template-columns:minmax(0,1fr)} @media(max-width:1199.98px){body.is-ebay-mode .pro-fs--shops .pro-fs__grid{grid-template-columns:minmax(0,1fr)}} body.is-ebay-mode .pro-fs--shops .pro-fs__card{position:relative;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(15,23,42,.06)} body.is-ebay-mode .pro-fs--shops .pro-fs__cover{position:relative;height:96px;background:linear-gradient(120deg,#0f2a52,#21508f 60%,#b8912a 140%) center/cover no-repeat} body.is-ebay-mode .pro-fs--shops .pro-fs__follow{position:absolute;top:14px;right:16px} body.is-ebay-mode .pro-fs--shops .pro-fs__follow .pro-follow{background:rgba(255,255,255,.95)!important;border-color:#d4af37!important;color:#8a6a10!important;font-weight:700} body.is-ebay-mode .pro-fs--shops .pro-fs__follow .pro-follow.is-following i{color:#d4af37} body.is-ebay-mode .pro-fs--shops .pro-fs__info{display:flex;align-items:flex-end;gap:16px;padding:0 24px;margin-top:-38px;position:relative} body.is-ebay-mode .pro-fs--shops .pro-fs__logo{flex:0 0 84px;width:84px;height:84px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,#1d4ed8,#0f2a52);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:800;font-size:26px;text-decoration:none;box-shadow:0 6px 16px rgba(15,23,42,.18)} body.is-ebay-mode .pro-fs--shops .pro-fs__logo img{width:100%;height:100%;object-fit:cover;background:#fff} body.is-ebay-mode .pro-fs--shops .pro-fs__id{flex:1 1 auto;min-width:0;padding-bottom:4px} body.is-ebay-mode .pro-fs--shops .pro-fs__name{margin:0;font-size:21px;font-weight:800;display:flex;flex-wrap:wrap;align-items:center;gap:8px} body.is-ebay-mode .pro-fs--shops .pro-fs__name a{color:#0f2a52;text-decoration:none} body.is-ebay-mode .pro-fs--shops .pro-fs__ver{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(212,175,55,.15);color:#8a6a10} body.is-ebay-mode .pro-fs--shops .pro-fs__rating{margin-top:4px;color:#475569;font-size:14px} body.is-ebay-mode .pro-fs--shops .pro-fs__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#0f2a52;color:#fff!important;font-weight:700;text-decoration:none;white-space:nowrap;margin-bottom:4px} body.is-ebay-mode .pro-fs--shops .pro-fs__btn:hover{background:#183d74} body.is-ebay-mode .pro-fs--shops .pro-fs__stats{list-style:none;margin:16px 24px 0;padding:12px 0;display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid rgba(15,23,42,.07);border-bottom:1px solid rgba(15,23,42,.07);color:#475569;font-size:14px} body.is-ebay-mode .pro-fs--shops .pro-fs__stats li{display:inline-flex;align-items:center;gap:7px} body.is-ebay-mode .pro-fs--shops .pro-fs__stats i{color:#b8912a} body.is-ebay-mode .pro-fs--shops .pro-fs__stats strong{color:#0f2a52} body.is-ebay-mode .pro-fs--shops .pro-fs__offers{padding:16px 24px 22px} body.is-ebay-mode .pro-fs--shops .pro-fs__offers-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px} body.is-ebay-mode .pro-fs--shops .pro-fs__offers-head h3{margin:0;font-size:16px;font-weight:800;color:#0f2a52} body.is-ebay-mode .pro-fs--shops .pro-fs__offers-head a{font-weight:600;font-size:14px;color:#2c5fa8;text-decoration:none} body.is-ebay-mode .pro-fs--shops .pro-fs__items{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important} body.is-ebay-mode .pro-fs--shops .pro-fs__grid:not(.pro-fs__grid--one) .pro-fs__items{grid-template-columns:repeat(2,minmax(0,1fr))!important} @media(min-width:1600px){body.is-ebay-mode .pro-fs--shops .pro-fs__grid:not(.pro-fs__grid--one) .pro-fs__items{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:1199.98px){body.is-ebay-mode .pro-fs--shops .pro-fs__items{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:767.98px){body.is-ebay-mode .pro-fs--shops .pro-fs__items{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.is-ebay-mode .pro-fs--shops > .pro-fs__head{padding:20px 18px}body.is-ebay-mode .pro-fs--shops .pro-fs__title{font-size:24px} body.is-ebay-mode .pro-fs--shops .pro-fs__info{flex-wrap:wrap;padding:0 16px}body.is-ebay-mode .pro-fs--shops .pro-fs__btn{width:100%;justify-content:center} body.is-ebay-mode .pro-fs--shops .pro-fs__stats{margin:14px 16px 0}body.is-ebay-mode .pro-fs--shops .pro-fs__offers{padding:14px 16px 18px}} body.is-ebay-mode .pro-fs--shops .pro-fs__none,body.is-ebay-mode .pro-fs--shops .pro-fs__empty{display:flex;align-items:center;gap:10px;margin:0;padding:18px;border-radius:14px;background:#f5f7fb;color:#475569} body.is-ebay-mode .pro-fs--shops .pro-fs__empty{flex-direction:column;text-align:center;padding:48px 24px;background:#fff;border:1px dashed rgba(15,42,82,.2)} body.is-ebay-mode .pro-fs--shops .pro-fs__empty-ico{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#d4af37;background:linear-gradient(135deg,#0f2a52,#21508f)} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__card,html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__empty{background:#121b2b;border-color:rgba(255,255,255,.08)} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__logo{border-color:#121b2b} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__name a,html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__offers-head h3,html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__stats strong{color:#f1f5f9} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__rating,html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__stats,html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__none,html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__empty{color:#cbd5e1} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__stats{border-color:rgba(255,255,255,.08)} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__none{background:#0f1726} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__btn{background:#d4af37;color:#0f2a52!important} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__offers-head a{color:#f3d77a} html[data-bs-theme="dark"] body.is-ebay-mode .pro-fs--shops .pro-fs__ver{color:#f3d77a} body.is-ebay-mode .pro-fs--shops .pro-fs__grid{align-items:start} body.is-ebay-mode .pro-fs--shops .pro-fs__info{margin-top:-30px;align-items:flex-end} body.is-ebay-mode .pro-fs--shops .pro-fs__id{padding-top:34px} /* Mobile filter drawer must stay hidden on desktop even if [hidden] is overridden elsewhere */ .pro-fs[hidden]{display:none!important} @media (min-width:992px){.pro-fs:not(.pro-fs--shops){display:none!important}} /* t167: similar auctions grid + share row + report */ html[data-lux-root] .ab-similar-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0!important} html[data-lux-root] .ab-similar-grid>*{width:100%!important;justify-self:stretch!important;max-width:none!important;padding:0!important;margin:0!important} @media(max-width:1399.98px){html[data-lux-root] .ab-similar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:1199.98px){html[data-lux-root] .ab-similar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:991.98px){html[data-lux-root] .ab-similar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:575.98px){html[data-lux-root] .ab-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}} html[data-lux-root] .ab-similar-grid .ab-mini-listing{padding:12px!important;gap:8px;border:1px solid var(--pro-line,rgba(15,23,42,.08));background:var(--pro-card,#fff)} html[data-lux-root] .ab-similar-grid .ab-mini-media{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f4f5f7!important} html[data-lux-root] .ab-similar-grid .ab-mini-media img{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;padding:6px;margin:0!important;background:transparent} html[data-bs-theme="dark"] .ab-similar-grid .ab-mini-media{background:#1d2433!important} html[data-lux-root] .ab-similar-grid .ab-mini-listing__price{margin-top:auto!important;padding-top:8px;border-top:1px solid var(--pro-line,rgba(15,23,42,.08));font-weight:800;font-size:1rem;color:var(--pro-ink,#0f172a)} .pro-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,42,82,.1);background:linear-gradient(120deg,rgba(15,42,82,.04),rgba(212,175,55,.06))} .pro-share__label{font-size:13px;font-weight:700;color:#0f2a52;display:inline-flex;gap:6px;align-items:center;text-transform:uppercase;letter-spacing:.06em} .pro-share__label i{color:#b8912a} .pro-share__btns{display:flex;flex-wrap:wrap;gap:8px} .pro-share__btn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,42,82,.18);background:#fff;color:#0f2a52;font-size:16px;text-decoration:none;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s} .pro-share__btn:hover,.pro-share__btn:focus-visible{transform:translateY(-1px);color:#fff;border-color:transparent} .pro-share__btn--copy:hover,.pro-share__btn--native:hover,.pro-share__btn.is-done{background:#0f2a52;color:#d4af37;border-color:#0f2a52} .pro-share__btn--wa:hover{background:#25d366}.pro-share__btn--fb:hover{background:#1877f2}.pro-share__btn--x:hover{background:#000} .pro-share__btn--li:hover{background:#0a66c2}.pro-share__btn--pi:hover{background:#e60023}.pro-share__btn--mail:hover{background:#b8912a} html[data-bs-theme="dark"] .pro-share{border-color:rgba(255,255,255,.08);background:linear-gradient(120deg,rgba(255,255,255,.03),rgba(212,175,55,.07))} html[data-bs-theme="dark"] .pro-share__label{color:#e2e8f0} html[data-bs-theme="dark"] .pro-share__btn{background:#121b2b;color:#e2e8f0;border-color:rgba(255,255,255,.14)} html[data-bs-theme="dark"] .pro-share__btn:hover{color:#fff} .pro-report-btn i{color:#b42318} .pro-report-btn:hover{background:#fef3f2!important;border-color:#f04438!important} html[data-bs-theme="dark"] .pro-report-btn:hover{background:rgba(240,68,56,.14)!important} .pro-report-modal .modal-content{border-radius:18px;border:0;overflow:hidden} .pro-report-modal .modal-header{gap:10px;background:linear-gradient(120deg,#0f2a52,#21508f);color:#fff;border:0} .pro-report-modal .modal-header .btn-close{filter:invert(1)} .pro-report-modal__ico{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(212,175,55,.2);color:#d4af37} .pro-report-modal__send{background:#0f2a52;color:#fff;border-radius:999px;padding:.5rem 1.1rem;font-weight:700} .pro-report-modal__send:hover{background:#183d74;color:#fff} .pro-report-modal__msg{padding:10px 12px;border-radius:10px;font-weight:600} .pro-report-modal__msg.is-ok{background:#ecfdf3;color:#067647}.pro-report-modal__msg.is-err{background:#fef3f2;color:#b42318} html[data-lux-root] body .ab-mini-card .row.ab-similar-grid>[class*="col-"]{width:100%!important;max-width:100%!important;flex:none!important;justify-self:stretch!important} html[data-lux-root] .ab-similar-grid .ab-mini-card__link{display:block;height:100%} html[data-lux-root] #pro-report-modal{z-index:20050!important} /* t168: mega menu 10px below header, taller, left list scrolls */ @media (min-width: 992px) { html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-cat-drop .dropdown-menu.market-categories-menu { top: calc(var(--pro-pt, 64px) + 4px) !important; height: min(640px, calc(100dvh - var(--pro-pt, 64px) - 28px)) !important; max-height: none !important; overflow: hidden !important; min-width: 0 !important; width: min(var(--pro-pw, 1100px), calc(100vw - var(--pro-pl, 16px) - 16px)) !important; } html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-categories-shell { height: 100% !important; max-height: none !important; } html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-categories-left, html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-categories-right { max-height: none !important; height: 100% !important; overflow-y: auto !important; } html[data-lux-root] body.is-ebay-mode .lux-header--storefront .market-cat-drop .dropdown-menu.market-categories-menu::before { top: -16px !important; height: 16px !important; } } /* t169: share icons one row on mobile */ @media (max-width: 575.98px) { .pro-share{padding:10px;gap:8px} .pro-share__btns{flex:1 1 100%;width:100%;flex-wrap:nowrap;justify-content:space-between;gap:2px} .pro-share__btn{flex:0 1 34px;width:34px;min-width:32px;height:34px;font-size:15px} } /* t171: desktop share box in right column under facts */ .pro-share--aside{display:none} @media (min-width: 992px) { html[data-lux-root] .pro-share--main{display:none!important} html[data-lux-root] .ab-auction-panel .pro-share--aside{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;margin-top:12px} html[data-lux-root] .pro-share--aside .pro-share__btns{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:6px} html[data-lux-root] .pro-share--aside .pro-share__btn{width:36px;height:36px;flex:0 0 36px} } @media (min-width: 992px) { html[data-lux-root] .ab-auction-panel{min-width:0} html[data-lux-root] .ab-auction-panel .pro-pdp-facts,html[data-lux-root] .ab-auction-panel .pro-share--aside{box-sizing:border-box;width:auto!important;max-width:100%!important;min-width:0!important} html[data-lux-root] .ab-auction-panel .pro-pdp-facts dd{min-width:0;overflow-wrap:anywhere} html[data-lux-root] .pro-share--aside{gap:8px;padding:10px 12px} html[data-lux-root] .pro-share--aside .pro-share__btns{gap:4px;flex-wrap:nowrap} } @media (min-width: 992px) and (max-width: 1199.98px) { html[data-lux-root] .pro-share--aside .pro-share__label{font-size:0} html[data-lux-root] .pro-share--aside .pro-share__label i{font-size:14px} html[data-lux-root] .pro-share--aside .pro-share__btn{width:34px;height:34px;flex-basis:34px} } @media (min-width: 992px){html[data-lux-root] .ab-auction-panel{grid-template-columns:minmax(0,1fr)!important}html[data-lux-root] .ab-auction-panel>*{min-width:0;max-width:100%}} /* t172: mega menu richer right pane + filter */ @media (min-width: 992px) { html[data-lux-root] .lux-header--storefront .market-categories-right.pro-mm-on{display:flex!important;flex-direction:column;min-height:0;overflow:hidden!important;padding:16px 20px!important} html[data-lux-root] .lux-header--storefront .pro-mm-on .market-categories-content{display:none!important} html[data-lux-root] .lux-header--storefront .pro-mm-on .market-categories-head{flex:none} .pro-mm{flex:1 1 auto;min-height:0;overflow:hidden;padding:4px 2px 6px;display:flex;flex-direction:column;gap:18px} .pro-mm__main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start} .pro-mm__h{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 10px} .pro-mm__subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px} .pro-mm__sub{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(15,42,82,.08);border-radius:12px;background:#fff;color:#0f2a52;text-decoration:none;font-weight:600;font-size:14px;line-height:1.25;transition:border-color .15s,box-shadow .15s,transform .15s} .pro-mm__sub:hover{border-color:#d4af37;box-shadow:0 6px 18px rgba(15,42,82,.1);transform:translateY(-1px);color:#0f2a52} .pro-mm__sub.is-empty{opacity:.6} .pro-mm__subico{flex:none;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(212,175,55,.14);color:#b8912a;font-size:15px} .pro-mm__subname{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis} .pro-mm__subname small{display:block;font-size:11px;font-weight:600;color:#94a3b8} .pro-mm__chip{flex:none;min-width:26px;padding:2px 8px;border-radius:999px;background:#eef2f8;color:#0f2a52;font-size:12px;font-weight:700;text-align:center} .pro-mm__promo{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#eef3fb,#f8f3e3);text-decoration:none;color:#0f2a52;border:1px solid rgba(15,42,82,.08)} .pro-mm__promo img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:14px;display:block} .pro-mm__promo-t{padding:0 16px;font-weight:800;font-size:17px} .pro-mm__promo-t small{display:block;font-weight:600;font-size:12px;color:#64748b} .pro-mm__cta{margin:12px 16px 16px;padding:9px 14px;border-radius:10px;background:#0f2a52;color:#fff;font-weight:700;font-size:13px;text-align:center} .pro-mm__promo:hover .pro-mm__cta{background:#d4af37;color:#0f2a52} .pro-mm__lots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .pro-mm__lot{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#0f2a52;font-size:13px;min-width:0} .pro-mm__lotimg{aspect-ratio:1/1;border-radius:12px;background:#f3f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(15,42,82,.06)} .pro-mm__lotimg img{width:100%;height:100%;object-fit:contain} .pro-mm__lott{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-weight:600} .pro-mm__lot strong{font-size:14px;border-top:1px solid rgba(15,42,82,.08);padding-top:4px} .pro-mm__lot:hover .pro-mm__lott{text-decoration:underline} .pro-mm__empty{color:#94a3b8;margin:0} .pro-mm__empty--big{padding:40px 0;text-align:center;font-weight:600} .pro-mm mark,.market-root-name mark{background:rgba(212,175,55,.35);color:inherit;padding:0 1px;border-radius:3px} .pro-mm-fwrap{position:relative} .pro-mm-fwrap .pro-mm__clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#64748b;padding:2px 6px;line-height:1;font-size:12px} .pro-mm__none{padding:16px 10px;color:#64748b;font-weight:600;text-align:center} html[data-lux-root] .lux-header--storefront .market-categories-left .market-root-item{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px} html[data-lux-root] .lux-header--storefront .market-categories-left .market-root-name{flex:1 1 auto!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html[data-lux-root] .lux-header--storefront .market-categories-left .market-root-meta{flex:none!important;display:inline-flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px;margin:0!important} html[data-lux-root] .lux-header--storefront .market-categories-left .pro-mega-ico{flex:none} html[data-lux-root] .lux-header--storefront .market-categories-left .market-root-item[hidden]{display:none!important} html[data-bs-theme="dark"] .pro-mm__sub{background:#121b2b;border-color:rgba(255,255,255,.08);color:#e2e8f0} html[data-bs-theme="dark"] .pro-mm__sub:hover{color:#fff} html[data-bs-theme="dark"] .pro-mm__chip{background:rgba(255,255,255,.08);color:#e2e8f0} html[data-bs-theme="dark"] .pro-mm__promo{background:linear-gradient(160deg,#16223a,#1d1a10);border-color:rgba(255,255,255,.08);color:#e2e8f0} html[data-bs-theme="dark"] .pro-mm__lot{color:#e2e8f0} html[data-bs-theme="dark"] .pro-mm__lotimg{background:#121b2b;border-color:rgba(255,255,255,.06)} html[data-bs-theme="dark"] .pro-mm__lot strong{border-color:rgba(255,255,255,.08)} html[data-bs-theme="dark"] .pro-mm__h{color:#94a3b8} } @media (min-width: 992px) and (max-width: 1279.98px) { .pro-mm__main{grid-template-columns:minmax(0,1fr) 200px} .pro-mm__lots{grid-template-columns:repeat(4,minmax(0,1fr))} .pro-mm__lot:nth-child(n+5){display:none} .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))} } /* t174: mega menu fits without scrolling */ @media (min-width: 992px) { .pro-mm__col{display:flex;flex-direction:column;gap:14px;min-width:0} .pro-mm__lots{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px} .pro-mm__lot{flex-direction:row;align-items:center;gap:8px;font-size:12px;padding:6px;border:1px solid rgba(15,42,82,.08);border-radius:10px;background:#fff} .pro-mm__lot:nth-child(n+5){display:flex!important} .pro-mm__lotimg{flex:none;width:56px;height:56px;border-radius:8px} .pro-mm__lotb{display:flex;flex-direction:column;gap:2px;min-width:0} .pro-mm__lott{font-size:12px;line-height:1.25} .pro-mm__lot strong{font-size:12px;border:0;padding:0;color:#b8912a} .pro-mm.is-compact{gap:10px} .pro-mm.is-compact .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px} .pro-mm.is-compact .pro-mm__sub{padding:4px 8px;font-size:13px;gap:7px;border-radius:9px} .pro-mm.is-compact .pro-mm__subico{width:22px;height:22px;font-size:12px;border-radius:6px} .pro-mm.is-compact .pro-mm__subname small{display:none} .pro-mm.is-compact .pro-mm__h{margin-bottom:6px} .pro-mm.is-nopop .pro-mm__pop{display:none} .pro-mm.is-compact .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))} .pro-mm.is-compact .pro-mm__subname{white-space:nowrap} .pro-mm.is-dense .pro-mm__main{grid-template-columns:minmax(0,1fr)!important;gap:12px} .pro-mm.is-dense .pro-mm__promo{display:none} .pro-mm.is-dense .pro-mm__subname{overflow:hidden;text-overflow:ellipsis} .pro-mm.is-dense .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px} .pro-mm.is-dense .pro-mm__sub{padding:3px 6px;font-size:12px} .pro-mm.is-dense .pro-mm__subico{display:none} .pro-mm.is-dense .pro-mm__promo img{padding:8px;aspect-ratio:16/9} html[data-bs-theme="dark"] .pro-mm__lot{background:#121b2b;border-color:rgba(255,255,255,.08)} } @media (min-width: 992px) and (max-width: 1279.98px), (max-height: 760px) { .pro-mm__pop{display:none} } @media (min-width: 992px) { .pro-mm__lot{flex-direction:column;align-items:stretch;gap:4px} .pro-mm__lotimg{width:100%;height:84px} .pro-mm.is-compact .pro-mm__subname{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.2} .pro-mm.is-dense .pro-mm__subname{white-space:nowrap;display:block} } /* t175: mobile live search full-width, no page overflow, no iOS zoom */ body.is-ebay-mode .pro-sx__x{display:none} @media (max-width: 991.98px) { html[data-lux-root] .lux-search__input, html[data-lux-root] .lux-header--storefront .lux-search__input{font-size:16px!important} } @media (max-width: 767.98px) { body.is-ebay-mode .pro-sx{left:0!important;right:0!important;width:auto!important;max-width:100%;border-left:0;border-right:0;max-height:calc(100dvh - var(--pro-pt, 64px))!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-x:hidden;padding-top:.25rem} body.is-ebay-mode .pro-sx__sec{padding:.45rem .75rem .55rem;min-width:0;max-width:100%} body.is-ebay-mode .pro-sx__row{grid-auto-columns:140px;max-width:100%;overscroll-behavior-x:contain;gap:.5rem} body.is-ebay-mode .pro-sx__card{padding:.35rem;gap:.25rem;min-width:0} body.is-ebay-mode .pro-sx__title{font-size:.78rem} body.is-ebay-mode .pro-sx__price{font-size:.85rem} body.is-ebay-mode .pro-sx__x{display:inline-flex;position:sticky;top:0;float:right;margin:.15rem .5rem -2rem 0;z-index:2;width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f2a52;font-size:14px} html[data-bs-theme="dark"] body.is-ebay-mode .pro-sx__x{background:#121b2b;color:#e2e8f0;border-color:rgba(255,255,255,.15)} body.is-ebay-mode .pro-sx__foot{padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom))} body.is-ebay-mode .pro-sx__all{width:100%;justify-content:center;background:#0f2a52;border:1px solid #d4af37;text-align:center} /* detail page: badge/action row must wrap instead of widening the page */ .ab-badges{flex-wrap:wrap!important;min-width:0;max-width:100%} html[data-lux-root] .ab-badges-main{flex-wrap:wrap!important;min-width:0;row-gap:4px!important;padding-right:4.6rem} .ab-panel-head{position:relative;min-width:0;max-width:100%;flex-wrap:wrap} /* Drucken + Melden fest oben rechts (mobil) */ .ab-badges-push{ position:absolute!important; top:0; right:0; z-index:3; margin:0!important; max-width:none!important; gap:.35rem!important; } } /* t176: live search 2 cards per row on mobile */ @media (max-width: 767.98px) { body.is-ebay-mode .pro-sx__row{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none;padding-bottom:0} body.is-ebay-mode .pro-sx__row > .pro-sx__card:nth-child(n+5){display:none} body.is-ebay-mode .pro-sx__x{margin-bottom:-1.6rem} } /* t176: mobile filter & sort off-canvas (exclude .pro-fs--shops followed-shops page) */ .pro-fsbar,.pro-fs:not(.pro-fs--shops){display:none} @media (max-width: 991.98px) { html.pro-fs-mobile .lux-cat__side{display:none!important} html.pro-fs-mobile .lux-cat{grid-template-columns:minmax(0,1fr)!important} .pro-fsbar{display:flex;gap:8px;position:sticky;top:var(--pro-fs-top,118px);z-index:30;margin:0 0 12px;padding:8px 0;background:var(--lux-bg,#f6f7fb)} html[data-bs-theme="dark"] .pro-fsbar{background:var(--lux-bg,#0b1220)} .pro-fsbar__btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:12px;border:1px solid rgba(15,42,82,.18);background:#fff;color:#0f2a52;font-weight:700;font-size:15px} .pro-fsbar__btn:active{border-color:#d4af37} .pro-fsbar__n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#d4af37;color:#0f2a52;font-size:12px;line-height:20px} html[data-bs-theme="dark"] .pro-fsbar__btn{background:#121b2b;color:#e2e8f0;border-color:rgba(255,255,255,.14)} .pro-fs:not(.pro-fs--shops){display:block;position:fixed;inset:0;z-index:20060} .pro-fs:not(.pro-fs--shops)[hidden]{display:none!important} .pro-fs:not(.pro-fs--shops) .pro-fs__bd{position:absolute;inset:0;background:rgba(8,15,30,.55);opacity:0;transition:opacity .2s} .pro-fs:not(.pro-fs--shops).is-open .pro-fs__bd{opacity:1} .pro-fs:not(.pro-fs--shops) .pro-fs__panel{position:absolute;top:0;bottom:0;left:0;width:min(92vw,420px);display:flex;flex-direction:column;background:#fff;color:#0f172a;box-shadow:12px 0 40px rgba(8,15,30,.3);transform:translateX(-100%);transition:transform .25s ease;outline:0} .pro-fs:not(.pro-fs--shops).is-open .pro-fs__panel{transform:none} .pro-fs:not(.pro-fs--shops) .pro-fs__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:#0f2a52;color:#fff;border-bottom:3px solid #d4af37} .pro-fs:not(.pro-fs--shops) .pro-fs__head h2{margin:0;font-size:17px;font-weight:800;color:#fff} .pro-fs__x{width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center} .pro-fs__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 16px} .pro-fs__sec + .pro-fs__sec{margin-top:16px;padding-top:14px;border-top:1px solid rgba(15,42,82,.1)} .pro-fs__sec h3{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 8px} .pro-fs__body .lux-filters{position:static!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important} .pro-fs__body .lux-filters__head{display:none} .pro-fs__body form > button[type=submit]{display:none!important} .pro-fs__body .lux-filterbar{display:flex!important;flex-direction:column;align-items:stretch;gap:10px;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important} .pro-fs__body .lux-filterbar > *{width:100%!important;max-width:none!important} .pro-fs__body .pro-catbar{margin:0 0 10px} .pro-fs__body .pro-catbar__sort{display:flex;flex-wrap:wrap;gap:6px} .pro-fs__body .lux-cat__toolbar{display:block;padding:0;border:0;background:transparent} .pro-fs__body .lux-cat__toolbar-group{display:flex;flex-direction:column;gap:10px} .pro-fs__body input,.pro-fs__body select{font-size:16px!important} .pro-fs__foot{flex:none;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(15,42,82,.1);background:#fff} .pro-fs__reset{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:46px;border-radius:12px;border:1px solid rgba(15,42,82,.2);color:#0f2a52;font-weight:700;text-decoration:none} .pro-fs__apply{flex:1 1 auto;height:46px;border-radius:12px;border:1px solid #d4af37;background:#0f2a52;color:#fff;font-weight:800;font-size:15px} html[data-bs-theme="dark"] .pro-fs__panel,html[data-bs-theme="dark"] .pro-fs__foot{background:#0f1828;color:#e2e8f0} html[data-bs-theme="dark"] .pro-fs__head{background:#0a1322} html[data-bs-theme="dark"] .pro-fs__reset{color:#e2e8f0;border-color:rgba(255,255,255,.18)} html[data-bs-theme="dark"] .pro-fs__sec + .pro-fs__sec,html[data-bs-theme="dark"] .pro-fs__foot{border-color:rgba(255,255,255,.1)} html[data-bs-theme="dark"] .pro-fs__apply{background:#d4af37;color:#0f2a52} html.pro-fs-lock,html.pro-fs-lock body{overflow:hidden!important} html.pro-fs-lock body{position:fixed;left:0;right:0;width:100%} } @media (max-width: 767.98px) { body.is-ebay-mode .pro-sx__row > .pro-sx__card:nth-child(3):last-child{display:none} } @media (max-width: 991.98px) { .pro-fs__body .lux-cat__toolbar,.pro-fs__body .lux-cat__toolbar-group{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:10px!important;margin:0!important;padding:0!important;min-height:0!important;box-shadow:none!important;border:0!important;background:transparent!important} .pro-fs__body .lux-cat__toolbar-field{display:flex!important;flex-direction:column;align-items:stretch!important;gap:4px;width:100%!important;margin:0!important} .pro-fs__body .lux-cat__toolbar-field .lux-select{width:100%!important} .pro-fs__head h2{line-height:36px} .pro-fs__body .lux-cat__toolbar > :not(.lux-cat__toolbar-group){align-self:flex-start!important;width:auto!important} } /* t177: light premium sidebar header (drawer only) */ @media (max-width: 991.98px) { .pro-fs:not(.pro-fs--shops) .pro-fs__head{background:#fff!important;background-image:none!important;color:#0f2a52!important;border:0!important;border-bottom:2px solid #d4af37!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:12px 12px 12px 16px!important;padding-top:calc(12px + env(safe-area-inset-top))!important;position:relative;z-index:1} .pro-fs:not(.pro-fs--shops) .pro-fs__head h2{display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:18px!important;font-weight:600!important;line-height:1.3!important;color:#0f2a52!important;-webkit-text-fill-color:#0f2a52;background:none!important;text-shadow:none!important;letter-spacing:0} .pro-fs:not(.pro-fs--shops) .pro-fs__head h2::before{content:"";flex:none;width:18px;height:18px;background:#d4af37;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8z'/%3E%3C/svg%3E") center/contain no-repeat} .pro-fs:not(.pro-fs--shops) .pro-fs__x{width:36px;height:36px;border:0!important;border-radius:999px!important;background:transparent!important;color:#0f2a52!important;box-shadow:none!important;transition:background .15s} .pro-fs:not(.pro-fs--shops) .pro-fs__x:hover,.pro-fs:not(.pro-fs--shops) .pro-fs__x:focus-visible{background:#eef1f6!important;outline:0} .pro-fs:not(.pro-fs--shops) .pro-fs__panel{border-radius:0!important} html[data-bs-theme="dark"] .pro-fs:not(.pro-fs--shops) .pro-fs__head{background:#0f1828!important;color:#fff!important} html[data-bs-theme="dark"] .pro-fs:not(.pro-fs--shops) .pro-fs__head h2{color:#fff!important;-webkit-text-fill-color:#fff} html[data-bs-theme="dark"] .pro-fs:not(.pro-fs--shops) .pro-fs__x{color:#e2e8f0!important} html[data-bs-theme="dark"] .pro-fs:not(.pro-fs--shops) .pro-fs__x:hover,html[data-bs-theme="dark"] .pro-fs:not(.pro-fs--shops) .pro-fs__x:focus-visible{background:rgba(255,255,255,.08)!important} } /* t178: help contact section – light premium, dark readable */ html[data-lux-root] body .pf-help-contact.pf-help-contact { background: #f7f8fb !important; border: 1px solid #e6e9f0 !important; border-radius: 18px; color: #0f1f3d !important; -webkit-text-fill-color: #0f1f3d; box-shadow: none; } html[data-lux-root] body .pf-help-contact.pf-help-contact h2, html[data-lux-root] body .pf-help-contact.pf-help-contact .h5, html[data-lux-root] body .pf-help-contact.pf-help-contact strong { color: #0f1f3d !important; -webkit-text-fill-color: #0f1f3d !important; } html[data-lux-root] body .pf-help-contact.pf-help-contact .text-secondary, html[data-lux-root] body .pf-help-contact.pf-help-contact .text-muted, html[data-lux-root] body .pf-help-contact.pf-help-contact p { color: #5b6577 !important; -webkit-text-fill-color: #5b6577 !important; } html[data-lux-root] body .pf-help-contact .pf-help-contact__option.pf-help-contact__option { background: #fff !important; border: 1px solid #e3e7ef !important; border-radius: 14px; box-shadow: 0 2px 10px rgba(15,31,61,.06) !important; } html[data-lux-root] body .pf-help-contact .pf-help-contact__icon.pf-help-contact__icon { background: rgba(212,175,55,.14) !important; color: #b8902f !important; -webkit-text-fill-color: #b8902f !important; } html[data-lux-root] body .pf-help-contact .pf-help-contact__status.badge { -webkit-text-fill-color: #fff !important; color: #fff !important; } html[data-lux-root] body .pf-help-contact .pf-help-contact__status.text-bg-success { background: #198754 !important; } html[data-lux-root] body .pf-help-contact.pf-help-contact .btn { border-radius: 999px; font-weight: 700; text-decoration: none; } html[data-lux-root] body .pf-help-contact.pf-help-contact .btn-outline-primary { background: linear-gradient(180deg,#e2c05f,#c49a3c) !important; border: 0 !important; color: #1a1405 !important; -webkit-text-fill-color: #1a1405 !important; } html[data-lux-root] body .pf-help-contact.pf-help-contact .btn-primary { background: #0f1f3d !important; border: 0 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; } html[data-lux-root] body .pf-help-contact.pf-help-contact .btn:hover { filter: brightness(1.08); } :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact { background: linear-gradient(135deg,#0b1630,#16325e) !important; border-color: rgba(212,175,55,.22) !important; color: #fff !important; -webkit-text-fill-color: #fff; } :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact h2, :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact .h5, :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact strong { color: #fff !important; -webkit-text-fill-color: #fff !important; } :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact .text-secondary, :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact .text-muted, :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact p { color: #c3cde0 !important; -webkit-text-fill-color: #c3cde0 !important; } :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact .pf-help-contact__option.pf-help-contact__option { background: rgba(255,255,255,.06) !important; border-color: rgba(212,175,55,.28) !important; box-shadow: none !important; } :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact .pf-help-contact__icon.pf-help-contact__icon { background: rgba(212,175,55,.18) !important; color: #e9c96a !important; -webkit-text-fill-color: #e9c96a !important; } :is(html[data-bs-theme="dark"],html[data-ui-mode="dark"])[data-lux-root] body .pf-help-contact.pf-help-contact .btn-primary { background: #fff !important; color: #0f1f3d !important; -webkit-text-fill-color: #0f1f3d !important; } /* t179: image fallback + mega menu popular row pinned to bottom */ .pro-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:48px;background:linear-gradient(135deg,rgba(15,42,82,.06),rgba(212,175,55,.12));color:#b8912a;font-size:1.6rem;border-radius:inherit} .pro-noimg i{opacity:.85} html[data-bs-theme="dark"] .pro-noimg{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(212,175,55,.14));color:#e9c96a} @media (min-width: 992px) { .pro-mm__main{flex:1 1 auto;min-height:0} .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))} .pro-mm__pop{margin-top:auto;flex:none;padding-top:12px;border-top:1px solid rgba(15,42,82,.08)} html[data-bs-theme="dark"] .pro-mm__pop{border-color:rgba(255,255,255,.08)} .pro-mm__lotimg{height:72px} } html[data-lux-root] .pro-noimg > i.bi, .pro-noimg > i.bi{display:inline-block!important;font-family:"bootstrap-icons"!important;font-style:normal;font-size:1.6rem!important;line-height:1;color:#b8912a!important;-webkit-text-fill-color:#b8912a!important;opacity:.9} html[data-bs-theme="dark"] .pro-noimg > i.bi{color:#e9c96a!important;-webkit-text-fill-color:#e9c96a!important} @media (min-width: 992px) { .pro-mm__main .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))} } @media (min-width: 992px) { .pro-mm:not(.is-dense) .pro-mm__subname{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:normal;hyphens:auto} } @media (min-width: 992px) { .pro-mm:not(.is-dense) .pro-mm__subname{overflow:hidden!important;overflow-wrap:anywhere;min-width:0;flex:1 1 auto} } /* t179c: full subcategory names, no hyphenation/ellipsis */ @media (min-width: 992px) { .pro-mm .pro-mm__main{grid-template-columns:minmax(0,1fr) 220px} .pro-mm .pro-mm__main .pro-mm__subs, .pro-mm.is-compact .pro-mm__main .pro-mm__subs, .pro-mm.is-dense .pro-mm__main .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important} .pro-mm .pro-mm__sub{align-items:center} .pro-mm .pro-mm__sub .pro-mm__subname, .pro-mm.is-compact .pro-mm__sub .pro-mm__subname, .pro-mm.is-dense .pro-mm__sub .pro-mm__subname, .pro-mm:not(.is-dense) .pro-mm__sub .pro-mm__subname{display:block!important;-webkit-line-clamp:unset!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important;flex:1 1 auto;min-width:0;line-height:1.2} .pro-mm .pro-mm__sub .pro-mm__chip{flex:none;margin-left:auto} .pro-mm.is-compact .pro-mm__sub{padding:4px 7px;gap:6px} .pro-mm.is-dense .pro-mm__sub{padding:3px 6px;gap:5px} } @media (min-width: 992px) { .pro-mm .pro-mm__main .pro-mm__subs, .pro-mm.is-compact .pro-mm__main .pro-mm__subs, .pro-mm.is-dense .pro-mm__main .pro-mm__subs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important} .pro-mm .pro-mm__sub .pro-mm__chip{min-width:0;padding-left:6px;padding-right:6px} } @media (min-width: 992px) and (max-width: 1279.98px) { .pro-mm .pro-mm__main{grid-template-columns:minmax(0,1fr) 170px;gap:12px} .pro-mm .pro-mm__sub{padding:6px 7px;gap:6px;font-size:13px} .pro-mm .pro-mm__subico{width:22px;height:22px;font-size:12px} } @media (min-width: 992px) and (max-width: 1279.98px) and (min-height: 761px) { .pro-mm:not(.is-nopop) .pro-mm__pop{display:block} .pro-mm .pro-mm__lots{grid-template-columns:repeat(3,minmax(0,1fr))!important} .pro-mm .pro-mm__lot:nth-child(n+4){display:none!important} .pro-mm .pro-mm__lotimg{height:60px} } /* t20261102: marketplace listing form — force stacked editors (vehicles/real-estate) */ body.pro-app .lux-vendor-hub .lux-mkt-form-layout, body.lux-body .lux-vendor-hub .lux-mkt-form-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important; gap: 1.25rem 1.5rem !important; align-items: start !important; width: 100% !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .sf-hub__panel, body.lux-body .lux-vendor-hub .lux-mkt-form .sf-hub__panel { overflow: visible !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .sf-hub__panel-body, body.lux-body .lux-vendor-hub .lux-mkt-form .sf-hub__panel-body { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 1.15rem !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .lux-field, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-rich-editor, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-title-editor, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-rich-editor__stack, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-field, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-rich-editor, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-title-editor, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-rich-editor__stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .lux-rich-editor__toolbar, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-title-editor__toolbar, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-rich-editor__toolbar, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-title-editor__toolbar { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; width: 100% !important; gap: .35rem !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .lux-rich-editor__visual, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-rich-editor__source, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-title-editor__visual, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-rich-editor__visual, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-rich-editor__source, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-title-editor__visual { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; float: none !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: .75rem !important; width: 100% !important; } @media (max-width: 991.98px) { body.pro-app .lux-vendor-hub .lux-mkt-form-layout, body.lux-body .lux-vendor-hub .lux-mkt-form-layout { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 767.98px) { body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row { grid-template-columns: minmax(0, 1fr) !important; } } /* t20261102-re2: real-estate energy/rent stacks + 3-col rent row */ body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-energy-form, body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-rent-form, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-energy-form, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-rent-form { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: .75rem !important; width: 100% !important; min-width: 0 !important; } body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row--3, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } @media (max-width: 767.98px) { body.pro-app .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row--3, body.lux-body .lux-vendor-hub .lux-mkt-form .lux-mkt-filters__row--3 { grid-template-columns: minmax(0, 1fr) !important; } } /* t20261102-re4: real-estate expose price size + form compact inputs */ html[data-lux-root] .lux-mkt-expose__price-value { font-size: clamp(1.2rem, 1rem + 0.7vw, 1.55rem) !important; font-weight: 800 !important; letter-spacing: -0.02em !important; } html[data-lux-root] .lux-mkt-expose__price { margin-top: 0.45rem !important; gap: 0.4rem 0.65rem !important; } body.pro-app .lux-vendor-hub .lux-mkt-form input.lux-input[type="number"], body.pro-app .lux-vendor-hub .lux-mkt-form input.lux-input[type="text"], body.pro-app .lux-vendor-hub .lux-mkt-form select.lux-select, body.lux-body .lux-vendor-hub .lux-mkt-form input.lux-input[type="number"], body.lux-body .lux-vendor-hub .lux-mkt-form input.lux-input[type="text"], body.lux-body .lux-vendor-hub .lux-mkt-form select.lux-select { height: 2.7rem !important; min-height: 2.7rem !important; max-height: 2.7rem !important; border-radius: 12px !important; }