/* CLIENT-MASTER-r1
   Client-facing master pages refresh based on the new KARETA mobile reference.
   Scope: #masters list and #masters:<id> master profile family.
   This is a CSS design layer only: it does not rewrite existing business flows.
*/

body.kareta-page-masters,
body.kareta-page-master_profile{
  --cm-bg:#f6f6f7;
  --cm-page:#fff;
  --cm-soft:#f4f4f5;
  --cm-line:#e8e8eb;
  --cm-text:#111;
  --cm-muted:#71717a;
  --cm-yellow:#ffc400;
  --cm-yellow-2:#ffb800;
  --cm-shadow:0 6px 18px rgba(15,23,42,.06);
  background:var(--cm-bg);
}

body.kareta-page-masters .page.masters-page-shell,
body.kareta-page-master_profile .page.master-profile-page{
  background:var(--cm-page);
  color:var(--cm-text);
  max-width:430px;
  min-height:100dvh;
  margin:0 auto;
  padding-bottom:calc(var(--bottom-nav-h, 72px) + 16px);
  overflow-x:hidden;
  box-shadow:0 0 0 1px rgba(232,232,235,.8);
}

body.kareta-page-masters .spa-content,
body.kareta-page-master_profile .container{
  padding-left:14px !important;
  padding-right:14px !important;
}

body.kareta-page-masters .spa-page-hero,
body.kareta-page-masters .masters-hero{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  padding:16px 14px 6px !important;
}

body.kareta-page-masters .spa-page-hero__title,
body.kareta-page-masters .page-hero__title,
body.kareta-page-masters .masters-hero h1{
  font-size:21px !important;
  line-height:1.1 !important;
  letter-spacing:-.45px;
  color:#111 !important;
  font-weight:950 !important;
}

body.kareta-page-masters .spa-page-hero__lead,
body.kareta-page-masters .page-hero__lead{
  font-size:12px !important;
  color:var(--cm-muted) !important;
  line-height:1.35 !important;
}

body.kareta-page-masters .catalog-tools,
body.kareta-page-masters .masters-sticky-tools{
  position:static !important;
  top:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:8px 0 12px !important;
}

body.kareta-page-masters .catalog-tools__actions,
body.kareta-page-masters .catalog-tool-btn,
body.kareta-page-masters .catalog-tools .catalog-tools__filters{
  display:none !important;
}

body.kareta-page-masters .catalog-tools__inner{
  display:block !important;
  padding:0 !important;
}

body.kareta-page-masters .catalog-tools__search,
body.kareta-page-masters .mo-search-action,
body.kareta-page-masters .mo-search-panel{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 44px !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.kareta-page-masters .mo-search-input{
  height:42px !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--cm-soft) !important;
  padding:0 13px !important;
  color:#111 !important;
  font-size:13px !important;
  box-shadow:none !important;
}

body.kareta-page-masters .mo-search-submit{
  width:44px !important;
  height:42px !important;
  min-width:44px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--cm-yellow) !important;
  color:#111 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
}
body.kareta-page-masters .mo-search-submit b{display:none !important;}

body.kareta-page-masters .masters-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  margin-top:10px !important;
}

