/* AUJUNPEAK V52 | account dropdown, profile, header search, site footer.
   Lightweight GPU-friendly transitions; respects reduced motion. */
:root{--av52-blue:#3489ff;--av52-blue-light:#8bbaff;--av52-border:rgba(139,167,207,.18);--av52-surface:#121925;--av52-muted:#94a8c3}
/* Topbar search | keeps the original GET handler and all its query behavior. */
body.public-ui .topbar-search{max-width:620px;min-width:0;flex:1 1 120px}
body.public-ui .topbar-search .topbar-search-wrap{position:relative;display:flex;align-items:center;width:100%;height:40px;min-height:40px;padding:0 5px 0 13px;gap:10px;border-radius:13px!important;border:1px solid rgba(91,128,193,.27)!important;background:linear-gradient(145deg,rgba(21,30,48,.97),rgba(13,22,37,.97))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 16px rgba(0,8,27,.1)!important;transition:border-color .23s,box-shadow .23s,background .23s,transform .23s}
body.public-ui .topbar-search .topbar-search-wrap:hover{border-color:rgba(85,151,255,.55)!important}
body.public-ui .topbar-search .topbar-search-wrap:focus-within{border-color:#4e92ff!important;background:#101e36!important;box-shadow:0 0 0 3px rgba(50,126,250,.13),0 7px 22px rgba(28,73,179,.13)!important}
body.public-ui .topbar-search .topbar-search-wrap>i{position:static;flex:0 0 auto;color:#86abe0!important;font-size:13px;opacity:1;transition:color .2s,transform .2s}
body.public-ui .topbar-search .topbar-search-wrap:focus-within>i{color:#a9ceff!important;transform:scale(1.1)}
body.public-ui .topbar-search-wrap input[type="search"]{flex:1;min-width:0;width:100%;height:100%;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;color:#e7f0ff!important;font-size:12.5px!important;letter-spacing:.01em}
body.public-ui .topbar-search-wrap input::placeholder{color:#899ebc!important;opacity:.93}
body.public-ui .topbar-search-hint{flex:none;border:1px solid rgba(139,166,208,.17);border-radius:6px;color:#8197b6;font:650 10px/1 system-ui;padding:4px 6px;white-space:nowrap}
body.public-ui .topbar-search-clear,body.public-ui .topbar-search-submit{display:grid;place-items:center;flex:none;width:29px;height:29px;padding:0;cursor:pointer;border-radius:8px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
body.public-ui .topbar-search-clear{background:transparent;border:0;color:#9badc7}
body.public-ui .topbar-search-clear[hidden]{display:none!important}
body.public-ui .topbar-search-submit{width:31px;height:30px;color:#fff;border:1px solid rgba(142,189,255,.36);background:linear-gradient(145deg,#347feb,#225ec8);box-shadow:inset 0 1px rgba(255,255,255,.15),0 3px 10px rgba(13,82,198,.21)}
body.public-ui .topbar-search-clear:hover{color:#fff;background:rgba(132,170,222,.17)}
body.public-ui .topbar-search-submit:hover{transform:translateX(1px);background:#347ef0;box-shadow:0 4px 16px #2563eb55}
/* Dropdown: origin at the top, unroll like a soft sheet. Original menu logic handles dismissal. */
body.public-ui .topbar-user-wrap{position:relative;isolation:isolate}
body.public-ui .topbar-user-drop{width:min(312px,calc(100vw - 20px))!important;max-height:min(76dvh,560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#365277 transparent;z-index:1200!important;transform-origin:top right;will-change:transform,opacity,clip-path;border:1px solid rgba(104,153,224,.28)!important;border-radius:17px!important;background:linear-gradient(160deg,#182235,#0d1523 75%)!important;box-shadow:0 21px 55px rgba(0,0,0,.52),0 0 0 1px rgba(103,159,243,.065),inset 0 1px rgba(255,255,255,.075)!important;color:#eaf2ff!important;opacity:0;transform:perspective(780px) rotateX(-8deg) scaleY(.82) translateY(-9px);clip-path:inset(0 0 90% 0 round 17px);transition:opacity .23s ease,transform .28s cubic-bezier(.2,.8,.2,1),clip-path .32s cubic-bezier(.2,.75,.18,1);backface-visibility:hidden}
body.public-ui .topbar-user-drop[hidden]{display:none!important}
body.public-ui .topbar-user-drop.is-open,body.public-ui .topbar-user-drop.open{opacity:1;transform:perspective(780px) rotateX(0) scaleY(1) translateY(0);clip-path:inset(0 0 0 0 round 17px)}
body.public-ui .topbar-user-drop::before{content:"";display:block;position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#589bff,transparent);pointer-events:none}
body.public-ui .topbar-user[data-user-menu-trigger][aria-expanded="true"]{box-shadow:0 0 0 3px rgba(71,141,255,.17),0 0 23px rgba(49,109,235,.35)!important;border-color:rgba(102,160,246,.5)!important}
body.public-ui .topbar-user-drop .tud-header{padding:13px 13px 10px!important;border-bottom:1px solid rgba(153,171,211,.13)!important;gap:11px}
body.public-ui .topbar-user-drop .tud-avatar{flex:0 0 37px;width:37px;height:37px}
body.public-ui .topbar-user-drop .tud-username{font-size:12px;font-weight:780;color:#edf4ff;line-height:1.5}
body.public-ui .topbar-user-drop .tud-balance-mini{font-size:10px;color:#94abc9}
body.public-ui .topbar-user-drop .tud-balance-mini strong{color:#9ebaff!important}
body.public-ui .topbar-user-drop .tud-profile-cta{display:flex;align-items:center;gap:10px;margin:10px 11px 9px;padding:11px;border:1px solid rgba(89,144,238,.28);border-radius:11px;background:linear-gradient(110deg,rgba(48,110,226,.16),rgba(30,60,116,.14));color:#edf4ff!important;text-decoration:none!important;transition:transform .21s,background .21s,border-color .21s,box-shadow .21s}
body.public-ui .topbar-user-drop .tud-profile-cta:hover{transform:translateY(-1px);background:rgba(51,110,225,.23);border-color:rgba(97,165,255,.58);box-shadow:0 7px 17px rgba(13,56,130,.2)}
body.public-ui .tud-profile-cta__icon{flex:none;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:#a4caff;background:rgba(83,139,244,.17)}
body.public-ui .tud-profile-cta span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.public-ui .tud-profile-cta strong{font-weight:760;font-size:11.5px}
body.public-ui .tud-profile-cta small{color:#a4b9d4;font-size:10px}
body.public-ui .tud-profile-arrow{font-size:10px;color:#9ebffa;opacity:.8}
body.public-ui .topbar-user-drop .tud-balance-card{padding:11px 12px!important;margin:0 11px 7px!important;border-radius:11px!important;background:rgba(11,19,32,.66)!important;border:1px solid rgba(117,146,193,.23)!important;box-shadow:none!important}
body.public-ui .topbar-user-drop .tud-bal-label{font-size:10px;color:#98adc9}
body.public-ui .topbar-user-drop .tud-bal-amount{font-size:18px!important;letter-spacing:-.02em;margin:3px 0 8px}
body.public-ui .topbar-user-drop .tud-topup-btn{border-radius:9px!important;min-height:34px!important;background:#2563d8!important;border:1px solid rgba(145,187,255,.2)!important;color:#fff!important;transition:background .2s,transform .2s}
body.public-ui .topbar-user-drop .tud-topup-btn:hover{background:#347efa!important;transform:translateY(-1px)}
body.public-ui .topbar-user-drop .tud-links{padding:3px 8px 7px!important}
body.public-ui .topbar-user-drop .tud-link{display:flex;align-items:center;gap:11px;min-height:35px!important;padding:8px 10px!important;color:#c1d0e7!important;border-radius:9px!important;font-size:11.5px!important;transition:transform .2s,background .2s,color .2s}
body.public-ui .topbar-user-drop .tud-link>i,body.public-ui .topbar-user-drop .tud-link>svg{width:17px;min-width:17px;text-align:center;color:#8faad0!important}
body.public-ui .topbar-user-drop .tud-link:hover{background:rgba(65,122,220,.15)!important;color:#fff!important;transform:translateX(2px)}
body.public-ui .topbar-user-drop .tud-logout{min-height:39px!important;padding:10px 17px!important;border-top:1px solid rgba(185,118,134,.17)!important;background:rgba(148,48,75,.08)!important;color:#ffadb9!important;font-size:11px!important;transition:background .2s}
body.public-ui .topbar-user-drop .tud-logout:hover{background:rgba(158,55,81,.2)!important}
body.public-ui .sb-btn-profile-v52{display:flex;align-items:center;gap:9px;margin:7px 0;padding:10px 12px;border:1px solid rgba(90,153,252,.3);border-radius:9px;background:rgba(52,122,236,.12);color:#afd2ff!important;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s}
body.public-ui .sb-btn-profile-v52:hover{background:rgba(52,122,236,.25)}
/* Footer: matching graphite/blue website background, smaller vertical footprint, clear separators */
body.public-ui #siteFooter{--sf-ink:#ebf2ff;--sf-copy:#98abc6;--sf-mint:#8fbfff;max-width:1280px!important;width:calc(100% - 30px)!important;margin:22px auto 12px!important;border:1px solid rgba(117,148,195,.17)!important;border-radius:16px!important;background:linear-gradient(128deg,rgba(17,23,34,.95),rgba(14,20,30,.96))!important;box-shadow:0 6px 25px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.025)!important}
body.public-ui #siteFooter::before{left:18px;width:160px;height:1px;background:linear-gradient(90deg,transparent,#4a87db,transparent)}
body.public-ui #siteFooter .sf-main{gap:13px 24px!important;padding:19px 21px 15px!important}
body.public-ui #siteFooter .sf-logo{width:36px;height:36px;flex-basis:36px;border-color:rgba(106,151,227,.19);background:#101b2a}
body.public-ui #siteFooter .sf-name{font-size:15px!important}
body.public-ui #siteFooter .sf-eyebrow{color:#7e9dbc!important;font-size:8px}
body.public-ui #siteFooter .sf-description{margin:8px 0!important;font-size:11px!important;line-height:1.6!important;color:#99abc1!important}
body.public-ui #siteFooter .sf-signals{gap:6px 10px}
body.public-ui #siteFooter .sf-signal{color:#8199b7!important;font-size:9px}
body.public-ui #siteFooter .sf-signal svg{color:#6faeff}
body.public-ui #siteFooter .sf-heading{margin:2px 0 9px!important;color:#dce9ff!important;font-size:10px!important}
body.public-ui #siteFooter .sf-heading::before{background:#66a8ff}
body.public-ui #siteFooter .sf-links{gap:0!important}
body.public-ui #siteFooter .sf-link{min-height:26px!important;padding:2px 0!important;color:#a6b5c9!important;font-size:10.5px!important}
body.public-ui #siteFooter .sf-link:hover{color:#a9ccff!important}
body.public-ui #siteFooter .sf-support{padding:12px!important;border:1px solid rgba(101,139,196,.19)!important;border-radius:11px!important;background:rgba(33,51,78,.18)!important}
body.public-ui #siteFooter .sf-support-label{color:#87acd5!important}
body.public-ui #siteFooter .sf-support-title{color:#e8f2ff!important}
body.public-ui #siteFooter .sf-support-desc{color:#a5b8cc!important}
body.public-ui #siteFooter .sf-support-cta{min-height:31px!important;border-radius:9px!important;border-color:rgba(90,157,251,.35)!important;color:#c2d9ff!important;background:rgba(58,112,206,.12)!important}
body.public-ui #siteFooter .sf-payments{position:relative;border-top:1px solid rgba(117,146,188,.14)!important;margin:0 21px!important;padding:13px 0!important;gap:10px!important;background:transparent!important}
body.public-ui #siteFooter .sf-payment-heading{color:#dbeaff!important;font-size:10px!important}
body.public-ui #siteFooter .sf-payment-note{color:#869db8!important;font-size:10px!important}
body.public-ui #siteFooter .sf-payment-methods{gap:8px!important}
body.public-ui #siteFooter .sf-method{min-height:48px!important;padding:8px 10px!important;border:1px solid rgba(119,151,198,.15)!important;background:rgba(28,41,59,.38)!important;border-radius:10px!important}
body.public-ui #siteFooter .sf-method-icon{background:rgba(56,112,193,.1)!important;color:#92bdf4!important;border-color:rgba(99,158,234,.19)!important;width:29px;height:29px;flex-basis:29px}
body.public-ui #siteFooter .sf-method-name{color:#d4e3f9!important;font-size:10.5px!important}
body.public-ui #siteFooter .sf-method-detail{color:#869db8!important;font-size:9px!important}
body.public-ui #siteFooter .sf-bottom{padding:10px 21px!important;border-top:1px solid rgba(111,144,192,.19)!important;background:rgba(6,12,21,.18)!important}
body.public-ui #siteFooter .sf-copyright,body.public-ui #siteFooter .sf-legal{color:#8197b1!important;font-size:9.5px!important}
body.public-ui #siteFooter .sf-legal a:hover{color:#accfff!important}
body.public-ui #siteFooter .sf-top{border-color:rgba(93,143,212,.19);color:#9ab8df}
/* Profile page: no framework dependencies */
.account-v52{width:100%;max-width:1150px;margin:0 auto;padding:16px 5px 24px;color:#ebf2ff;min-height:65vh;font:400 13px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;--ac-line:rgba(125,151,195,.18)}
.account-v52 *{box-sizing:border-box}
.account-v52 a{text-decoration:none!important}
.account-head-v52{margin-bottom:16px}
.account-crumbs{display:flex;align-items:center;gap:9px;color:#88a2c7;font-size:10.5px;margin:0 0 13px}
.account-crumbs a{color:#a0b9df!important}.account-crumbs i{font-size:8px;color:#63799c}
.account-title-row{display:flex;align-items:center;gap:13px}
.account-title-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(105,171,255,.35);border-radius:13px;background:linear-gradient(135deg,#244e92,#193153);color:#bfd9ff;font-size:18px;box-shadow:0 8px 20px #2065c726}
.account-eyebrow{font-size:9px;letter-spacing:.17em;font-weight:800;color:#78aef5}
.account-title-row h1{color:#f6faff!important;font-size:clamp(21px,3vw,27px)!important;line-height:1.23;font-weight:850;margin:3px 0!important;letter-spacing:-.03em}
.account-title-row p{margin:0!important;color:#96a9c3!important;font-size:11.5px}
.account-layout-v52{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:15px;align-items:start}
.account-primary-v52,.account-aside-v52{display:grid;gap:15px;min-width:0}
.account-card-v52{position:relative;min-width:0;overflow:hidden;border:1px solid var(--ac-line);border-radius:16px;background:linear-gradient(145deg,rgba(23,32,48,.96),rgba(16,25,39,.94));box-shadow:0 9px 27px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.03);padding:19px}
.account-card-v52::before{content:"";position:absolute;top:0;left:17px;right:70%;height:1px;background:linear-gradient(90deg,#5c9afb,transparent)}
.account-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.account-card-heading h2,.account-quick-v52 h2{display:flex;align-items:center;gap:9px;color:#ecf4ff!important;font-size:13px!important;font-weight:780;margin:0!important}
.account-card-heading h2 i,.account-quick-v52 h2 i{font-size:13px;color:#83b4ff}
.account-state-v52,.account-mini-tag{display:inline-flex;align-items:center;gap:5px;color:#98bdf4;font-size:9px;font-weight:750;white-space:nowrap;padding:4px 8px;border:1px solid rgba(109,160,234,.22);border-radius:99px;background:rgba(61,112,199,.12)}
.account-state-v52 i{font-size:9px;color:#7bd9ba}
.account-identity-v52{display:flex;align-items:center;gap:13px;margin:6px 0 15px;padding:14px;border-radius:12px;background:linear-gradient(100deg,rgba(56,108,193,.13),rgba(35,61,104,.06));border:1px solid rgba(123,158,214,.13)}
.account-avatar-v52{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid rgba(110,169,246,.36);border-radius:13px;background:#25477b;color:#bdd9ff;font-size:19px}
.account-identity-v52 strong{display:block;font-size:16px;color:#edf6ff;overflow-wrap:anywhere}
.account-identity-v52 span{display:block;color:#95aac7;font-size:10.5px;margin-top:2px}
.account-facts-v52{display:grid;gap:0;margin:0}
.account-facts-v52>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid rgba(134,159,193,.11)}
.account-facts-v52>div:last-child{border-bottom:0;padding-bottom:0}
.account-facts-v52 dt{display:flex;align-items:center;gap:9px;color:#95a8c4;font-size:11.5px;white-space:nowrap}
.account-facts-v52 dt i{color:#7ca8e7;width:15px;text-align:center}
.account-facts-v52 dd{display:flex;align-items:center;gap:6px;min-width:0;text-align:right;color:#e8f1ff;font-weight:700;font-size:11.5px;overflow-wrap:anywhere}
.account-email-text{overflow-wrap:anywhere;min-width:0}
.account-copy-v52{flex:none;width:27px;height:27px;border:1px solid rgba(99,148,214,.27);background:rgba(63,114,201,.12);color:#a4ccff;cursor:pointer;border-radius:8px;transition:background .2s,transform .2s}
.account-copy-v52:hover{background:rgba(54,116,231,.31);transform:translateY(-1px)}
.account-section-desc{color:#9cafc8!important;font-size:11.5px!important;line-height:1.75;margin:-2px 0 15px!important}
.account-input-group-v52{display:grid;gap:6px;margin-bottom:13px}
.account-input-group-v52>label{color:#d2e2f6;font-weight:650;font-size:11.5px}
.account-field-v52{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:10px;border:1px solid rgba(125,157,205,.25);background:rgba(7,14,26,.5);transition:border-color .2s,box-shadow .2s}
.account-field-v52:focus-within{border-color:#478df2;box-shadow:0 0 0 3px rgba(51,122,234,.13)}
.account-field-v52>i{width:16px;flex:none;color:#7eabd8;font-size:12px;text-align:center}
.account-field-v52 input{flex:1;min-width:0;width:100%;height:42px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#f0f5ff!important;font:500 12.5px system-ui!important;letter-spacing:.015em}
.account-field-v52 input::placeholder{color:#7486a1!important}
.account-field-v52 button{flex:none;display:grid;place-items:center;width:27px;height:29px;border:0;border-radius:7px;color:#91a9c9;background:transparent;cursor:pointer}
.account-field-v52 button:hover{color:#d0e5ff;background:rgba(98,148,222,.12)}
.account-strength-v52{height:4px;margin-top:3px;border-radius:5px;background:rgba(99,132,172,.2);overflow:hidden}
.account-strength-v52>span{display:block;width:0;height:100%;background:#6497f3;border-radius:5px;transition:width .23s,background .23s}
.account-hint-v52{font-size:10px;color:#849bb8;line-height:1.5}
.account-security-actions-v52{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-wrap:wrap}
.account-security-actions-v52>span{display:flex;gap:7px;align-items:center;max-width:260px;color:#8a9fba;font-size:9.5px;line-height:1.5}
.account-security-actions-v52>span i{color:#8dbbfa}
.account-submit-v52{display:flex;align-items:center;justify-content:center;gap:9px;min-height:39px;padding:9px 15px;background:linear-gradient(120deg,#2d77e3,#2359be);border:1px solid rgba(127,178,250,.31);border-radius:10px;color:#fff;font-weight:750;font-size:11.5px;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.account-submit-v52:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(30,100,225,.3)}
.account-alert-v52{display:flex;align-items:start;gap:8px;padding:10px 12px;margin:0 0 14px;border-radius:10px;font-size:11px;line-height:1.6}
.account-alert-v52.error{background:rgba(193,64,82,.13);border:1px solid rgba(232,113,128,.32);color:#ffbfcb}.account-alert-v52.success{background:rgba(34,137,113,.14);border:1px solid rgba(97,203,159,.29);color:#a6efd5}
.account-wallet-v52{display:grid;gap:10px;background:linear-gradient(140deg,rgba(28,67,120,.65),rgba(17,32,55,.95))}
.account-aside-label{font-size:9px;color:#9fc1ef;letter-spacing:.11em;font-weight:780}
.account-wallet-v52>strong{font-size:24px;font-weight:820;color:#f3faff;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}
.account-wallet-v52>strong small{font-size:12px;color:#c2d8f9}
.account-wallet-v52>a{display:flex;justify-content:center;align-items:center;gap:9px;min-height:36px;padding:8px;border-radius:9px;background:#2564d7;color:#fff!important;font-size:11px;font-weight:760;transition:transform .2s,background .2s}
.account-wallet-v52>a:hover{background:#3b82f6;transform:translateY(-1px)}
.account-quick-v52{padding-bottom:11px}
.account-quick-v52 nav{display:grid;margin-top:12px}
.account-quick-v52 nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px;border-radius:9px;color:#bbcae0!important;font-size:11px;transition:background .2s,transform .2s,color .2s}
.account-quick-v52 nav a>i:first-child{width:19px;text-align:center;color:#84aeea;font-size:12px}
.account-quick-v52 nav a span{flex:1}
.account-quick-v52 nav a>i:last-child{font-size:9px;opacity:.5}
.account-quick-v52 nav a:hover{background:rgba(67,121,202,.13);transform:translateX(2px);color:#fff!important}
.account-quick-v52 nav a.account-logout-v52{color:#f0a4b1!important;border-top:1px solid var(--ac-line);border-radius:0;margin-top:4px;padding-top:12px}
.account-quick-v52 nav a.account-logout-v52>i:first-child{color:#df879d}
.account-tip-v52{display:flex;align-items:start;gap:10px;padding:0 7px;color:#8196b1;font-size:10px;line-height:1.7}
.account-tip-v52 i{margin-top:3px;color:#7facf2}.account-tip-v52 p{margin:0}
.account-v52 button:focus-visible,.account-v52 a:focus-visible,.topbar-search button:focus-visible,.topbar-user-drop a:focus-visible{outline:2px solid #79b8ff!important;outline-offset:3px}
@media (max-width:900px){.account-layout-v52{grid-template-columns:minmax(0,1fr) 240px}.account-card-v52{padding:16px}body.public-ui #siteFooter .sf-main{gap:14px!important}}
@media (max-width:710px){.account-layout-v52{grid-template-columns:minmax(0,1fr)}.account-aside-v52{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.account-tip-v52{grid-column:1/-1}body.public-ui .topbar-search-hint{display:none}body.public-ui #siteFooter .sf-main{padding:17px!important}}
@media (max-width:560px){.account-v52{padding:8px 0 18px}.account-title-row h1{font-size:22px!important}.account-title-row p{font-size:10.5px}.account-aside-v52{grid-template-columns:1fr}.account-card-v52{padding:15px;border-radius:13px}.account-facts-v52>div{align-items:flex-start;flex-direction:column;gap:3px}.account-facts-v52 dd{text-align:left;margin-left:24px}.account-security-actions-v52 .account-submit-v52{width:100%}.account-card-heading{flex-wrap:wrap}body.public-ui .topbar-search .topbar-search-wrap{height:37px;min-height:37px;padding-left:10px;gap:7px;border-radius:10px!important}body.public-ui .topbar-search .topbar-search-wrap>i{font-size:12px}body.public-ui .topbar-search-wrap input[type="search"]{font-size:11px!important}body.public-ui .topbar-search-submit{height:28px;width:28px}body.public-ui #siteFooter{width:calc(100% - 18px)!important;margin:16px auto 9px!important}body.public-ui #siteFooter .sf-main{grid-template-areas:'brand brand' 'discover services' 'support support';gap:15px 10px!important;padding:15px!important}body.public-ui #siteFooter .sf-payments{margin:0 15px!important;padding:10px 0!important}body.public-ui #siteFooter .sf-bottom{padding:10px 15px!important}}
@media (max-width:370px){body.public-ui .topbar-user-drop{right:-8px!important;width:min(290px,calc(100vw - 15px))!important}body.public-ui .topbar-search-clear{width:23px}body.public-ui .topbar-search-wrap input[type="search"]{font-size:10px!important}body.public-ui #siteFooter .sf-payment-methods{flex-wrap:wrap}body.public-ui #siteFooter .sf-method{min-width:0;flex:1}}
@media (prefers-reduced-motion:reduce){body.public-ui .topbar-user-drop{transition:none!important;transform:none!important;clip-path:none!important}body.public-ui .topbar-search *,body.public-ui #siteFooter *, .account-v52 *{transition:none!important;animation:none!important}body.public-ui .topbar-user-drop:not([hidden]){opacity:1!important}}