/* Shared storefront category selector and account preview menu. */
.cp-account-wrap{position:relative;flex:none;z-index:41}
.cp-account-trigger{display:flex;align-items:center;gap:8px;padding:4px 6px;border:0;border-radius:9px;background:transparent;color:inherit;font:700 13px/1.3 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.cp-account-trigger:hover,.cp-account-trigger:focus-visible{background:#edf9f5;outline-offset:2px}
.cp-account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e7f8f0;color:#00634e;font-size:15px}
.cp-account-chevron{font-size:10px;color:#516471}
.cp-account-menu[hidden]{display:none!important}
.cp-account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:min(270px,calc(100vw - 24px));max-height:calc(100dvh - 80px);overflow-y:auto;display:grid;gap:2px;background:#fff;border:1px solid #dce8e5;box-shadow:0 15px 35px #0a2c2926;border-radius:12px;padding:11px;color:#142039;text-align:left}
.cp-account-menu strong{display:block;font-size:12px;color:#58716e;padding:9px 12px;border-bottom:1px solid #e4ece9;margin-bottom:3px}
.cp-account-menu a{display:flex;align-items:center;gap:11px;min-height:40px;padding:8px 12px;border-radius:7px;color:#142039;font-size:13px;font-weight:650;text-decoration:none}
.cp-account-menu a i{width:18px;text-align:center;color:#00634e}
.cp-account-menu a:hover,.cp-account-menu a:focus-visible{background:#ebf9f3;color:#00634e}
.cp-account-menu .cp-account-exit{border-top:1px solid #e4ece9;border-radius:0;margin-top:4px}
.searchbar select,.cp-search select,.topline .search select{min-width:125px;max-width:165px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.topline .search select{height:26px;flex:none;border:0;border-left:1px solid #dce8e5;background:#fff;color:#31434c;padding:0 6px;font-size:12px}
@media(max-width:1050px){.actions .cp-account-wrap span.cp-account-avatar{display:grid}.actions .cp-account-wrap span.cp-account-name{display:inline}}
@media(max-width:760px){
  .cp-account-trigger{padding:3px}
  .cp-account-name,.cp-account-chevron,.actions .cp-account-wrap span.cp-account-name{display:none}
  .searchbar>span{display:none}
  .searchbar input{padding:0 8px;min-width:60px}
  .searchbar select{display:block!important;min-width:105px;max-width:112px;width:112px;padding:0 4px;font-size:13px}
  .searchbar button{padding:0 10px}
  .topline .search select{min-width:108px;max-width:124px;font-size:13px}
  .cp-search select{min-width:112px;max-width:122px;width:122px}
}
@media(max-width:400px){.cp-account-avatar{width:29px;height:29px}.topline .search select{min-width:100px;max-width:108px}}
.catalog-empty{padding:25px;border:1px dashed #b8d9ce;border-radius:10px;background:#f4fcf8;color:#365c52;font-size:14px}
.catalog-empty[hidden]{display:none}