.market-service-mode {
  --orange:#00756a;
  --orange-deep:#005e54;
  --soft:#e5f5f0;
}
.market-service-mode .demo-bar {display:none}
.market-service-mode .search {border-color:#00756a}
.market-service-mode .top-nav {margin-bottom:18px}
.market-service-mode .hero.market-service-hero {
  isolation:isolate;
  background:#def3ee;
  border-radius:12px;
  height:166px;
  margin:0 0 18px;
}
.market-service-hero::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 0 auto;
  width:43%;
  background:linear-gradient(90deg,#def3ee,transparent 76%),url('/assets/chair.jpg') center 58% / cover;
}
.market-service-mode .market-service-hero :is(.eyebrow,p) {color:#315d55}
.market-service-mode .market-service-hero h1 {font-size:clamp(26px,4vw,36px)}
.service-quick-searches {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:24px;
}
.service-quick-searches button {
  display:grid;
  justify-items:center;
  gap:6px;
  padding:8px 2px;
  background:#eef4f2;
  border-radius:8px;
  font-weight:700;
  font-size:13px;
}
.service-quick-searches button:hover {background:#dceee9}
.service-quick-searches img {width:42px;height:42px;border-radius:50%;object-fit:cover}
.platform-login-mode :is(.top-nav,.bottom-nav,.header-actions,.search) {display:none}
.platform-login-mode .header {justify-content:flex-start}
.platform-login {
  width:min(100%,460px);
  margin:42px auto;
  padding:32px;
  border:1px solid #dbe9e5;
  border-radius:14px;
  background:#fff;
}
.platform-login h1 {font-size:28px;margin:0}
.platform-login-intro {margin:8px 0 21px;color:#465f59}
.login-roles {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  border:0;
  padding:0;
  margin:0 0 17px;
}
.login-roles legend {font-weight:700;margin-bottom:8px}
.platform-login .login-roles label {
  display:flex;
  gap:7px;
  align-items:center;
  margin:0;
  padding:11px 8px;
  border:1px solid #dbe9e5;
  border-radius:7px;
  cursor:pointer;
}
.login-roles label:has(input:checked) {border-color:#00756a;background:#e5f5f0}
.login-roles input {margin:0;accent-color:#00756a}
.login-roles span,.login-roles small {display:block}
.login-roles small {margin-top:4px;color:#465f59}
.platform-login .field {margin:12px 0}
.platform-login .field input {
  display:block;
  width:100%;
  margin-top:5px;
  padding:10px;
  min-height:44px;
  border:1px solid #b8cfc8;
  border-radius:7px;
  background:white;
  color:inherit;
}
.login-submit {width:100%;min-height:44px;margin-top:7px}
.login-feedback {color:#8f3d24}
.login-join {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;border-top:1px solid #dbe9e5;padding-top:16px;font-size:13px}
@media(max-width:700px) {
  .market-service-mode .hero.market-service-hero {height:123px;padding:14px}
  .service-quick-searches {gap:4px}
  .service-quick-searches button {font-size:11px}
  .service-quick-searches img {width:30px;height:30px}
  .platform-login {margin-block:22px;padding:19px}
}

.service-storefronts {margin:0 0 28px}
.service-storefronts header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.service-storefronts h2 {font-size:19px;margin:0}
.service-storefronts header a {color:#00675b;font-weight:700;font-size:13px;padding:7px 0}
.service-storefronts > div {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}
.service-storefronts > div a {display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #dbe9e5;border-radius:8px;background:#fff;color:#23443d;text-decoration:none}
.service-storefronts > div a > span {display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e5f5f0;color:#00675b}
.service-storefronts > div a > svg {margin-left:auto;color:#00675b}
.service-storefronts svg {width:17px;height:17px}
.service-storefronts > div a:hover {border-color:#00756a}
.market-service-mode .service-mall-hero {margin:0 0 22px;padding:22px 24px;border-color:#dbe9e5;background:#def3ee;color:#23443d}
.service-mall-hero > span {font-size:12px;font-weight:700}
.service-mall-hero h1 {font-size:clamp(24px,4vw,34px);margin:3px 0}
.service-mall-hero p {margin:9px 0 0}

.store-directory {width:min(100% - 32px, 1000px);margin:34px auto}
.store-directory-back {color:#00675b;font-size:13px;font-weight:700}
.store-directory h1 {font-size:clamp(25px,4vw,36px);margin:16px 0}
.store-directory-search {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:540px}
.store-directory-search label {grid-column:1/-1;font-size:13px;font-weight:700}
.store-directory-search input {min-width:0;min-height:42px;padding:8px 10px;border:1px solid #b8cfc8;border-radius:7px;font:inherit}
.store-directory-pages {display:flex;align-items:center;justify-content:center;gap:16px}
.store-directory-pages[hidden] {display:none}
.store-directory-pages a {padding:8px 12px;border:1px solid #b8cfc8;border-radius:6px;color:#00675b;background:#fff;font-weight:700}

.service-mobile-search-ranking {display:none}
@media(max-width:1000px) {
  .service-mobile-search-ranking {display:block;margin:0 0 18px}
}

.service-mall-logo {display:block;width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff;margin:8px 0}
.service-contact-info {padding:10px 0;color:#36534c;font-size:13px}
.service-contact-info p {margin:4px 0}
.ops-contact-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}
.ops-contact-grid fieldset {border:1px solid #dbe9e5;border-radius:6px;padding:7px}
.ops-contact-grid input {max-width:100%}
.chat-report {margin-left:6px;font-size:11px}

.chat-read-status{display:block;margin-top:.35rem;font-size:.75rem;opacity:.75}
.chat-retry{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1rem;overflow-wrap:anywhere}
.favorite-switch{display:flex;gap:.25rem}
.favorite-switch button{padding:.5rem;min-width:2.5rem;justify-content:center}
.market-service-mode .grid.favorite-list{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem}
.favorite-list .product-main{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;text-align:left;column-gap:.75rem;padding:.65rem 3rem .65rem .65rem}
.favorite-list .product-main .photo{grid-row:1/3;grid-column:1;aspect-ratio:1;margin:0}
.favorite-list .product-main .photo img{width:100%;height:100%;object-fit:cover}
.favorite-list .product-title,.favorite-list .price{grid-column:2;margin:0;padding:0}
.favorite-list .product-location,.favorite-list .product-bottom,.favorite-list .photo-badge{display:none}