/* Bimokook account hub — one layout for profile overview, business and preferences.
   Deliberately scoped: all other account pages keep their existing layout. */
.bmk-p9-profile-overview{
  color:#191919;
}
.bmk-p9-profile-overview .bmk-p9-crumb{
  margin-bottom:20px;
}
.bmk-p9-profile-overview .bmk-p9-heading{
  margin-bottom:25px;
}
.bmk-p9-profile-overview .bmk-p9-heading h1{
  color:#1a1a1a;
  font-size:29px;
  line-height:1.5;
  letter-spacing:0;
  margin-bottom:5px;
}
.bmk-p9-profile-overview .bmk-p9-heading p{
  color:#777;
  font-size:12px;
}
.bmk-p9-profile-overview .bmk-p9-eyebrow{
  color:#777;
  font-size:10px;
  letter-spacing:1px;
}
.bmk-p9-profile-overview .bmk-p9-grid{
  gap:24px;
}
.bmk-p9-profile-overview .bmk-p9-content{
  background:transparent;
  box-shadow:none;
  border:0;
  padding:0;
  border-radius:0;
  min-height:0;
}
.bmk-p9-profile-overview .bmk-p9-sidebar{
  border-color:#e8e8e8;
  box-shadow:none;
  position:sticky;
  top:108px;
  border-radius:14px;
}
.bmk-p9-profile-overview .bmk-p9-person{
  background:#fff;
  border-bottom-color:#efefef;
}
.bmk-p9-profile-overview .bmk-p9-nav{
  padding:10px;
  gap:4px;
}
.bmk-p9-profile-overview .bmk-p9-signout{
  margin-top:6px;
}
.bmk-hub{
  width:100%;
  min-width:0;
  display:grid;
  align-content:start;
}
.bmk-hub-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:15px;
  padding:23px 24px;
  margin:0 0 25px;
}
.bmk-hub-intro-start{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  flex:1 1 300px;
}
.bmk-hub-hero-avatar{
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  flex:0 0 60px;
  color:#fff;
  background:#242424;
  font-weight:800;
  font-size:25px;
  border-radius:16px;
}
.bmk-hub-hero-copy{min-width:0}
.bmk-hub-eyebrow{
  display:block;
  color:#8b8b8b;
  font:600 10px Montserrat,Almarai,sans-serif;
  letter-spacing:.7px;
  margin-bottom:5px;
}
.bmk-hub-hero-copy h2{
  margin:0;
  color:#191919;
  font-size:21px;
  font-weight:800;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.bmk-hub-hero-copy p{
  font-size:11px;
  color:#8b8b8b;
  margin:4px 0 0;
  line-height:1.65;
}
.bmk-hub-hero-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
}
.bmk-hub-auth-tag,
.bmk-hub-wholesale-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#f7f7f7;
  color:#404040;
  border:1px solid #e5e5e5;
  border-radius:7px;
  padding:7px 10px;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}
