:root{--bg:#fff;--bg2:#f1f1ee;--fg:#111;--mut:#6a6a66;--line:#dcdcd7;--acc:#2438ff;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#101012;--bg2:#1a1a1d;--fg:#f2f2ef;--mut:#9b9b96;--line:#2c2c30;--acc:#7f8dff;--card:#161618}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 "Helvetica Neue",Arial,sans-serif}
h1,h2,h3,.brand{letter-spacing:-.03em;line-height:1.05;margin:0}
h2{font-size:clamp(30px,5vw,50px);margin-top:48px}
h3{font-size:20px;margin:28px 0 12px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.mut,.sub{color:var(--mut)}.sub{max-width:36em;margin:10px 0 24px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.top{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:24px;height:64px}
.brand{font-weight:900;font-size:24px;letter-spacing:.2em;color:var(--fg);text-decoration:none}
nav{display:flex;gap:22px;flex:1;font-size:14px}
nav a{color:var(--mut);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav a.on,nav a:hover{color:var(--fg);border-color:var(--fg)}
button,select,input,textarea{font:inherit;color:var(--fg)}
.cartbtn{background:none;border:1px solid var(--line);border-radius:99px;padding:6px 14px;cursor:pointer}
.cartbtn b{background:var(--fg);color:var(--bg);border-radius:99px;padding:0 7px;margin-left:4px;font-size:13px}
.view{display:none;padding-bottom:72px}.view.on{display:block}#shop.on{padding-bottom:0}
.btn{display:inline-block;border:1px solid var(--fg);background:var(--bg);color:var(--fg);padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;border-radius:12px}
.btn.dark{background:var(--fg);color:var(--bg)}.btn:hover{opacity:.85}.btn.sm{padding:5px 10px;font-size:13px}

/* slider */
.slider{position:relative;margin-bottom:32px;transition:color .3s}
.sl{display:none;padding:56px 0 96px;min-height:440px}
.sl.on{display:block}
@media (prefers-reduced-motion:no-preference){.sl.on{animation:fade .5s}@keyframes fade{from{opacity:.2;transform:translateX(16px)}to{opacity:1;transform:none}}}
.sl .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.sl h1{font-size:clamp(40px,7vw,84px);margin:0 0 16px}
.sl p{font-size:18px;max-width:30em;margin:0 0 24px;opacity:.85}
.sl .sa{aspect-ratio:4/5;max-width:300px;margin-left:auto;width:100%;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.sl .btn{border-color:transparent}
.slc{position:absolute;left:0;right:0;bottom:24px;display:flex;gap:12px;align-items:center;justify-content:center;color:inherit}
.slc button{background:none;border:1px solid currentColor;color:inherit;border-radius:99px;min-width:36px;height:36px;cursor:pointer;padding:0 12px}
#dots{display:flex;gap:6px}
#dots button{width:12px;min-width:12px;height:12px;padding:0;opacity:.4}
#dots button[aria-current="true"]{background:currentColor;opacity:1}
svg{display:block;width:100%;height:100%}

.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
input,select,textarea{background:var(--card);border:1px solid var(--line);padding:10px 12px;border-radius:6px}
textarea{width:100%;resize:vertical;min-height:80px}
#q,#eq{flex:1;min-width:200px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:none;border-radius:99px;padding:6px 14px;cursor:pointer;font-size:14px}
.chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:32px 24px;margin-top:16px}
.art{background:none;border:0;padding:0;text-align:left;cursor:pointer}
.im{aspect-ratio:4/5;overflow:hidden;background:var(--bg2)}
.art:hover .im{outline:2px solid var(--fg)}
.art h3{font-size:18px;margin:12px 0 2px}.art p{margin:0;font-size:14px;color:var(--mut)}
.st{color:var(--acc);letter-spacing:1px}
.pr{font-weight:700;margin-top:4px!important;color:var(--fg)!important}
.band{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--bg2);padding:32px;margin:56px 0 0}
.band h2{margin:0 0 6px;font-size:32px}.band p{margin:0;color:var(--mut)}

dialog{border:1px solid var(--line);background:var(--bg);color:var(--fg);padding:0;width:min(960px,94vw);max-height:92vh;overflow:auto}
dialog::backdrop{background:rgba(0,0,0,.55)}
.dg{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;padding:28px}
.dg h2{font-size:34px;margin:0 0 4px}
.x{position:absolute;right:14px;top:10px;background:none;border:0;font-size:28px;cursor:pointer}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:16px 0;font-size:14px}dt{color:var(--mut)}dd{margin:0}
.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0 14px;flex-wrap:wrap}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 0;cursor:pointer;color:var(--mut)}
.tabs button[aria-selected="true"]{color:var(--fg);border-color:var(--fg);font-weight:600}
.rv{border-bottom:1px solid var(--line);padding:12px 0}.rv b{margin-right:8px}.rv p{margin:4px 0 0}
.tag{font-size:12px;background:var(--bg2);border-radius:99px;padding:2px 10px;margin-left:6px;color:var(--mut)}
form{display:grid;gap:10px;margin-top:16px}form .row{display:flex;gap:10px;flex-wrap:wrap}
.posts{display:grid}
details{border-top:1px solid var(--line);padding:22px 0}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
summary h3{font-size:28px;margin:6px 0}summary p{margin:0;color:var(--mut);max-width:44em}
.meta{font-size:13px;color:var(--mut)}
.body{font-family:Georgia,serif;font-size:18px;line-height:1.7;max-width:36em;margin-top:16px;white-space:pre-line}
.exs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px}
.ex{border:1px solid var(--line);padding:22px;background:var(--card);display:flex;flex-direction:column;gap:6px}
.ex h3{font-size:24px;margin:0}.ex .btn{margin-top:auto;align-self:flex-start}
.badge{align-self:flex-start;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:var(--bg2)}
.badge.now{background:var(--acc);color:#fff}
#cart{position:fixed;right:0;top:0;bottom:0;width:min(380px,100%);background:var(--bg);border-left:1px solid var(--line);z-index:9;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.2)}
#cart[hidden]{display:none}
.ch{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.ch button{background:none;border:0;font-size:26px;cursor:pointer;line-height:1}
#items{flex:1;overflow:auto;padding:8px 20px}
.it{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.it button{background:none;border:0;color:var(--mut);cursor:pointer;text-decoration:underline}
.cf{padding:20px;border-top:1px solid var(--line)}.tot{display:flex;justify-content:space-between;margin-bottom:12px;font-size:18px}.cf .btn{width:100%}
footer{border-top:1px solid var(--line);padding:28px 0;font-size:14px;color:var(--mut);margin-top:72px}footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}

/* sell + admin */
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.ul{padding-left:18px;color:var(--mut)}.ul li{margin:6px 0}
.af{grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.af label,.pf label{display:grid;gap:4px;font-size:13px;font-weight:600}
.af label:has(textarea),.af label:has([data-img]){grid-column:1/-1}.af>div{grid-column:1/-1}
.pf{gap:14px}
input[type=color]{padding:2px;height:40px;width:100%}
.pv{width:80px;height:100px;object-fit:cover;margin-top:6px}
.note{padding:12px 14px;background:var(--bg2);border-left:3px solid var(--acc);margin:12px 0;font-size:14px}
.adtabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:24px 0 8px}
.adtabs button{background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;cursor:pointer;color:var(--mut)}
.adtabs button[aria-selected="true"]{color:var(--fg);border-color:var(--fg);font-weight:700}
.row2{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.acts{display:flex;gap:6px}.acts .btn{padding:5px 10px;font-size:13px}
.pill{font-size:12px;border-radius:99px;padding:2px 8px;background:#f5c542;color:#111;margin-left:6px}
@media (max-width:760px){.sl .wrap,.dg,.two,.af{grid-template-columns:1fr}.sl .sa{margin:0;max-width:200px}nav{gap:12px;font-size:13px}.bar{gap:10px}.brand{font-size:18px}.sellbtn{padding:8px 10px}.sl{padding-bottom:110px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ZARTZ marketplace UX additions */
.sellbtn,.btn{border-radius:12px}
.linkbtn{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;color:var(--fg);font:inherit}
.art{position:relative}
.art-open{display:block;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit}
.art-open:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
.profile-link{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.role-note{font-size:11px;color:var(--mut);border:1px solid var(--line);border-radius:99px;padding:1px 7px;margin-left:4px}
.status-live{background:#9be3b4;color:#111}
.status-pending{background:#f5c542;color:#111}
.status-rejected{background:#efb0b0;color:#111}
.profile-booklet{background:var(--bg2);padding:28px;margin:24px 0;max-width:760px}
.profile-booklet p{max-width:65em}
.profile-card,.review-profile{border:1px solid var(--line);padding:22px;background:var(--card);margin:14px 0}
.profile-card h3{margin:10px 0}
.journal-card{border-top:1px solid var(--line);padding:22px 0}
.article-page{max-width:780px;margin:30px auto}
.article-page>p:not(.sub){font-family:Georgia,serif;font-size:20px;line-height:1.8}
.page-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:36px;padding-top:18px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:22px 0}
.stats>div{background:var(--bg2);padding:18px}
.stats b{display:block;font-size:28px}
.stats span{display:block;color:var(--mut);font-size:13px}
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}
.analytics-grid>div{border-top:1px solid var(--line);padding-top:8px}
@media(max-width:760px){.analytics-grid{grid-template-columns:1fr}.profile-booklet{padding:20px}}

/* Header visibility and responsive positioning */
.top{display:block!important;visibility:visible!important;opacity:1!important;position:sticky;top:0;z-index:50}
.top .bar{min-height:64px}
@media(max-width:760px){
  .top{position:fixed!important;top:0;left:0;right:0;width:100%;overflow:visible;box-sizing:border-box;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.08)}
  .top .bar{box-sizing:border-box;width:100%;min-width:0;min-height:0;padding:10px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
  .top .brand{flex:1 1 auto;min-width:52px;font-size:18px}
  .top .sellbtn{flex:0 0 auto;padding:7px 9px;font-size:12px;white-space:nowrap}
  .top .cartbtn{flex:0 0 auto;padding:7px 9px;font-size:12px}
  .top nav{order:5;flex:1 0 100%;width:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;white-space:normal;font-size:12px;line-height:1.35}
  .top nav a{white-space:normal}
  body{padding-top:116px!important}
  main{scroll-margin-top:124px}
  .view,[id]{scroll-margin-top:124px}
}
@media(max-width:360px){
  .top .bar{padding:8px 9px;gap:7px}
  .top .brand{font-size:16px}
  .top .sellbtn,.top .cartbtn{padding:6px 7px;font-size:11px}
  .top nav{gap:5px 7px;font-size:11px}
  body{padding-top:108px!important}
}
.feedback-item .st{margin-left:8px}.feedback-item .btn{margin-top:8px}

/* Reliable shared page rendering */
.view{display:none}.view.on{display:block}
.ex .btn{margin:10px 8px 0 0}.article-page{padding:24px 0}
.chip[aria-pressed="true"]{font-weight:700}
#cart[hidden]{display:none!important}
#cart{z-index:1000}


/* Ensure the page remains vertically scrollable and provide a direct way back to the hero slider. */
html{overflow-y:auto;scroll-behavior:smooth}
body{min-height:100vh;overflow-y:auto!important}
 .slide-art-image{display:block;width:100%;height:100%;max-height:340px;object-fit:contain;border-radius:18px}
#backToSlider{position:fixed;right:18px;bottom:18px;z-index:60;display:none;background:var(--fg);color:var(--bg);border:1px solid var(--line);border-radius:999px;padding:10px 15px;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.18)}
#backToSlider.visible{display:block}


/* ZARTZ white + liquid-glass visual system */
:root{
  color-scheme:light;
  --bg:#FFFFFF;
  --bg2:#FFFFFF;
  --fg:#17181d;
  --mut:#666b75;
  --line:rgba(255,255,255,.78);
  --acc:#2438ff;
  --card:rgba(255,255,255,.78);
  --glass-border:rgba(255,255,255,.88);
  --glass-shadow:0 12px 36px rgba(29,38,67,.09),inset 0 1px 0 rgba(255,255,255,.95);
}
@media(prefers-color-scheme:dark){:root{--bg:#FFFFFF;--bg2:#FFFFFF;--fg:#17181d;--mut:#666b75;--line:rgba(255,255,255,.78);--acc:#2438ff;--card:rgba(255,255,255,.82)}}
html,body{background:#FFFFFF!important;color:var(--fg)}
body{background-image:radial-gradient(ellipse at 8% 4%,rgba(216,230,255,.22),transparent 34%),radial-gradient(ellipse at 92% 22%,rgba(226,218,255,.18),transparent 32%)}
.top{
  background:rgba(255,255,255,.78)!important;
  -webkit-backdrop-filter:blur(22px) saturate(165%);
  backdrop-filter:blur(22px) saturate(165%);
  border-bottom:1px solid rgba(225,229,239,.72);
  box-shadow:0 8px 30px rgba(31,41,65,.055);
}
.btn,.cartbtn,.slc button,.chip,.adtabs button,.tabs button,.linkbtn{
  -webkit-backdrop-filter:blur(18px) saturate(165%);
  backdrop-filter:blur(18px) saturate(165%);
  transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,background .28s ease,border-color .28s ease,opacity .28s ease;
}
.btn,.cartbtn{
  border:1px solid rgba(255,255,255,.94)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,242,250,.76))!important;
  color:#17181d!important;
  border-radius:999px!important;
  box-shadow:0 7px 22px rgba(29,38,67,.10),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(180,190,214,.18);
}
.btn.dark{
  color:#17181d!important;
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(223,230,246,.82))!important;
  border-color:rgba(255,255,255,.98)!important;
}
.btn:hover,.cartbtn:hover,.slc button:hover,.chip:hover{
  opacity:1;transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(29,38,67,.14),inset 0 1px 0 #fff;
}
input,select,textarea{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(210,216,230,.72)!important;
  border-radius:16px;
  box-shadow:inset 0 1px 3px rgba(30,40,70,.035),0 5px 18px rgba(30,40,70,.025);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.band,.ex,.profile-booklet,.profile-card,.review-profile,.stats>div,.note,.badge,.tag{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(225,230,241,.78);
  border-radius:24px;
  box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(20px) saturate(155%);
  backdrop-filter:blur(20px) saturate(155%);
}
.band{padding:clamp(22px,4vw,38px)}
.ex,.profile-card,.review-profile{padding:24px}
.sl .sa,.im,.slide-art-image{
  border-radius:28px;
  overflow:hidden;
  background:rgba(245,247,252,.76);
  box-shadow:0 24px 60px rgba(30,42,76,.12),inset 0 1px 0 rgba(255,255,255,.95);
}
.im{position:relative;isolation:isolate}
.im img,.im svg,.slide-art-image,.sl .sa img{
  transition:transform .85s cubic-bezier(.2,.75,.25,1),filter .85s ease;
  transform-origin:center;
}
.art:hover .im img,.art:hover .im svg,.art-open:hover .im img,.art-open:hover .im svg{
  transform:scale(1.055);
  filter:saturate(1.08);
}
.art:hover .im,.art-open:hover .im{outline:0;box-shadow:0 20px 46px rgba(28,42,78,.16)}
.art{border-radius:24px;transition:transform .4s cubic-bezier(.2,.75,.25,1)}
.art:hover{transform:translateY(-4px)}
.art h3{letter-spacing:-.025em}
.grid{gap:34px 26px}
.sl .wrap{align-items:center}
.sl .sa{animation:glass-float 7s ease-in-out infinite}
.sl.on .sa{animation:glass-float 7s ease-in-out infinite,artwork-arrive .75s ease both}
.sl .sa img{object-fit:cover!important;width:100%;height:100%;border-radius:28px}
.slc button{
  background:rgba(255,255,255,.7)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  color:#202331!important;
  box-shadow:0 5px 18px rgba(31,41,65,.08),inset 0 1px 0 #fff;
}
#dots button[aria-current="true"]{background:#2438ff!important}
dialog{
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(255,255,255,.96);
  border-radius:28px;
  box-shadow:0 28px 90px rgba(23,31,55,.2);
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  backdrop-filter:blur(24px) saturate(160%);
}
dialog::backdrop{background:rgba(28,35,54,.22);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#cart{
  background:rgba(255,255,255,.86)!important;
  border-left:1px solid rgba(255,255,255,.95);
  box-shadow:-18px 0 65px rgba(28,39,70,.15);
  -webkit-backdrop-filter:blur(26px) saturate(165%);
  backdrop-filter:blur(26px) saturate(165%);
}
#backToSlider{
  background:rgba(255,255,255,.82)!important;color:#17181d!important;
  border:1px solid rgba(255,255,255,.98)!important;border-radius:999px;
  box-shadow:0 10px 30px rgba(30,42,76,.12),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%);
}
@keyframes glass-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(.35deg)}}
@keyframes artwork-arrive{from{opacity:.25;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes art-sheen{0%{transform:translateX(-120%) rotate(12deg)}100%{transform:translateX(220%) rotate(12deg)}}
.im:has(img)::after{
  content:"";position:absolute;inset:-40% auto -40% -45%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:translateX(-120%) rotate(12deg);pointer-events:none;z-index:2;
}
.art:hover .im:has(img)::after{animation:art-sheen 1.15s ease}
@media(max-width:760px){
  .sl .sa{max-width:100%;width:min(100%,310px);margin:0 auto;animation:glass-float 7s ease-in-out infinite}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .im{border-radius:20px}
  .band,.ex,.profile-card,.review-profile{border-radius:20px}
  .top{background:rgba(255,255,255,.88)!important}
}
@media(max-width:420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.art h3{font-size:15px}.art p{font-size:12px}}
@media(prefers-reduced-motion:reduce){
  .sl .sa,.sl.on .sa,.im:has(img)::after{animation:none!important}
  .im img,.im svg,.slide-art-image,.sl .sa img,.btn,.cartbtn,.chip,.art{transition:none!important}
}


/* Mobile header repair: compact first row and a single horizontally scrollable nav row. */
@media(max-width:760px){
  .top{
    position:fixed!important;inset:0 0 auto 0!important;width:100%!important;
    max-width:100vw!important;overflow:hidden!important;z-index:1000!important;
    box-sizing:border-box!important;
  }
  .top .wrap.bar{
    width:100%!important;max-width:none!important;min-width:0!important;
    height:auto!important;min-height:0!important;box-sizing:border-box!important;
    margin:0!important;padding:9px 12px 8px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;align-items:center!important;
    column-gap:8px!important;row-gap:9px!important;
  }
  .top .brand{
    grid-column:1;grid-row:1;min-width:0!important;
    font-size:clamp(16px,4.6vw,20px)!important;letter-spacing:.14em!important;
    white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
  }
  .top .sellbtn{grid-column:2;grid-row:1;margin:0!important;white-space:nowrap!important;padding:7px 10px!important;font-size:12px!important}
  .top .cartbtn{grid-column:3;grid-row:1;margin:0!important;white-space:nowrap!important;padding:7px 9px!important;font-size:12px!important}
  .top nav{
    grid-column:1/-1!important;grid-row:2!important;
    display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    gap:18px!important;margin:0!important;padding:2px 0 5px!important;
    overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
    font-size:12px!important;line-height:1.4!important;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .top nav::-webkit-scrollbar{display:none}
  .top nav a{flex:0 0 auto!important;white-space:nowrap!important;display:inline-block!important}
  body{padding-top:102px!important}
  main{scroll-margin-top:112px}
  .view,[id]{scroll-margin-top:112px}
}
@media(max-width:360px){
  .top .wrap.bar{padding:8px 9px 7px!important;column-gap:6px!important;row-gap:7px!important}
  .top .brand{font-size:15px!important;letter-spacing:.1em!important}
  .top .sellbtn,.top .cartbtn{font-size:11px!important;padding:6px 7px!important}
  .top nav{gap:15px!important;font-size:11px!important}
  body{padding-top:94px!important}
}