/* Compact seller storefront — 27 October 2026 */
body:has(main#app .seller-store) main#app,
body:has(main#app .seller-store) > footer {
  width:100%;max-width:1440px;margin-inline:auto;
}
body:has(main#app .seller-store) main#app { padding:12px 40px 64px; }
body:has(main#app .seller-store) .web-rail { display:none; }
body:has(main#app .seller-store) .web-header #menu-toggle {
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:36px;height:36px;min-height:36px;padding:7px;
}
body.rail-open:has(main#app .seller-store) .web-rail {
  display:block;width:240px;max-width:calc(100vw - 32px);padding:12px;
  background:var(--card);transform:none;box-shadow:4px 0 20px #0002;
}
body.rail-open:has(main#app .seller-store) .web-rail a {
  white-space:normal;gap:12px;padding:8px 16px;overflow:visible;
}
body.rail-open:has(main#app .seller-store) .web-rail a span { display:inline; }
main#app .seller-store-back { display:inline-flex;align-items:center;box-sizing:border-box;min-height:28px;margin:0 0 8px;padding:4px 0;font-size:12px;line-height:20px; }
body[data-seo-page="seller"] main#app > .public-breadcrumb { min-height:28px;margin:0 0 8px;padding:0; }
body[data-seo-page="seller"] main#app > .public-breadcrumb > a { box-sizing:border-box;min-height:28px;padding:4px 0;line-height:20px; }
main#app .seller-store {
  display:grid;grid-template-columns:272px minmax(0,1fr);gap:20px 32px;
  align-items:start;min-width:0;
}
main#app .seller-store-sidebar {
  grid-column:1;grid-row:1 / span 2;position:sticky;
  top:calc(var(--header-height,76px) + 20px);align-self:start;
  max-height:calc(100svh - var(--header-height,76px) - 40px);
  overflow:auto;min-width:0;padding:4px 0 12px;
  scrollbar-width:none;
}
main#app .seller-store-sidebar::-webkit-scrollbar { display:none; }
main#app .seller-store-avatar {
  position:relative;display:grid;place-items:center;flex:none;
  width:80px;height:80px;margin:0 0 16px;overflow:hidden;
  border-radius:50%;border:1px solid var(--line);background:var(--card);
}
main#app .seller-store-avatar > img {
  display:block;width:100%;height:100%;max-width:100%;object-fit:contain;
  border-radius:inherit;background:var(--card);
}
main#app .seller-store-avatar > .seller-logo-placeholder {
  display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;
  border-radius:inherit;background:var(--bg);
}
main#app .seller-store-name {
  font:700 clamp(24px,2.2vw,28px)/1.22 Montserrat,system-ui,sans-serif;
  letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 10px;
}
main#app .seller-store-meta {
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  color:var(--muted);font-size:13px;line-height:20px;overflow-wrap:anywhere;
}
main#app .seller-store-review-link {
  display:inline-flex;align-items:center;gap:4px;min-height:28px;
  max-width:100%;padding:0;margin:0;border:0;border-radius:0;
  background:transparent;color:var(--ink);font:600 13px/20px Montserrat,system-ui,sans-serif;
  text-decoration:none;text-align:left;box-shadow:none;
}
main#app .seller-store-review-link > span:last-child { color:var(--muted);font-weight:400; }
main#app .seller-store-area { color:var(--muted); }
main#app .seller-store-area .public-location-label { color:inherit; }
main#app .seller-store-description {
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;overflow-wrap:anywhere;margin:12px 0 8px;
  color:var(--muted);font-size:13px;line-height:21px;
}
main#app .seller-store-controls { display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-top:12px; }
main#app .seller-store-info { margin:0;max-width:100%; }
main#app .seller-store-controls:has(.seller-store-info[open]) .seller-store-info { flex-basis:100%;width:100%; }
main#app .seller-store-info > summary {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--button-height,40.8px);max-width:100%;padding:8px 13px;
  border-radius:999px;background:var(--bg);color:var(--ink);
  font-size:12px;font-weight:600;line-height:20px;list-style:none;cursor:pointer;
}
main#app .seller-store-info > summary::-webkit-details-marker { display:none; }
main#app .seller-store-info > summary svg { flex:none; }
main#app .seller-store-info[open] > summary svg { transform:rotate(180deg); }
main#app .seller-store-info > summary:focus-visible { outline:3px solid var(--cyan);outline-offset:3px; }
main#app .seller-store-info-body {
  margin-top:8px;padding:12px;border-radius:12px;background:var(--bg);
  font-size:13px;line-height:21px;overflow-wrap:anywhere;
}
main#app .seller-store-info-body p { margin:0 0 12px;font-size:13px;line-height:21px; }
main#app .seller-store-info-body dl { display:grid;gap:10px;margin:0; }
main#app .seller-store-info-body dt { font-weight:600;color:var(--ink); }
main#app .seller-store-info-body dd { margin:2px 0 0;color:var(--muted); }
main#app .seller-store-actions { display:flex;flex-wrap:wrap;gap:8px;margin:0; }
main#app .seller-store-actions > :is(button,a) {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:var(--button-height,40.8px);max-width:100%;padding:var(--button-padding-y,8.5px) 13px;
  font-size:12px;line-height:20px;font-weight:600;text-decoration:none;
  white-space:normal;overflow-wrap:anywhere;border-radius:999px;
}
main#app .seller-store-actions > a.secondary { border:1px solid var(--green);color:var(--green);background:var(--card); }
main#app .seller-store-cover {
  grid-column:2;grid-row:1;position:relative;isolation:isolate;overflow:hidden;
  width:100%;min-width:0;aspect-ratio:4.3;min-height:160px;max-height:280px;
  border-radius:16px;background:var(--bg);
}
main#app .seller-store-cover > img[data-seller-media] {
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;
  object-fit:cover;object-position:center;
}
main#app .seller-store-banner-placeholder {
  position:absolute;inset:0;display:grid;place-items:center;
  background-color:#fafbfa;
  background-image:linear-gradient(45deg,#eef1ee 25%,transparent 25%,transparent 75%,#eef1ee 75%),linear-gradient(45deg,#eef1ee 25%,transparent 25%,transparent 75%,#eef1ee 75%);
  background-size:32px 32px;background-position:0 0,16px 16px;
}
main#app .seller-store-banner-placeholder img { display:block;width:clamp(150px,28%,240px);height:auto;max-height:72px;object-fit:contain;opacity:.14; }
main#app .seller-store-catalog { grid-column:2;grid-row:2;min-width:0; }
main#app .seller-store .seller-tabs { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px; }
main#app .seller-store .seller-tabs > :is(button,a) {
  display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:5px;
  min-height:var(--button-height,40.8px);max-width:100%;padding:var(--button-padding-y,8.5px) 16px;
  background:var(--bg);border:1px solid transparent;border-radius:999px;
  color:var(--muted);font-size:13px;line-height:20px;font-weight:600;text-decoration:none;
}
main#app .seller-store .seller-tabs > [aria-selected="true"] { background:var(--soft);color:var(--green);border-color:transparent; }
main#app .seller-store-tab-count { font-size:12px;font-weight:400; }
main#app .seller-store [role="tabpanel"] { scroll-margin-top:calc(var(--header-height,76px) + 16px); }
main#app .seller-store .seller-review { margin:0 0 12px;border:0;border-radius:14px;background:var(--bg); }
main#app .seller-store .seller-review > strong { overflow-wrap:anywhere;font-size:13px; }
main#app .seller-store .seller-review small { margin-left:12px; }
main#app .seller-store :is(img,.seller-logo-placeholder,.seller-store-banner-placeholder,section)[hidden] { display:none!important; }
main#app .seller-store-loading .sk-seller-avatar { display:block;width:100%;height:100%;border-radius:inherit; }
main#app .seller-store-loading .sk-seller-banner { position:absolute;inset:0; }
main#app .seller-store-loading .sk-seller-pill { display:block;width:96px;height:var(--button-height,40.8px);border-radius:999px; }
main#app .seller-store-loading .seller-store-meta { display:block; }
@media (min-width:901px) and (max-width:1199px) {
  body:has(main#app .seller-store) main#app { padding-inline:28px; }
  main#app .seller-store { grid-template-columns:236px minmax(0,1fr);gap:20px 24px; }
  main#app .seller-store-name { font-size:25px; }
}
@media (max-width:900px) {
  body:has(main#app .seller-store) main#app { padding:8px 20px 48px; }
  main#app .seller-store { grid-template-columns:minmax(0,1fr);gap:18px; }
  main#app .seller-store-cover { grid-column:1;grid-row:1;aspect-ratio:3.2;min-height:120px;max-height:200px;border-radius:14px; }
  main#app .seller-store-sidebar { display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 14px;grid-column:1;grid-row:2;position:static;max-height:none;overflow:visible;padding:0; }
  main#app .seller-store-avatar { grid-column:1;grid-row:1 / span 2;width:72px;height:72px;margin:0; }
  main#app .seller-store-name { grid-column:2;grid-row:1;max-width:640px;margin:0 0 5px;font-size:25px; }
  main#app .seller-store-meta { grid-column:2;grid-row:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:2px 10px; }
  main#app .seller-store-meta > span:not(:first-child)::before { content:'·';margin-right:10px;color:var(--muted); }
  main#app .seller-store-description { grid-column:1 / -1;max-width:720px;margin:10px 0 0;-webkit-line-clamp:2; }
  main#app .seller-store-controls { grid-column:1 / -1;gap:8px;margin-top:10px; }
  main#app .seller-store-info { display:block;margin:0; }
  main#app .seller-store-info-body { max-width:720px; }
  main#app .seller-store-actions { margin:0; }
  main#app .seller-store-catalog { grid-column:1;grid-row:3; }
  main#app .seller-store .seller-tabs { margin-bottom:16px; }
}
@media (max-width:560px) {
  body:has(main#app .seller-store) main#app { padding-inline:16px; }
  main#app .seller-store-cover { aspect-ratio:2.7;min-height:120px;max-height:165px; }
  main#app .seller-store-avatar { width:64px;height:64px; }
  main#app .seller-store-sidebar { grid-template-columns:64px minmax(0,1fr);column-gap:12px; }
  main#app .seller-store-name { font-size:24px; }
  main#app .seller-store .seller-review small { float:none;display:block;margin:4px 0 0; }
}
@media (max-width:480px) {
  body[data-seo-page="seller"] main#app > .public-breadcrumb [aria-current="page"] { flex-basis:auto; }
  body[data-seo-page="seller"] main#app > .public-breadcrumb > [aria-hidden]:nth-last-child(2) { display:inline; }
}
@media (pointer:coarse) {
  body:has(main#app .seller-store) .web-header #menu-toggle { width:42px;height:42px;min-height:42px; }
  main#app .seller-store-review-link { min-height:36px; }
}

/* Seller contact actions: compact, text-only black pills. */
main#app .seller-store-contact-actions {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;
  grid-column:1 / -1;width:100%;max-width:480px;margin-top:10px;
}
main#app .seller-store-contact-actions > :is(button,a) {
  display:flex;align-items:center;justify-content:center;
  min-width:0;min-height:42px;padding:8px 10px;border:1px solid #111;
  border-radius:999px;background:#111;color:#fff;
  font:600 12px/18px Montserrat,system-ui,sans-serif;text-align:center;
  text-decoration:none;white-space:normal;overflow-wrap:anywhere;
}
main#app .seller-store-contact-actions > :is(button,a):hover { background:#262626;border-color:#262626;color:#fff; }
main#app .seller-store-contact-actions span { min-width:0; }
main#app .seller-store-contact-actions > :disabled { opacity:.55;cursor:wait; }
main#app .seller-store-contact-actions > :is(button,a):focus-visible { outline:3px solid var(--cyan);outline-offset:3px; }
main#app .seller-store-contact-status { grid-column:1 / -1;font-size:12px;line-height:20px;color:var(--muted);overflow-wrap:anywhere; }
main#app .seller-store-contact-status:empty { display:none; }
@media (min-width:600px) and (max-width:900px) {
  main#app .seller-store-contact-actions { grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px; }
}