.seller-copy-header {--font-body: 'Geist', sans-serif; --font-heading: 'Geist', sans-serif; --font: 'Geist', sans-serif; --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --neutral-25: #FFFFFF; --neutral-50: #F5F5F5; --neutral-75: #EDEDED; --neutral-100: #E1E1E1; --neutral-200: #DADADA; --neutral-250: #B1B1B1; --neutral-300: #999999; --neutral-350: #858585; --neutral-400: #5E5E5E; --neutral-450: #515151; --neutral-500: #4A4A4A; --neutral-600: #393939; --neutral-700: #333333; --neutral-800: #242424; --neutral-900: #1A1A1A; --neutral-1000: #0a0a0a; --color-dark-25: var(--neutral-25); --color-dark-50: var(--neutral-50); --color-dark-75: var(--neutral-75); --color-dark-100: var(--neutral-100); --color-dark-200: var(--neutral-200); --color-dark-250: var(--neutral-250); --color-dark-300: var(--neutral-300); --color-dark-350: var(--neutral-350); --color-dark-400: var(--neutral-400); --color-dark-450: var(--neutral-450); --color-dark-500: var(--neutral-500); --color-dark-600: var(--neutral-600); --color-dark-700: var(--neutral-700); --color-dark-800: var(--neutral-800); --color-dark-900: var(--neutral-900); --color-dark-1000: var(--neutral-1000); --color-brand: #8B2FC9; --color-brand-dark: #6f24a0; --color-brand-light: #f3eefa; --color-neutral-subtle: #3b3b3b; --primary-10: rgba(123, 47, 190, 0.1); --text: #111827; --muted: #6B7280; --border: #E5E7EB; --color-text: #111111; --color-text-sublte: #5E5E5E; --color-text-secondary: #444444; --color-text-muted: #888888; --color-border: #e8e8e8; --color-border-defult: #cccccc; --color-bg: #ffffff; --color-bg-subtle: #f5f5f5; --color-bg-muted: #f7f7f7; --color-bg-brand: #faf7ff; --color-border-default: #cccccc; --radius-none: 0px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-2xl: 20px; --radius-full: 9999px; --text-xxs: 0.65rem; --text-xs: 0.75rem; --text-sm: 0.813rem; --text-base: 0.875rem; --text-md: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem;} .seller-copy-header *{box-sizing: border-box; margin: 0px; padding: 0px;} .seller-copy-header .site-navbar{background: var(--color-bg); position: sticky; top: 0px; z-index: 1000; border-bottom: 1px solid var(--color-border-light);} .seller-copy-header .nav-top{display: flex; align-items: center; gap: 24px; padding: 12px 0px; border-bottom: 1px solid rgb(236, 236, 236); flex-wrap: wrap;} .seller-copy-header .nav-brand{display: flex; align-items: center; gap: 8px; text-decoration: none; flex-shrink: 0;} .seller-copy-header .nav-right{display: flex; align-items: center; gap: 18px; margin-left: auto; flex-shrink: 0;} .seller-copy-header .nav-icon-btn{position: relative; color: rgb(51, 51, 51); text-decoration: none; display: flex; align-items: center; justify-content: center; transition: color 0.2s;} .seller-copy-header .nav-icon-btn svg{width: 24px; height: 24px;} .seller-copy-header .nav-icon-badge{position: absolute; top: -8px; right: -9px; background: var(--color-text); color: rgb(255, 255, 255); font-size: 10px; width: 17px; height: 17px; border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center;} .seller-copy-header .btn-header-login{border: 1px solid rgb(139, 47, 201); border-radius: var(--radius-md); padding: 9px 12px; font-size: var(--text-sm); font-weight: 600; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background 0.2s; margin-left: 0px; background: rgb(255, 255, 255) !important; color: rgb(51, 51, 51) !important;} .seller-copy-header .btn-start-selling{background: var(--color-brand); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-md); padding: 10px 12px; font-size: var(--text-sm); font-weight: 600; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background 0.2s; margin-left: 0px; color: rgb(255, 255, 255) !important;} .seller-copy-header .btn-start-selling svg{flex-shrink: 0;} .seller-copy-header .nav-main-links{display: flex; align-items: center; flex: 1 1 0%;} .seller-copy-header .nav-main-link{font-family: var(--font-sans); font-size: var(--text-base); font-weight: 500; color: rgb(51, 51, 51); text-decoration: none; padding: 12px 14px; display: inline-flex; align-items: center; gap: 3px; transition: color 0.2s; white-space: nowrap; line-height: 1;} .seller-copy-header .nav-mobile-menu{background: var(--color-bg); border-top: 1px solid var(--color-border-light); padding: 16px 0px 20px;} .seller-copy-header .nav-mobile-search{display: flex; align-items: center; border: 1.5px solid rgb(204, 204, 204); border-radius: var(--radius-full); overflow: hidden; margin-bottom: 16px;} .seller-copy-header .nav-mobile-search input{flex: 1 1 0%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; padding: 10px 16px; font-family: var(--font-sans); font-size: var(--text-base); color: rgb(51, 51, 51);} .seller-copy-header .nav-mobile-search button{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px 16px; color: rgb(85, 85, 85); font-size: 1.05rem; cursor: pointer; display: flex; align-items: center; height: 42px;} .seller-copy-header .nav-mobile-links{display: flex; flex-direction: column; gap: 2px;} .seller-copy-header .nav-mobile-link{font-family: var(--font-sans); font-size: var(--text-md); font-weight: 500; color: rgb(51, 51, 51); text-decoration: none; padding: 10px 0px; border-bottom: 1px solid var(--color-border-light); display: flex; align-items: center; justify-content: space-between; transition: color 0.2s;} .seller-copy-header .nav-mobile-link:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;} .seller-copy-header .nav-mobile-link.active{color: var(--color-brand);} .seller-copy-header .nav-mobile-link.active{font-weight: 600;} .seller-copy-header .nav-mobile-icons{display: flex; align-items: center; gap: 20px; padding: 12px 0px 4px;} .seller-copy-header .nav-mobile-icons .nav-icon-btn{font-size: 1.3rem;} @media (max-width: 576px){ } @media (max-width: 768px){ } @media (max-width: 992px){ } @media (max-width: 1199px){ .seller-copy-header .nav-main-link{padding: 12px 10px;}} @media (max-width: 767px){ } @media (max-width: 991.98px){ } @media (max-width: 575.98px){ } @media (max-width: 991.98px){ } @media (max-width: 575.98px){ } @media (min-width: 992px){ } @media (max-width: 991.98px){ } @media (min-width: 992px){ } @media (max-width: 991.98px){ } @media (max-width: 575.98px){ } .seller-copy-header .site-navbar .nav-top{flex-wrap: nowrap;} @media (max-width: 1199.98px){.seller-copy-header .site-navbar .nav-mobile-menu{max-height: calc(100dvh - 70px); overflow-y: auto; overscroll-behavior: contain;}} @media (max-width: 575.98px){.seller-copy-header .site-navbar .nav-mobile-menu{max-height: calc(100dvh - 105px);}} @media (max-width: 600px){ } @media (max-width: 575.98px){ .seller-copy-header .site-navbar{position: sticky; top: 0px; left: 0px; right: 0px; width: 100%;} .seller-copy-header .site-navbar .nav-right{gap: 6px;} .seller-copy-header .mobile-quick-links{display: flex; align-items: center; justify-content: center; width: 100%; border-top: 1px solid rgb(240, 240, 243); background: rgb(255, 255, 255);} .seller-copy-header .mobile-quick-links a{min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 1 auto; min-height: 38px; padding: 3px 6px; border-right: 1px solid rgb(240, 240, 243); color: rgb(111, 98, 120); font-size: 11px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap;} .seller-copy-header .mobile-quick-links a:last-child{border-right: 0px;} .seller-copy-header .mobile-quick-links a:nth-child(-n+2){flex: 1 1 auto;} .seller-copy-header .mobile-quick-links a:nth-child(3){flex: 1 1 auto;} .seller-copy-header .mobile-quick-links a:nth-child(4){flex: 1 1 auto;} .seller-copy-header .site-navbar .nav-mobile-menu{border-top: 0px; padding: 22px 0px 0px; background: rgb(255, 255, 255);} .seller-copy-header .site-navbar .nav-mobile-search{height: 68px; margin-bottom: 26px; border: 1.5px solid rgb(207, 207, 207); border-radius: 34px;} .seller-copy-header .site-navbar .nav-mobile-search input{padding: 0px 24px; font-size: 20px; line-height: 1;} .seller-copy-header .site-navbar .nav-mobile-search button{width: 58px; height: 66px; padding: 0px; justify-content: center; color: rgb(68, 68, 68);} .seller-copy-header .site-navbar .nav-mobile-search button svg{width: 27px; height: 27px;} .seller-copy-header .site-navbar .nav-mobile-links{gap: 0px;} .seller-copy-header .site-navbar .nav-mobile-link{min-height: 71px; padding: 0px; border-bottom: 0px; color: rgb(36, 36, 36); font-size: 23px; font-weight: 500; line-height: 1.2;} .seller-copy-header .site-navbar .nav-mobile-link.active{color: var(--color-brand); font-weight: 700;} .seller-copy-header .site-navbar .nav-mobile-link svg{width: 18px; height: 18px;} .seller-copy-header .site-navbar .nav-mobile-icons{gap: 24px; padding: 18px 0px 36px;} .seller-copy-header .site-navbar .nav-mobile-icons .nav-icon-btn{width: 36px; height: 36px;} .seller-copy-header .site-navbar .nav-mobile-icons .nav-icon-btn svg{width: 32px; height: 32px;} .seller-copy-header .site-navbar .nav-mobile-icons .nav-icon-badge{top: -7px; right: -9px; width: 24px; height: 24px; font-size: 12px; font-weight: 700;} .seller-copy-header .site-navbar .nav-mobile-icons .btn-start-selling{min-height: 62px; margin-left: auto; padding: 0px 19px; border-radius: 8px; font-size: 18px; font-weight: 700;} .seller-copy-header .site-navbar .nav-mobile-icons .btn-start-selling svg{width: 20px; height: 20px;} .seller-copy-header .site-navbar .nav-right .btn-header-login{padding: 10px 12px; font-size: 13px; line-height: 1; gap: 5px; white-space: nowrap; border-radius: 6px;} .seller-copy-header .site-navbar .nav-right .btn-header-login svg{width: 15px; height: 15px;} } @media (max-width: 359.98px){.seller-copy-header .site-navbar .nav-right .btn-header-login{padding: 6px 8px; font-size: 10px;}} @media (min-width: 576px){.seller-copy-header .mobile-quick-links{display: none;}} .seller-copy-header .store-login-label{line-height: 1.1; white-space: nowrap; font-weight: 400; transform: translateX(3px);} @media (max-width: 767.98px){.seller-copy-header .site-navbar{border-bottom-color: rgb(232, 232, 237);} .seller-copy-header .site-navbar .nav-top{border-bottom: 0px; height: 52px; padding-top: 4px; padding-bottom: 4px;}} .seller-copy-header .site-navbar .nav-right .btn-header-login{align-items: center;} .seller-copy-header .btn-header-login > svg{order: 1; display: block; transform: translateY(-1px);} @media (min-width: 768px){.seller-copy-header .site-navbar .nav-right .btn-header-login{border: 1px solid rgb(229, 231, 235) !important;}} @media (max-width: 767.98px){.seller-copy-header .site-navbar .nav-right .btn-header-login{font-size: 11px; line-height: 1.05; gap: 6px;} .seller-copy-header .site-navbar .nav-right .btn-header-login .store-login-label{line-height: 18px;} .seller-copy-header .site-navbar .nav-right .btn-header-login svg{width: 18px; height: 18px; flex-shrink: 0;}} .seller-copy-header .seller-brand-content{display: flex; align-items: center; gap: 10px; line-height: 1;} .seller-copy-header .seller-brand-content .lilabalicom{height: auto; width: 230px;} .seller-copy-header .seller-brand-sub{display: flex; align-items: center; gap: 6px;} .seller-copy-header .seller-brand-powered{font-size: 12px; font-family: Arial, sans-serif; line-height: 12px; color: rgb(119, 119, 119); white-space: nowrap; padding: 0px 4px;} .seller-copy-header .seller-aliyah-logo{display: inline-flex; align-items: stretch; gap: 0px; color: rgb(255, 255, 255); font: 700 12px / 14px Arial, sans-serif; border-radius: 2px; overflow: hidden;} .seller-copy-header .seller-aliyah-name,.seller-copy-header .seller-aliyah-ai{display: flex; align-items: center; justify-content: center; padding: 4px 5px;} .seller-copy-header .seller-aliyah-name{background: rgb(139, 47, 201);} .seller-copy-header .seller-aliyah-ai{background: rgb(0, 0, 0); width: 22px; padding: 4px 0px; text-align: center;} @media (max-width: 570px){.seller-copy-header .seller-brand-content{flex-direction: column; align-items: flex-start; gap: 3px;} .seller-copy-header .seller-brand-sub{flex-direction: row-reverse; gap: 3px;} .seller-copy-header .nav-brand{margin-left: 0px; width: 134px !important; height: auto !important;} .seller-copy-header .nav-top{gap: 10px;} .seller-copy-header .seller-brand-content .lilabalicom{width: 121px; height: auto;} .seller-copy-header .seller-brand-powered{font-size: 7px; line-height: 7px;}} @media (max-width: 767.98px){.seller-copy-header .site-navbar .seller-brand-sub{display: none;} .seller-copy-header .site-navbar .nav-brand{margin-left: 0px; margin-right: auto; flex-shrink: 1; width: auto !important; height: auto !important;} .seller-copy-header .site-navbar .seller-brand-content{flex-direction: row; justify-content: flex-start; padding-left: 16px;} .seller-copy-header .site-navbar{width: 100%; margin-inline: 0px; padding-inline: 0px;} .seller-copy-header .site-navbar > .container{width: 100%; max-width: none; margin-inline: 0px; padding-inline: 0px;} .seller-copy-header .site-navbar .seller-brand-content .lilabalicom{width: min(210px, -140px + 100vw); max-width: 100%; height: auto;}} @media (min-width: 992px){ } @media (max-width: 600px){ } @media (prefers-reduced-motion: reduce){ } @media (min-width: 577px){ } .seller-copy-header .mb-field{margin-bottom: 1.15rem; max-width: 320px; margin-left: auto; margin-right: auto;} .seller-copy-header .phone-number{flex: 1 1 0%; align-self: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-family: var(--font-sans); font-size: 1.1rem; font-weight: 700; color: var(--color-text); background: transparent; height: 1.4em; padding: 0px 0.9rem 0px 0px; line-height: 1.2; min-width: 0px;} .seller-copy-header .flag-dropdown{max-height: 280px; overflow-y: auto; min-width: 260px !important; padding: 0.35rem !important; border: 1px solid var(--color-border) !important; border-radius: var(--radius-lg) !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px !important;} .seller-copy-header .flag-dropdown .dropdown-item{display: flex; align-items: center; gap: 0.55rem; padding: 0.45rem 0.55rem; border-radius: var(--radius-sm); font-family: var(--font-sans); font-size: var(--text-sm); font-weight: 600; color: var(--color-text-secondary);} .seller-copy-header .flag-dropdown .di-flag{width: 24px; height: 16px; object-fit: cover; border-radius: var(--radius-sm); border: 1px solid var(--color-border); flex-shrink: 0;} .seller-copy-header .flag-dropdown .di-code{color: var(--color-text-muted); font-weight: 500; font-size: var(--text-xs);} @media (max-width: 576px){ } @media (max-width: 576px){ } @media (max-width: 359.98px){ } .seller-copy-header .mobile-sticky-signup{display: none;} @media (min-width: 992px){ .seller-copy-header .mobile-sticky-signup__form{display: flex; align-items: stretch; justify-content: center; gap: 7px; max-width: 540px; margin: 0px auto;} .seller-copy-header .mobile-sticky-signup__phone{display: flex; align-items: center; width: 300px; min-width: 0px; flex: 0 1 300px; height: 44px; border: 1.5px solid rgba(139, 47, 201, 0.38); border-radius: 8px; background: rgb(255, 255, 255); overflow: visible;} .seller-copy-header .mobile-sticky-signup__country{position: relative; align-self: stretch; display: flex; align-items: center;} .seller-copy-header .mobile-sticky-signup__country-button{display: inline-flex; align-items: center; gap: 5px; height: 100%; padding: 0px 8px; border: 0px; border-radius: 7px 0px 0px 7px; background: rgb(255, 255, 255);} .seller-copy-header .mobile-sticky-signup__flag{width: 25px; height: 17px; border-radius: 3px; object-fit: cover; flex: 0 0 auto;} .seller-copy-header .mobile-sticky-signup__chevron{font-size: 12px; color: var(--color-text-muted);} .seller-copy-header .mobile-sticky-signup__code{padding: 0px 7px; font-size: 14px; font-weight: 700; color: var(--color-text); white-space: nowrap;} .seller-copy-header .mobile-sticky-signup__input{width: 100%; min-width: 0px; height: 100%; padding: 0px 7px 0px 0px; border: 0px; outline: 0px; font-size: 14px; font-weight: 700; background: transparent;} .seller-copy-header .mobile-sticky-signup__submit{display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 44px; padding: 0px 13px; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 8px; background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); font-size: 13px; font-weight: 800; white-space: nowrap;} .seller-copy-header .mobile-sticky-signup__submit-icon{font-size: 20px; line-height: 1;}} .seller-copy-header .mobile-sticky-signup__form{flex-wrap: wrap;} .seller-copy-header .mobile-sticky-signup__form .signup-otp-contact{flex-basis: 100%; order: 3;} .seller-copy-header .mobile-sticky-signup__form .mobile-sticky-signup__submit{order: 2;} .seller-copy-header .signup-otp-contact[hidden]{display: none !important;} @media (max-width: 575.98px){ } @media (max-width: 991px){ } @media (min-width: 992px){ } @media (max-width: 570px){ } @media (max-width: 991.98px){ } @media (max-width: 575.98px){ } .seller-copy-header { position: sticky; top: 0; z-index: 1060; font-family: 'Geist', sans-serif; } .seller-copy-header .site-navbar { display: block; background: #fff; } .seller-copy-header .seller-wordmark-image { display: block; width: 172px; height: 34px; max-width: 100%; object-fit: contain; } .seller-copy-header .seller-mobile-wordmark { display: none; } @media(max-width:767.98px){ .seller-copy-header .seller-desktop-wordmark { display:none; } .seller-copy-header .seller-mobile-wordmark { display:block; } } .seller-copy-header a:hover { color: #8b2fc9; } .seller-copy-header .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 12px; padding-left: 12px; } /* Aliyah is the primary brand; Lilabali is the supporting brand. */ .seller-copy-header .seller-brand-content > a .seller-aliyah-logo { font: 800 25px/30px Arial, sans-serif; } .seller-copy-header .seller-brand-content > a .seller-aliyah-name { padding: 5px 9px; } .seller-copy-header .seller-brand-content > a .seller-aliyah-ai { width: auto; padding: 5px 8px; } .seller-copy-header .seller-brand-sub .lilabalicom { width: 110px; height: auto; } @media (max-width: 767.98px) { .seller-copy-header .seller-brand-content > a .seller-aliyah-logo { font-size: 22px; line-height: 26px; } } .seller-copy-header .nav-top { gap: 16px; } .seller-copy-header .aliyah-navigation { display: flex; gap: 12px; margin-left: auto; } .seller-copy-header .aliyah-navigation .nav-main-link { padding: 8px 0; font-size: 12px; white-space: nowrap; } .seller-copy-header .nav-right { margin-left: 0; gap: 6px; } @media (max-width: 1399.98px) { .seller-copy-header .nav-top { flex-wrap: wrap; gap: 0; } .seller-copy-header .nav-right { margin-left: auto; } .seller-copy-header .aliyah-navigation { order: 3; width: 100%; overflow-x: auto; padding: 3px 8px; gap: 18px; border-top: 1px solid #f0f0f3; } .seller-copy-header .site-navbar .nav-top { height: auto; } } @media (max-width: 1399.98px) { .seller-copy-header .site-navbar .nav-top { flex-wrap: wrap; } .seller-copy-header .site-navbar .aliyah-navigation { flex: 0 0 100%; min-width: 0; } } /* Right-align navigation while keeping overflowing mobile links reachable. */ .seller-copy-header .site-navbar .aliyah-navigation { margin-left: auto; justify-content: flex-end; justify-content: safe flex-end; } .seller-copy-header .aliyah-navigation .nav-main-link, .seller-copy-header .nav-right .btn-header-login { text-transform: uppercase; } .seller-copy-header .aliyah-navigation .nav-main-link { font-size: 14px; } .seller-copy-header .site-navbar .aliyah-navigation { gap: 24px; } /* Center both wordmarks within the same logo height. */ .seller-copy-header .seller-brand-content > a .seller-aliyah-logo { height: 40px; line-height: 1; align-items: stretch; } .seller-copy-header .seller-brand-content > a .seller-aliyah-name, .seller-copy-header .seller-brand-content > a .seller-aliyah-ai { display: flex; align-items: center; justify-content: center; padding: 0 9px; line-height: 1; } /* Match the marketplace header height on mobile only. */ @media (max-width: 767.98px) { .seller-copy-header .site-navbar .nav-top { min-height: 96px; padding-top: 2px; padding-bottom: 2px; align-items: center; align-content: space-around; } }.seller-copy-header .site-navbar .nav-right .login-icon-only { border: 0 !important; box-shadow: none; background: transparent !important; } /* Match the marketplace account icon. */ .seller-copy-header .site-navbar .nav-right .login-icon-only { width: 22px; height: 22px; min-height: 0; padding: 0; gap: 0; border-radius: 0; color: #333 !important; align-items: center; justify-content: center; } .seller-copy-header .site-navbar .nav-right .login-icon-only > svg { width: 22px; height: 22px; transform: none; flex-shrink: 0; } .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link { font-size: 16px; color: #333; } /* Keep navigation labels and the account icon on one vertical centerline. */ .seller-copy-header .site-navbar .aliyah-navigation, .seller-copy-header .site-navbar .nav-right { align-items: center; } .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link, .seller-copy-header .site-navbar .nav-right .login-icon-only { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding-top: 0; padding-bottom: 0; line-height: 1; } /* Optically align the user outline with uppercase navigation labels. */ .seller-copy-header .site-navbar .nav-right .login-icon-only > svg { transform: translateY(-2px); } .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link { font-size: 14px; } .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"] { gap: 0; } .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"] strong { font-weight: 700; } .seller-copy-header .site-navbar .aliyah-navigation .aliyah-nav-bot { width: 24px; height: 24px; flex-shrink: 0; margin-right: 6px; } .seller-copy-header .site-navbar .aliyah-navigation .aliyah-nav-bot { width: 28px; height: 28px; transform: none; filter: none; opacity: 1; shape-rendering: geometricPrecision; } /* Swipe the main navigation without the visible desktop scrollbar. */ .seller-copy-header .site-navbar .aliyah-navigation { scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } .seller-copy-header .site-navbar .aliyah-navigation::-webkit-scrollbar { display: none; } /* Match the feature tabs' selected pill in the main navigation. */ .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link { padding-left: 14px; padding-right: 14px; border-radius: 24px; } .seller-copy-header .site-navbar .aliyah-navigation { gap: 5px; } .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link[aria-current="true"] { background: #242027; color: #fff; } .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link[aria-current="true"] { color: #fff !important; } /* AliyahBot stays unfilled, including its selected and hover states. */ .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"], .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"]:hover, .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"]:focus, .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"]:active, .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"][aria-current="true"] { background: transparent; color: #333 !important; } /* Center the mobile wordmark with equal room above and below it. */ .seller-copy-header .seller-mobile-powered { display: none; } @media (max-width: 767.98px) { .seller-copy-header .site-navbar .nav-top { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; align-content: normal; gap: 0; min-height: 0; padding: 0; } .seller-copy-header .site-navbar .nav-brand { grid-column: 2; grid-row: 1; justify-self: center; width: auto !important; height: auto !important; margin: 0; padding: 12px 0; } .seller-copy-header .site-navbar .seller-brand-content { padding-left: 0; justify-content: center; flex-direction: column; align-items: center; gap: 0; } .seller-copy-header .site-navbar .seller-brand-content > a .seller-aliyah-logo { gap: 0; background: transparent; border-radius: 0; font: 900 30px/34px "Arial Black", Arial, sans-serif; height: 34px; letter-spacing: -.5px; } .seller-copy-header .seller-mobile-powered { display: block; color: #777; font: 400 10px/14px Arial, sans-serif; letter-spacing: 0; white-space: nowrap; } .seller-copy-header .seller-mobile-powered a { color: #333; font-weight: 600; text-decoration: none; } .seller-copy-header .site-navbar .seller-brand-content > a .seller-aliyah-name, .seller-copy-header .site-navbar .seller-brand-content > a .seller-aliyah-ai { background: transparent; padding: 0; width: auto; } .seller-copy-header .site-navbar .seller-brand-content > a .seller-aliyah-name { color: #000; } .seller-copy-header .site-navbar .seller-brand-content > a .seller-aliyah-ai { color: #8b2fc9; } .seller-copy-header .site-navbar .nav-right { grid-column: 3; grid-row: 1; justify-self: center; margin: 0; padding-right: 19px; } .seller-copy-header .site-navbar .aliyah-navigation { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; padding-top: 8px; padding-bottom: 8px; } .seller-copy-header .site-navbar .aliyah-navigation a[href="#feature-bot"][aria-current="true"] .aliyah-nav-bot { display: none; } .seller-copy-header .site-navbar .aliyah-navigation .nav-main-link { font-size: 12px; height: 36px; padding-left: 11px; padding-right: 11px; } .seller-copy-header .site-navbar .aliyah-navigation .aliyah-nav-bot { width: 24px; height: 24px; margin-right: 5px; } } /* Keep AliyahBot joined and reverse its icon inside the selected pill. */ .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"] { gap: 0; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] .aliyah-nav-bot [fill="#8B2FC9"] { fill: #fff; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] .aliyah-nav-bot [fill="#fff"] { fill: #8B2FC9; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] { background: #242027; } /* Only AliyahBot keeps its unselected appearance on the current mobile slide. */ @media (max-width: 767.98px) { .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] { background: transparent; box-shadow: none; color: #333 !important; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] .aliyah-nav-bot [fill="#8B2FC9"] { fill: #8B2FC9; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] .aliyah-nav-bot [fill="#fff"] { fill: #fff; } } /* Desktop Bot selection uses a light grey outline and original logo colors. */ @media (min-width: 768px) { /* Frosted glass lets the page colors show through as content scrolls below. */ .seller-copy-header .site-navbar { background: rgba(255, 255, 255, 0.64); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); box-shadow: none; } .seller-copy-header .site-navbar .nav-top { border-bottom-color: rgba(0, 0, 0, 0.045); } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .seller-copy-header .site-navbar { background: rgba(255, 255, 255, 0.94); } } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] { background: transparent; box-shadow: inset 0 0 0 1px #dedede; color: #333 !important; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] .aliyah-nav-bot [fill="#8B2FC9"] { fill: #8B2FC9; } .seller-copy-header .site-navbar .aliyah-navigation a[data-feature-target="feature-bot"][aria-current="true"] .aliyah-nav-bot [fill="#fff"] { fill: #fff; } } .seller-copy-header .aliyah-menu-prev, .seller-copy-header .aliyah-menu-next { display: none; } @media (max-width: 767.98px) { .seller-copy-header .site-navbar .aliyah-navigation { grid-column: 2 / 3; min-width: 0; padding-right: 20px; } .seller-copy-header .nav-top:has(.aliyah-menu-prev[hidden]) .aliyah-navigation { grid-column-start: 1; } .seller-copy-header .nav-top:has(.aliyah-menu-next[hidden]) .aliyah-navigation { grid-column-end: -1; } .seller-copy-header .aliyah-menu-prev:not([hidden]), .seller-copy-header .aliyah-menu-next:not([hidden]) { display: flex; grid-column: 3; grid-row: 2; align-self: stretch; align-items: center; justify-content: center; z-index: 2; width: 44px; padding: 0; border: 0; color: #8b2fc9; background: #fff; cursor: pointer; } .seller-copy-header .aliyah-menu-prev:not([hidden]) { grid-column: 1; background: #fff; } .seller-copy-header .aliyah-menu-prev:focus-visible, .seller-copy-header .aliyah-menu-next:focus-visible { outline: 2px solid #8b2fc9; outline-offset: -3px; } }