/* F90 CARD 2026 store/drawer/UI polish. No product or supplier styling data changes. */
#drawer.drawer{background:color-mix(in srgb,var(--surface,#11121b) 73%,transparent)!important;backdrop-filter:blur(21px) saturate(125%);-webkit-backdrop-filter:blur(21px) saturate(125%);border-inline-start:1px solid #e9355655}
#drawer .drawer-head{background:transparent}
#drawer #drawerProfile{display:flex;flex-direction:column;gap:12px}
.f90-drawer-identity{position:relative;padding:14px;border:1px solid #f0416652;border-radius:19px;background:radial-gradient(circle at 94% 3%,rgba(225,32,67,.23),transparent 64%),linear-gradient(145deg,#15141ecb,#311321bd);box-shadow:0 9px 22px #0002}
.f90-drawer-identity:before{content:"F90 CARD";position:absolute;bottom:6px;left:10px;font-size:10px;letter-spacing:2px;color:#ffffff29;pointer-events:none}
.f90-drawer-identity .drawer-profile{background:transparent!important;border:0!important;padding:3px!important}
.f90-drawer-session{display:inline-flex;gap:7px;align-items:center;justify-content:center;text-decoration:none;padding:8px 13px;margin-top:10px;border:1px solid #f0647d65;border-radius:10px;background:#fb305527;color:#fff;font-size:13px;cursor:pointer;position:relative;z-index:1}
.f90-drawer-wallet-card{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 20% 0%,#ed3c6b53,transparent 58%),linear-gradient(130deg,#0c111d,#24131e 55%,#4d0c26)!important;border:1px solid #ea547ba8!important;border-radius:24px!important;box-shadow:0 10px 25px #0003,0 0 22px #f82a3917!important;padding:17px!important}
.f90-drawer-wallet-card:after{content:"";position:absolute;inset:auto -48px -89px auto;width:160px;height:160px;border:1px solid #ff91ad38;border-radius:50%;box-shadow:0 0 0 28px #fa33580b;pointer-events:none}
.f90-drawer-wallet-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.f90-drawer-wallet-card-top img{width:80px;height:54px;object-fit:contain}
.f90-drawer-wallet-card-top span{color:#d7a4b5;font-weight:800;letter-spacing:1px;font-size:9px}
.f90-drawer-wallet-card>strong{display:block!important;font-size:clamp(22px,4vw,28px)!important;direction:ltr!important;text-align:right}
.f90-drawer-wallet-copy{display:block;color:#dfb5bd;font-size:10px;margin-top:8px}
#drawer .drawer-preferences{display:flex;flex-direction:column;gap:11px;margin:0!important;padding:12px!important;background:color-mix(in srgb,var(--surface,#17141e) 64%,transparent);border:1px solid var(--line,#63303b);border-radius:15px}
#drawer .drawer-preferences label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px}
#drawer #currencySelect{min-width:112px;max-width:160px}
#drawer .f90-drawer-quick-grid a{transition:background .15s}
.method-tile{overflow:hidden;position:relative}
.method-tile img{max-width:100%;object-fit:contain}
.method-tile strong{overflow-wrap:anywhere}
.f90-method-unavailable{opacity:.63;filter:grayscale(.7);cursor:not-allowed!important;pointer-events:none}
.f90-method-unavailable small{color:#ffafbb!important;font-weight:800}
.f90-method-active:hover{border-color:#ef4a70}
.promotion .f90-ticker-copy{gap:32px;white-space:nowrap}
.promotion .f90-ticker-link{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.promotion .f90-ticker-item,.promotion .f90-ticker-message{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.promotion .promotion-track{animation-direction:normal!important;will-change:auto!important}
.f90-iphone-ad{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,340px);align-items:center;gap:16px;padding:clamp(15px,4vw,32px);margin:22px 0 32px;border:1px solid #fe526e63;border-radius:27px;background:radial-gradient(circle at 90% 30%,#ed224638,transparent 60%),linear-gradient(130deg,#15121c,#290d1b);contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 420px;overflow:hidden;color:#fff}
.f90-iphone-ad-copy h2{font-size:clamp(23px,3.5vw,36px);line-height:1.5;margin:9px 0}
.f90-iphone-ad-copy p{color:#e4c7d1}
.f90-iphone-scene{perspective:950px;display:grid;place-items:center;min-height:420px}
.f90-iphone-shell{position:relative;width:206px;height:395px;padding:7px;border:2px solid #a7a4aa;border-radius:37px;background:linear-gradient(128deg,#41434b,#10131b 45%,#8c8793);box-shadow:18px 23px 45px #0006,inset 0 0 0 3px #333440;transform:rotateY(-16deg) rotateX(5deg);animation:f90PhoneFloat 13s ease-in-out infinite}
.f90-iphone-screen{position:relative;overflow:hidden;width:100%;height:100%;border-radius:29px;background:#040509}
.f90-iphone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:19px;width:74px;background:#030404;border-radius:18px;z-index:2}
.f90-iphone-video{width:100%;height:100%;object-fit:cover;pointer-events:none;background:#080810}
.f90-iphone-side{position:absolute;top:94px;left:-4px;width:3px;height:58px;background:linear-gradient(#777580,#202027);border-radius:3px}
@keyframes f90PhoneFloat{0%,100%{transform:rotateY(-16deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(16deg) rotateX(3deg) translateY(-8px)}}
.f90-merchant-hero-new{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:clamp(18px,4vw,34px);border-radius:24px;border:1px solid #fa4d6866;background:radial-gradient(circle at 92% 20%,#dd27483a,transparent 60%),linear-gradient(128deg,#11141c,#341526);margin-bottom:23px;color:#fff}
.f90-merchant-hero-new h2{font-size:clamp(24px,4vw,35px);margin:5px 0}.f90-merchant-hero-new img{max-width:170px;max-height:160px;object-fit:contain}
.f90-merchant-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.f90-merchant-guide-grid pre{padding:14px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;background:#10121a;color:#eee;direction:ltr;font-size:12px}
.f90-merchant-guide-grid .key-token{overflow-wrap:anywhere;user-select:text}
.f90-api-action-tags{display:flex;gap:8px;flex-wrap:wrap}.f90-api-action-tags code{padding:7px 10px;background:#511d2e;color:#fff;border-radius:9px}
.f90-api-scopes{display:flex;gap:12px;flex-wrap:wrap;margin:9px 0 18px}
.f90-api-scopes label{padding:12px;background:var(--surface);border-radius:12px;border:1px solid var(--line)}
.f90-token-form{max-width:720px}
.profile-cover{box-shadow:0 15px 40px #0004!important}.profile-cover .avatar.large{border-width:3px}
.f90-design-video-fields,.f90-design-visibility{border:1px solid var(--line);border-radius:16px;padding:15px;margin:13px 0;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.f90-design-video-fields h3,.f90-design-visibility h3{margin-top:0}
.f90-design-video-fields .field{margin-block:8px}
@media(max-width:700px){#drawer.drawer{backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}.f90-iphone-ad{grid-template-columns:1fr;text-align:center}.f90-iphone-scene{min-height:315px}.f90-iphone-shell{width:155px;height:305px;border-radius:29px}.f90-iphone-screen{border-radius:22px}.f90-merchant-guide-grid{grid-template-columns:1fr}.f90-merchant-hero-new{flex-direction:column;text-align:center}.f90-merchant-hero-new img{max-width:100px}}
@media(prefers-reduced-motion:reduce){.f90-iphone-shell{animation:none;transform:none}.promotion .promotion-track{animation-duration:120s!important}.f90-method-active,.f90-drawer-quick-grid a{transition:none}}

/* Additional VIP ranks, consistent with the stored 1–15 scale */
.profile-cover.f90-vip-8,.vip-card.f90-vip-8{--vip-color:#e2a661;--vip-glow:#e2a66136}
.profile-cover.f90-vip-9,.vip-card.f90-vip-9{--vip-color:#de8cbf;--vip-glow:#de8cbf37}
.profile-cover.f90-vip-10,.vip-card.f90-vip-10{--vip-color:#eab75b;--vip-glow:#eab75b38}
.profile-cover.f90-vip-11,.vip-card.f90-vip-11{--vip-color:#9ed0f9;--vip-glow:#9ed0f938}
.profile-cover.f90-vip-12,.vip-card.f90-vip-12{--vip-color:#c8a5ff;--vip-glow:#c8a5ff38}
.profile-cover.f90-vip-13,.vip-card.f90-vip-13{--vip-color:#f89db0;--vip-glow:#f89db038}
.profile-cover.f90-vip-14,.vip-card.f90-vip-14{--vip-color:#8ce4d9;--vip-glow:#8ce4d940}
.profile-cover.f90-vip-15,.vip-card.f90-vip-15{--vip-color:#ffe394;--vip-glow:#ffe39448}
.f90-profile-brand-watermark{position:absolute!important;left:20px;top:16px;width:112px;height:93px;object-fit:contain;opacity:.19;filter:grayscale(.3);pointer-events:none}
.f90-runtime-status{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.f90-runtime-status span{display:inline-block;border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:9px 12px;font-size:12px}
.admin-body .metric-grid>.panel,.admin-body .panel{min-width:0}
.admin-body .table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.admin-body .table-wrap table{width:100%;border-collapse:collapse}
.admin-body .admin-main .panel{box-shadow:0 9px 22px #0001}
.admin-body .f90-admin-center-grid>a,.admin-body .f90-admin-center-grid>section{transition:border-color .15s}
.admin-body .f90-admin-center-grid>a:hover{border-color:var(--accent)}
@media(max-width:650px){.f90-profile-brand-watermark{width:65px;height:65px;top:8px;left:8px}.admin-body .admin-main{min-width:0;max-width:100%}.admin-body .f90-admin-center-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#f90LogoSky{display:none!important}.f90-iphone-shell{animation:none!important}}

/* Performance: skip painting off-screen catalog cards without removing or reordering them. */
@supports (content-visibility:auto) {
  .main-content .records > .record {
    content-visibility:auto;
    contain-intrinsic-size:auto 95px;
  }
}
@media(max-width:650px) {
  #f90LogoSky {display:none!important}
  #drawer.drawer {backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .f90-iphone-shell {animation-duration:18s}
}