/* * bs-seller-studio.css — BlackSpace Seller Studio (/seller-studio/) * Enqueued via bs-page-nav-assets.php on /seller-studio/ only. * All properties use !important — Elementor Pro post CSS specificity. * * Page ID: 26794 Slug: seller-studio * Prefix: bs-ss- (Seller Studio) * * Colors: #b0743e bronze | #1e1919 deep-brown | #252020 deep-brown-2 * #c8925e bronze-300 | #efd9c0 bronze-100 | #f7eee5 bronze-050 * #f5f0eb warm-off-white | #8c5d31 bronze-700 | #474747 graphite * #e6e6e6 silver-mist | #1a1a1a neutral-900 | #2e2e2e neutral-700 */ /* ══════════════════════════════════════════════════════════ SECTION 1 — HERO ══════════════════════════════════════════════════════════ */ .bs-ss-hero { border-radius: 10px !important; overflow: hidden !important; position: relative !important; background-color: #1e1919 !important; background-image: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(176,116,62,0.18) 0%, transparent 65%), repeating-linear-gradient(-45deg, transparent, transparent 44px, rgba(255,255,255,0.018) 44px, rgba(255,255,255,0.018) 45px) !important; } .bs-ss-hero::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 1px !important; background: linear-gradient(90deg, transparent, #b0743e, transparent) !important; opacity: 0.45 !important; z-index: 2 !important; pointer-events: none !important; } .bs-ss-hero > .e-con-inner { padding-top: 96px !important; align-items: center !important; text-align: center !important; } /* Eyebrow */ .bs-ss-hero-eyebrow { font-size: 0.6875rem !important; font-weight: 700 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: #c8925e !important; margin-bottom: 20px !important; width: auto !important; } .bs-ss-hero-eyebrow .elementor-widget-container { padding: 0 !important; margin: 0 !important; } .bs-ss-hero-eyebrow .elementor-widget-container p, .bs-ss-hero-eyebrow .elementor-widget-container div { margin: 0 !important; padding: 0 !important; } /* H1 */ .bs-ss-hero .elementor-widget-heading { max-width: 680px !important; width: 100% !important; margin-bottom: 18px !important; } .bs-ss-hero .elementor-widget-heading .elementor-widget-container { padding: 0 !important; margin: 0 auto !important; max-width: 680px !important; } .bs-ss-hero .elementor-widget-heading .elementor-heading-title { font-size: 3.25rem !important; font-weight: 700 !important; line-height: 1.08 !important; color: #ffffff !important; letter-spacing: -0.01em !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .bs-ss-title-em { font-style: normal !important; color: #c8925e !important; } /* Sub-heading */ .bs-ss-hero-sub { max-width: 520px !important; margin-bottom: 36px !important; width: 100% !important; } .bs-ss-hero-sub .elementor-widget-container { padding: 0 !important; margin: 0 auto !important; } .bs-ss-hero-sub .elementor-widget-container p, .bs-ss-hero-sub .elementor-widget-container div { font-size: 0.9375rem !important; line-height: 1.75 !important; color: rgba(255,255,255,0.68) !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } /* CTA row */ .bs-ss-hero-cta { display: flex !important; gap: 14px !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; } /* Trust bar — .bs-ss-trust is the outer container holding all stat items + dividers */ .bs-ss-trust { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 0 !important; padding-top: 28px !important; padding-bottom: 0 !important; padding-left: 80px !important; padding-right: 80px !important; margin-left: -80px !important; margin-right: -80px !important; width: calc(100% + 160px) !important; max-width: calc(100% + 160px) !important; border-top: 1px solid rgba(255,255,255,0.08) !important; margin-top: 52px !important; box-sizing: border-box !important; } /* Each stat item — child e-con inside .bs-ss-trust */ .bs-ss-trust > .e-con { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 3px !important; padding: 0 36px !important; margin: 0 !important; border: none !important; } .bs-ss-trust > .e-con:first-child { padding-left: 0 !important; } .bs-ss-trust > .e-con:last-child { padding-right: 0 !important; } .bs-ss-trust-num { font-size: 1.25rem !important; font-weight: 700 !important; color: #c8925e !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; width: auto !important; } .bs-ss-trust-num .elementor-widget-container, .bs-ss-trust-label .elementor-widget-container { padding: 0 !important; margin: 0 !important; line-height: 1 !important; } .bs-ss-trust-num .elementor-widget-container p, .bs-ss-trust-num .elementor-widget-container div, .bs-ss-trust-label .elementor-widget-container p, .bs-ss-trust-label .elementor-widget-container div { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .bs-ss-trust-label { font-size: 0.625rem !important; font-weight: 700 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.44) !important; margin: 0 !important; padding: 0 !important; } .bs-ss-trust-divider { width: 1px !important; min-width: 1px !important; max-width: 1px !important; flex: 0 0 1px !important; height: 32px !important; background: rgba(255,255,255,0.10) !important; align-self: center !important; overflow: hidden !important; } .bs-ss-trust-divider .elementor-divider { display: none !important; } .bs-ss-trust-divider .elementor-widget-container { width: 1px !important; height: 32px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } /* ══════════════════════════════════════════════════════════ SECTION 2 — CATEGORY NAV STRIP Built as a plain HTML widget outputting a