/* AF Subs v13 storefront accessibility/usability additions */
html{scrollbar-gutter:stable;overflow-y:auto}
html.af-ui-scrollbars,
body.af-ui-scrollbars{scrollbar-width:thin;scrollbar-color:rgba(75,198,255,.46) rgba(3,10,18,.4)}
html.af-ui-scrollbars::-webkit-scrollbar,
body.af-ui-scrollbars::-webkit-scrollbar{width:10px}
html.af-ui-scrollbars::-webkit-scrollbar-track,
body.af-ui-scrollbars::-webkit-scrollbar-track{background:rgba(3,10,18,.55)}
html.af-ui-scrollbars::-webkit-scrollbar-thumb,
body.af-ui-scrollbars::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(91,207,255,.62),rgba(52,123,255,.52));border:2px solid rgba(3,10,18,.55);border-radius:20px}

.account-drawer,.drawer{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(75,198,255,.45) rgba(3,10,18,.25);
}
.account-drawer::-webkit-scrollbar,.drawer::-webkit-scrollbar{width:8px}
.account-drawer::-webkit-scrollbar-thumb,.drawer::-webkit-scrollbar-thumb{background:rgba(75,198,255,.42);border-radius:20px}
.drawer-links{padding-bottom:10px}
.af-ui-sticky-header .store-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px)}
.af-ui-announcement{position:relative;z-index:70;padding:8px 16px;text-align:center;font-size:12px;letter-spacing:.02em;border-bottom:1px solid rgba(83,194,255,.16);background:rgba(6,25,44,.96);color:#cceeff}

.af-ai-launcher{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;align-items:center;gap:9px;min-height:48px;padding:0 17px;border:1px solid rgba(73,194,255,.38);border-radius:999px;background:linear-gradient(135deg,rgba(15,52,82,.97),rgba(10,31,55,.98));color:#eefaff;box-shadow:0 18px 55px rgba(0,87,166,.28);font-weight:700;cursor:pointer}
.af-ai-launcher:hover{transform:translateY(-1px);border-color:rgba(88,211,255,.68)}
.af-ai-dot{width:9px;height:9px;border-radius:50%;background:#5bd2ff;box-shadow:0 0 15px rgba(77,207,255,.8)}
.af-ai-panel{position:fixed;right:20px;bottom:80px;z-index:121;width:min(390px,calc(100vw - 28px));height:min(590px,calc(100dvh - 120px));display:none;grid-template-rows:auto 1fr auto;border:1px solid rgba(72,188,255,.26);border-radius:20px;background:linear-gradient(180deg,rgba(7,19,33,.99),rgba(5,13,24,.99));box-shadow:0 28px 90px rgba(0,0,0,.48);overflow:hidden}
.af-ai-panel.open{display:grid}
.af-ai-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.af-ai-head strong{display:block;font-size:14px}
.af-ai-head span{display:block;font-size:11px;color:#8ea8bf;margin-top:2px}
.af-ai-close{border:0;background:transparent;color:#aac2d6;font-size:22px;cursor:pointer}
.af-ai-messages{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.af-ai-msg{max-width:88%;padding:10px 12px;border-radius:13px;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.af-ai-msg.user{align-self:flex-end;background:rgba(51,145,236,.18);border:1px solid rgba(74,181,255,.22)}
.af-ai-msg.assistant{align-self:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
.af-ai-compose{padding:12px;border-top:1px solid rgba(255,255,255,.08)}
.af-ai-form{display:flex;gap:8px}
.af-ai-input{min-width:0;flex:1;border:1px solid rgba(102,170,218,.22);border-radius:12px;background:rgba(3,12,22,.82);color:#eef8ff;padding:11px 12px;outline:none}
.af-ai-send{border:1px solid rgba(74,192,255,.35);border-radius:12px;background:rgba(36,133,214,.18);color:#eaf8ff;padding:0 13px;font-weight:700;cursor:pointer}
.af-ai-escalate{display:block;margin-top:8px;font-size:12px;color:#74d7ff}
@media(max-width:680px){
  .af-ui-compact-mobile .store-header{min-height:56px}
  .af-ui-compact-mobile .header-inner{min-height:56px}
  .af-ai-launcher{right:12px;bottom:12px}
  .af-ai-panel{right:12px;bottom:70px;width:calc(100vw - 24px);height:min(620px,calc(100dvh - 92px))}
}