.bmk-hub-auth-tag svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:#27694a;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bmk-hub-wholesale-tag{
  background:#181818;
  border-color:#181818;
  color:#fff;
}
.bmk-hub-tabs{
  display:flex;
  align-items:stretch;
  gap:5px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:thin;
  border-bottom:1px solid #e5e5e5;
  margin-bottom:21px;
  padding:0 3px;
}
.bmk-hub-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:13px 18px;
  min-height:45px;
  flex:0 0 auto;
  margin-bottom:-1px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  color:#838383;
  cursor:pointer;
  white-space:nowrap;
}
.bmk-hub-tab:hover{color:#2c2c2c;background:#f9f9f9}
.bmk-hub-tab.is-selected{
  color:#171717;
  background:#fafafa;
  border-bottom-color:#171717;
}
.bmk-hub-tab:focus-visible{
  outline:2px solid #171717;
  outline-offset:-3px;
  border-radius:6px 6px 0 0;
}
.bmk-hub-tab svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bmk-hub-pane{
  min-width:0;
  background:transparent;
  animation:none;
}
.bmk-hub-pane[hidden]{display:none}
.bmk-hub-panel-heading{
  margin:0 0 18px;
}
.bmk-hub-panel-heading h3{
  font-size:18px;
  font-weight:800;
  color:#1a1a1a;
  line-height:1.5;
  margin:0 0 6px;
}
.bmk-hub-panel-heading p{
  margin:0;
  font-size:12px;
  color:#848484;
  line-height:1.75;
}
.bmk-hub-data-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  overflow:hidden;
}
.bmk-hub-data-item{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:23px 24px;
  min-width:0;
}
.bmk-hub-data-item:nth-child(even){
  border-inline-start:1px solid #ededed;
}
.bmk-hub-data-item:nth-child(n+3){
  border-top:1px solid #ededed;
}
.bmk-hub-data-item:nth-child(3):last-child{
  grid-column:1/-1;
}
.bmk-hub-data-item>span{
  color:#818181;
  font-size:12px;
  font-weight:600;
  line-height:1.6;
}
.bmk-hub-data-item>strong{
  color:#232323;
  font-size:15px;
  font-weight:800;
  line-height:1.7;
  overflow-wrap:anywhere;
}
.bmk-hub-data-item>strong[dir=ltr]{
  text-align:start;
  direction:ltr;
  unicode-bidi:plaintext;
}
.bmk-hub-data-item .bmk-hub-account-type{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.bmk-hub-account-type span{
  display:inline-flex;
  gap:3px;
  align-items:center;
  font-size:11px;
  font-weight:800;
  color:#28694a;
}
.bmk-hub-account-type svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.bmk-hub-wholesale-summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  border:1px solid #e6e6e6;
  border-radius:14px;
  background:#fff;
  margin-top:16px;
  padding:20px 23px;
}
.bmk-hub-wholesale-summary-copy{
  min-width:0;
  flex:1 1 240px;
}
.bmk-hub-wholesale-kicker{
  color:#898989;
  font-size:10px;
  letter-spacing:.65px;
  font-weight:800;
}
.bmk-hub-summary-title{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin:6px 0;
}
.bmk-hub-summary-title strong{
  font-size:14px;
  font-weight:800;
  color:#202020;
  line-height:1.7;
}
.bmk-hub-state{
  display:inline-flex;
  font-size:10px;
  font-weight:700;
  color:#87631e;
  background:#fff8e8;
  border:1px solid #ead9b5;
  padding:4px 8px;
  border-radius:7px;
}
.bmk-hub-state-on{
  color:#236844;
  background:#f5faf7;
  border-color:#d4e8dc;
}
.bmk-hub-wholesale-summary p{
  color:#777;
  margin:0;
  font-size:11px;
  line-height:1.8;
}
.bmk-hub-link{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  background:#181818;
  color:#fff;
  border:1px solid #181818;
  border-radius:8px;
  padding:11px 15px;
  min-height:40px;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.bmk-hub-link:hover{
  background:#333;
  color:#fff;
}
.bmk-hub-link svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[dir=rtl] .bmk-hub-link svg{
  transform:scaleX(-1);
}
.bmk-hub-settings-stack{
  display:grid;
  gap:15px;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack>.bmk-p9-email-card,
.bmk-p9-profile-overview .bmk-hub-settings-stack>.bmk-ac-consent{
  margin:0;
  padding:24px;
  min-width:0;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  box-shadow:none;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-email-head h3,
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-ac-header h3{
  color:#242424;
  font-size:15px;
  font-weight:800;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-email-head p,
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-ac-header p{
  color:#888;
  font-size:11px;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-email-card form input{
  border-color:#dedede;
  min-height:45px;
  font-size:13px;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-email-card form label{
  color:#444;
  font-size:12px;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-email-card .bmk-p9-outline{
  background:#fff;
  color:#181818;
  border-color:#d6d6d6;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-primary{
  background:#8dcdb9;
  border-color:#79bba5;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-primary:hover{
  background:#a2dfcb;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-ac-row+.bmk-ac-row{
  border-color:#ededed;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-ac-row-text strong{
  color:#303030;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-ac-row-text small{
  color:#888;
}
.bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-ac-actions .bmk-p9-primary{
  padding:10px 17px;
  min-height:43px;
}
@media(max-width:1050px){
  .bmk-p9-profile-overview .bmk-p9-grid{gap:17px}
  .bmk-hub-intro{padding:20px}
}
@media(max-width:760px){
  .bmk-p9-profile-overview{padding-top:20px;padding-bottom:60px}
  .bmk-p9-profile-overview .bmk-p9-crumb{margin-bottom:17px}
  .bmk-p9-profile-overview .bmk-p9-heading{margin-bottom:20px}
  .bmk-p9-profile-overview .bmk-p9-heading h1{font-size:26px}
  .bmk-p9-profile-overview .bmk-p9-grid{gap:16px}
  .bmk-p9-profile-overview .bmk-p9-sidebar{
    position:static;
    border-radius:12px;
    overflow:hidden;
  }
  .bmk-p9-profile-overview .bmk-p9-person{display:none}
  .bmk-p9-profile-overview .bmk-p9-nav{
    display:flex;
    flex-direction:row;
    gap:3px;
    grid-template-columns:none;
    overflow-x:auto;
    padding:8px;
    scrollbar-width:thin;
    align-items:center;
  }
  .bmk-p9-profile-overview .bmk-p9-nav>a,
  .bmk-p9-profile-overview .bmk-p9-nav>.bmk-p9-signout{
    display:inline-flex;
    flex:0 0 auto;
    min-height:38px;
    gap:6px;
    padding:8px 11px;
    width:auto;
    margin:0;
    text-align:center;
    white-space:nowrap;
  }
  .bmk-p9-profile-overview .bmk-p9-nav .bmk-p9-nav-label{
    flex:0 0 auto;
  }
  .bmk-p9-profile-overview .bmk-p9-nav .bmk-p9-signout{
    min-width:max-content;
  }
  .bmk-hub-intro{margin-bottom:18px;gap:13px;padding:17px}
  .bmk-hub-hero-avatar{
    width:50px;height:50px;flex-basis:50px;border-radius:13px;font-size:22px;
  }
  .bmk-hub-hero-copy h2{font-size:17px}
  .bmk-hub-hero-tags{justify-content:flex-start}
  .bmk-hub-tabs{gap:1px;margin-bottom:17px}
  .bmk-hub-tab{padding:12px 13px;gap:6px;font-size:11px}
  .bmk-hub-tab svg{width:16px;height:16px;flex-basis:16px}
  .bmk-hub-panel-heading h3{font-size:17px}
  .bmk-hub-data-item{padding:18px}
  .bmk-hub-wholesale-summary{padding:17px}
  .bmk-p9-profile-overview .bmk-hub-settings-stack>.bmk-p9-email-card,
  .bmk-p9-profile-overview .bmk-hub-settings-stack>.bmk-ac-consent{padding:18px}
}
@media(max-width:560px){
  .bmk-hub-intro-start{flex-basis:100%}
  .bmk-hub-hero-tags{width:100%;padding-inline-start:1px}
  .bmk-hub-data-grid{grid-template-columns:1fr}
  .bmk-hub-data-item:nth-child(even){border-inline-start:0}
  .bmk-hub-data-item:nth-child(n+2){border-top:1px solid #ededed}
  .bmk-hub-link{width:100%}
  .bmk-hub-hero-copy p{font-size:10px}
  .bmk-hub-auth-tag,.bmk-hub-wholesale-tag{font-size:10px}
  .bmk-hub-tab{padding:12px 10px}
  .bmk-hub-tab svg{display:none}
  .bmk-p9-profile-overview .bmk-hub-settings-stack .bmk-p9-email-card form button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .bmk-hub-tab{transition:none}
}