body.kareta-page-masters .master-contact-row{
  border:1px solid var(--cm-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:var(--cm-shadow) !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:start !important;
  color:#111 !important;
}

body.kareta-page-masters .mcl-avatar{
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  border:0 !important;
  background:var(--cm-soft) !important;
  color:#111 !important;
  font-weight:950 !important;
  font-size:18px !important;
}

body.kareta-page-masters .mcl-name{
  color:#111 !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
}
body.kareta-page-masters .mcl-spec{
  color:var(--cm-muted) !important;
  font-size:12px !important;
  line-height:1.35 !important;
  margin-top:4px !important;
}
body.kareta-page-masters .mcl-rating,
body.kareta-page-masters .mcl-price{
  color:#111 !important;
  font-weight:950 !important;
}
body.kareta-page-masters .mcl-meta{
  margin-top:10px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
body.kareta-page-masters .mcl-meta-item,
body.kareta-page-masters .mcl-msg-chip{
  min-height:26px !important;
  border-radius:999px !important;
  background:#f4f4f5 !important;
  border:0 !important;
  color:#242424 !important;
  font-size:11px !important;
  font-weight:850 !important;
  padding:0 9px !important;
}
body.kareta-page-masters .mcl-msg-chip--profile{
  background:var(--cm-yellow) !important;
  color:#111 !important;
}

body.kareta-page-master_profile .master-profile-hero{
  min-height:0 !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.kareta-page-master_profile .master-profile-hero .container{
  padding-top:16px !important;
}
body.kareta-page-master_profile .master-profile-hero__inner{
  border:1px solid var(--cm-line) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:var(--cm-shadow) !important;
  padding:0 0 14px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  overflow:hidden !important;
}
body.kareta-page-master_profile .master-profile-hero__inner::before{
  content:'';
  display:block;
  height:132px;
  background:linear-gradient(135deg, rgba(17,17,17,.72), rgba(17,17,17,.18)), var(--cm-soft);
}
body.kareta-page-master_profile .master-profile-hero__avatar{
  width:70px !important;
  height:70px !important;
  margin:-38px 0 0 16px !important;
  border:4px solid #fff !important;
  border-radius:999px !important;
  background:#f4f4f5 !important;
  color:#111 !important;
  font-size:22px !important;
  font-weight:950 !important;
  z-index:1;
}
body.kareta-page-master_profile .master-profile-hero__name{
  margin:8px 16px 0 !important;
  color:#111 !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}
body.kareta-page-master_profile .master-profile-hero__spec,
body.kareta-page-master_profile .master-profile-hero__biz{
  margin-left:16px !important;
  margin-right:16px !important;
  color:var(--cm-muted) !important;
  font-size:12px !important;
}
body.kareta-page-master_profile .master-profile-badges{
  margin:12px 16px 0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}
body.kareta-page-master_profile .master-profile-badge{
  min-height:42px !important;
  border-radius:12px !important;
  background:#fafafa !important;
  border:1px solid var(--cm-line) !important;
  color:#111 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:950 !important;
}
body.kareta-page-master_profile .master-profile-cta{
  margin:12px 16px 0 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
body.kareta-page-master_profile .master-profile-action{
  min-height:42px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:950 !important;
}
body.kareta-page-master_profile .master-profile-action--order{
  grid-column:1/-1;
  background:var(--cm-yellow) !important;
  color:#111 !important;
  border:0 !important;
}

body.kareta-page-master_profile .mprof-tabs{
  margin:16px 0 14px !important;
  padding:0 0 4px !important;
  display:flex !important;
  gap:7px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
body.kareta-page-master_profile .mprof-tabs::-webkit-scrollbar{display:none !important;}
body.kareta-page-master_profile .mprof-tab{
  flex:0 0 auto !important;
  min-height:32px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#f4f4f5 !important;
  color:#111 !important;
  padding:0 12px !important;
  display:flex !important;
  gap:6px !important;
  align-items:center !important;
}
body.kareta-page-master_profile .mprof-tab.active{
  background:var(--cm-yellow) !important;
}
body.kareta-page-master_profile .mprof-tab-desc,
body.kareta-page-master_profile .mprof-tab-count{display:none !important;}
body.kareta-page-master_profile .mprof-tab-label{
  font-size:12px !important;
  font-weight:900 !important;
}

body.kareta-page-master_profile .mprof-pane,
body.kareta-page-master_profile .pf-section,
body.kareta-page-master_profile .card,
body.kareta-page-master_profile .master-cta-banner{
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid var(--cm-line) !important;
  box-shadow:var(--cm-shadow) !important;
  color:#111 !important;
}
body.kareta-page-master_profile .mprof-pane{
  padding:14px !important;
}
body.kareta-page-master_profile .mprof-pane h2,
body.kareta-page-master_profile .mprof-pane h3,
body.kareta-page-master_profile .card h2,
body.kareta-page-master_profile .card h3{
  color:#111 !important;
  font-weight:950 !important;
}
body.kareta-page-master_profile .mprof-pane p,
body.kareta-page-master_profile .card p,
body.kareta-page-master_profile .muted{
  color:var(--cm-muted) !important;
}
body.kareta-page-master_profile .btn-primary,
body.kareta-page-master_profile .master-cta-banner .btn-primary{
  background:var(--cm-yellow) !important;
  color:#111 !important;
  border:0 !important;
  box-shadow:none !important;
}
body.kareta-page-master_profile .btn-outline{
  background:#fff !important;
  color:#111 !important;
  border:1px solid var(--cm-line) !important;
}

@media (min-width:768px){
  body.kareta-page-masters .page.masters-page-shell,
  body.kareta-page-master_profile .page.master-profile-page{
    border-left:1px solid var(--cm-line);
    border-right:1px solid var(--cm-line);
  }
}