:root{
  --p3-navy:#071522;
  --p3-navy-2:#0b2742;
  --p3-blue:#158dff;
  --p3-blue-soft:#eaf5ff;
  --p3-gold:#d7a83a;
  --p3-gold-2:#ffd76a;
  --p3-ink:#102033;
  --p3-muted:#67788b;
  --p3-line:#e3eaf1;
  --p3-paper:#ffffff;
  --p3-bg:#f5f8fb;
}
.products-v3-page{background:var(--p3-bg);color:var(--p3-ink);overflow-x:hidden}
.products-v3-main{width:100%;margin:0}
.products-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}

.products-cinematic-hero{
  position:relative;
  width:min(1460px,calc(100% - 18px));
  min-height:680px;
  margin:10px auto 0;
  border-radius:32px;
  overflow:hidden;
  isolation:isolate;
  background:#071522;
  box-shadow:0 28px 90px rgba(3,18,31,.22);
}
.products-cinematic-image{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;
  z-index:-3;user-select:none;-webkit-user-drag:none
}
.products-cinematic-shade{
  position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,11,20,.94) 0%,rgba(2,11,20,.82) 28%,rgba(2,11,20,.34) 52%,rgba(2,11,20,.05) 76%),
    linear-gradient(180deg,rgba(2,11,20,.1),rgba(2,11,20,.2));
}
.products-hero-content{
  position:absolute;
  left:5.5%;
  top:50%;
  transform:translateY(-50%);
  width:min(520px,42%);
  color:#fff;
  direction:rtl;
  text-align:right;
}
.products-eyebrow,.products-label{
  display:inline-block;
  color:#72bfff;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.14em;
}
.products-eyebrow{margin-bottom:14px}
.products-hero-content h1{
  margin:0;
  font-size:clamp(2.6rem,4.9vw,5.7rem);
  line-height:1.04;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.products-hero-content>p{
  margin:22px 0 0;
  max-width:610px;
  color:#c6d4e2;
  font-size:1rem;
  line-height:2;
}
.products-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.products-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:14px;
  text-decoration:none;font-size:.86rem;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.products-btn:hover{transform:translateY(-2px)}
.products-btn.primary{background:#fff;color:#0b2035;box-shadow:0 10px 30px rgba(255,255,255,.12)}
.products-btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.products-btn.dark{background:#0b1e31;color:#fff}
.products-hero-signals{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px
}
.products-hero-signals span{
  min-height:76px;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;
  background:rgba(5,21,35,.34);backdrop-filter:blur(12px)
}
.products-hero-signals b,.products-hero-signals small{display:block}
.products-hero-signals b{font-size:.78rem}
.products-hero-signals small{margin-top:5px;color:#aebfd0;font-size:.66rem;line-height:1.5}

.products-principles,.products-featured,.products-directions,.products-ecosystem{padding:86px 0}
.products-principles{background:#fff}
.products-section-head{max-width:820px;margin-bottom:28px}
.products-section-head.split{max-width:none;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}
.products-section-head h2{margin:8px 0 0;font-size:clamp(2rem,4vw,4rem);line-height:1.08;letter-spacing:-.045em;color:#102033}
.products-section-head p{margin:12px 0 0;color:var(--p3-muted);font-size:.94rem;line-height:1.95}
.products-section-head.split>p{margin:0}
.products-label{color:#1a74c9}
.products-label.light{color:#7fc4ff}

.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.principles-grid article{
  min-height:235px;padding:26px;border:1px solid var(--p3-line);border-radius:22px;background:linear-gradient(180deg,#fff,#f9fbfd);
  box-shadow:0 16px 46px rgba(19,49,78,.055)
}
.principles-grid article>span{font-size:.68rem;font-weight:950;color:var(--p3-gold)}
.principles-grid h3{margin:58px 0 10px;font-size:1.22rem}
.principles-grid p{margin:0;color:var(--p3-muted);font-size:.84rem;line-height:1.85}

.products-featured{background:linear-gradient(180deg,#f4f8fc,#eef4fa)}
.pdf-product-card{
  display:grid;grid-template-columns:1.04fr .96fr;min-height:500px;border-radius:30px;overflow:hidden;
  background:linear-gradient(135deg,#071522 0%,#0b2641 56%,#0b3155 100%);
  box-shadow:0 28px 70px rgba(13,42,68,.16)
}
.pdf-copy{padding:52px;color:#fff;align-self:center}
.product-state{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font-size:.7rem;font-weight:850}
.product-state i{width:7px;height:7px;border-radius:50%;background:#45d481;box-shadow:0 0 0 5px rgba(69,212,129,.08)}
.pdf-copy h3{margin:17px 0 10px;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.95;letter-spacing:-.05em}
.pdf-copy>p{margin:0;max-width:650px;color:#b9c9d9;font-size:.92rem;line-height:1.95}
.product-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.product-chip-row span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:.7rem;color:#d6e4ef}
.product-actions{margin-top:26px}
.pdf-visual{
  position:relative;display:grid;place-items:center;min-height:500px;overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%,rgba(44,143,255,.24),transparent 36%),
    radial-gradient(circle at 52% 74%,rgba(255,210,85,.18),transparent 26%)
}
.pdf-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(50,155,255,.22),rgba(50,155,255,0) 66%)}
.pdf-orbit{position:absolute;border:1px solid rgba(105,190,255,.2);border-radius:50%}
.pdf-orbit.one{width:330px;height:330px}
.pdf-orbit.two{width:430px;height:280px;transform:rotate(-13deg);border-color:rgba(255,205,85,.28)}
.pdf-sheets{position:relative;width:230px;height:290px;filter:drop-shadow(0 28px 40px rgba(0,0,0,.28))}
.pdf-sheets .sheet{position:absolute;inset:0;border-radius:26px;border:1px solid rgba(255,255,255,.36);background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(212,234,252,.6) 48%,rgba(127,178,222,.28));backdrop-filter:blur(14px)}
.pdf-sheets .back{transform:translate(54px,-34px) rotate(8deg);opacity:.5}
.pdf-sheets .middle{transform:translate(28px,-18px) rotate(4deg);opacity:.72}
.pdf-sheets .front{display:grid;place-items:center;background:linear-gradient(160deg,#f8fcff,#d9ebf9 60%,#b9d5eb)}
.pdf-sheets .front b{display:grid;place-items:center;width:98px;height:98px;border-radius:26px;background:#0a1b2d;color:#fff;font-size:1.6rem}
.pdf-platform{position:absolute;bottom:44px;width:320px;height:58px;border-radius:50%;border:3px solid rgba(255,210,83,.55);box-shadow:0 0 36px rgba(255,210,83,.28),inset 0 0 28px rgba(255,210,83,.12)}

.products-directions{background:#fff}
.direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.direction-grid article{
  min-height:300px;padding:22px;border:1px solid var(--p3-line);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(16,43,70,.05)
}
.direction-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#eef7ff,#fff);border:1px solid #d7e7f6}
.direction-icon svg{width:27px;height:27px;fill:#176ab8}
.direction-grid article>span{display:block;margin-top:28px;color:var(--p3-gold);font-size:.66rem;font-weight:950;letter-spacing:.1em}
.direction-grid h3{margin:8px 0 10px;font-size:1.1rem}
.direction-grid p{margin:0;color:var(--p3-muted);font-size:.8rem;line-height:1.8}

/* HIHIRO_ECOSYSTEM_JOURNEY_V2 — a new, customer-facing workflow card. */
.products-ecosystem{background:linear-gradient(180deg,#eef4fa,#f7f9fb)}
.ecosystem-journey{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(26px,5vw,60px);
  border-radius:30px;color:#fff;
  background:radial-gradient(circle at 14% 0%,rgba(31,122,220,.19),transparent 43%),radial-gradient(circle at 92% 92%,rgba(204,151,45,.12),transparent 45%),linear-gradient(145deg,#071522,#0a2945);
  box-shadow:0 24px 64px rgba(7,26,43,.16)
}
.ecosystem-journey::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid rgba(219,234,250,.14);border-radius:inherit}
.ecosystem-journey-intro{min-width:0}
.ecosystem-journey .products-label{font-size:.7rem;letter-spacing:.15em}
.ecosystem-journey h2{margin:16px 0 18px;font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.2;letter-spacing:-.035em;color:#fff;text-wrap:balance;overflow-wrap:anywhere}
.ecosystem-journey-intro>p{margin:0;max-width:590px;color:#c4d4e5;font-size:clamp(.87rem,1.2vw,1rem);line-height:1.95}
.ecosystem-journey-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.ecosystem-journey-cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:11px 19px;border-radius:13px;text-align:center;text-decoration:none;
  font-weight:850;font-size:.87rem;transition:transform .18s ease,background .18s ease
}
.ecosystem-journey-cta:hover{transform:translateY(-2px)}
.ecosystem-journey-cta:focus-visible{outline:3px solid #7dc1ff;outline-offset:3px}
.ecosystem-journey-cta.primary{background:#fff;color:#0a2138}
.ecosystem-journey-cta.secondary{background:rgba(255,255,255,.075);color:#f1f7ff;border:1px solid rgba(225,239,252,.29)}
.ecosystem-path{min-width:0;padding:clamp(15px,2.3vw,26px);border:1px solid rgba(171,207,243,.18);border-radius:24px;background:rgba(4,15,27,.36)}
.ecosystem-path-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ecosystem-path-step{position:relative;display:flex;align-items:flex-start;gap:15px;min-width:0;padding:9px 2px}
.ecosystem-path-step:not(:last-child)::after{content:"";position:absolute;top:55px;bottom:-24px;inset-inline-start:21px;width:1px;background:linear-gradient(#4e9be3,rgba(204,164,78,.45))}
.ecosystem-path-no{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(124,186,248,.35);background:linear-gradient(145deg,rgba(27,87,143,.7),rgba(9,38,69,.85));color:#c0e0ff;font:800 .81rem/1 sans-serif;letter-spacing:.03em}
.ecosystem-path-step:last-child .ecosystem-path-no{color:#ffe2a0;border-color:rgba(245,192,88,.4);background:linear-gradient(145deg,rgba(142,98,35,.45),rgba(65,48,30,.28))}
.ecosystem-path-copy{display:grid;gap:5px;min-width:0;padding-top:2px}
.ecosystem-path-copy strong{font-size:clamp(.91rem,1.3vw,1.04rem);color:#fff}
.ecosystem-path-copy span{color:#b6c9de;font-size:.82rem;line-height:1.75;overflow-wrap:anywhere}
html[dir="ltr"] .ecosystem-journey{direction:ltr;text-align:left}
html[dir="rtl"] .ecosystem-journey{direction:rtl;text-align:right}
@media(max-width:1020px){.ecosystem-journey{grid-template-columns:1fr;gap:24px}}
@media(max-width:720px){
  .ecosystem-journey{padding:26px 21px;border-radius:23px;gap:22px}
  .ecosystem-journey h2{font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.29}
  .ecosystem-journey-intro>p{font-size:.88rem;line-height:1.9}
  .ecosystem-journey-actions{margin-top:22px}
  .ecosystem-path{padding:14px 15px;border-radius:19px}
  .ecosystem-path-list{gap:8px}.ecosystem-path-step{gap:12px}
  .ecosystem-path-step:not(:last-child)::after{inset-inline-start:19px;top:49px}
  .ecosystem-path-no{flex-basis:40px;width:40px;height:40px;border-radius:12px}
}
@media(max-width:390px){
  .ecosystem-journey{padding:23px 16px}.ecosystem-journey h2{font-size:1.7rem}
  .ecosystem-journey-actions{display:grid;grid-template-columns:1fr}.ecosystem-journey-cta{width:100%}
  .ecosystem-path{padding:12px}.ecosystem-path-step{gap:10px}
}
@media(prefers-reduced-motion:reduce){.ecosystem-journey-cta{transition:none}}


html[data-theme="dark"] .products-v3-page{--p3-bg:#08131f;--p3-paper:#0c1b2a;--p3-ink:#edf5fd;--p3-muted:#9aacbd;--p3-line:rgba(214,229,247,.1);background:#08131f;color:var(--p3-ink)}
html[data-theme="dark"] .products-principles,html[data-theme="dark"] .products-directions{background:#0b1826}
html[data-theme="dark"] .products-featured{background:#091522}
html[data-theme="dark"] .products-ecosystem{background:#08131f}
html[data-theme="dark"] .products-section-head h2,html[data-theme="dark"] .principles-grid h3,html[data-theme="dark"] .direction-grid h3{color:#edf5fd}
html[data-theme="dark"] .principles-grid article,html[data-theme="dark"] .direction-grid article{background:#0d1c2c;border-color:rgba(214,229,247,.09)}
html[data-theme="dark"] .direction-icon{background:#10263d;border-color:#203e5d}

@media(max-width:1020px){
  .products-cinematic-hero{min-height:640px}
  .products-hero-content{width:48%}
  .products-section-head.split,.pdf-product-card{grid-template-columns:1fr}
  .pdf-visual{min-height:430px}
  .direction-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .products-wrap{width:min(100% - 20px,1180px)}
  .products-cinematic-hero{width:calc(100% - 10px);min-height:760px;border-radius:24px}
  .products-cinematic-image{object-position:68% center}
  .products-cinematic-shade{background:linear-gradient(180deg,rgba(2,11,20,.08) 18%,rgba(2,11,20,.42) 48%,rgba(2,11,20,.96) 78%)}
  .products-hero-content{left:6%;right:6%;top:auto;bottom:5%;transform:none;width:auto}
  .products-hero-content h1{font-size:clamp(2.25rem,11vw,3.6rem)}
  .products-hero-content>p{font-size:.88rem;line-height:1.8}
  .products-hero-actions{display:grid;grid-template-columns:1fr}
  .products-btn{width:100%}
  .products-hero-signals{grid-template-columns:repeat(3,1fr)}
  .products-hero-signals span{min-height:68px;padding:10px}
  .products-hero-signals b{font-size:.68rem}.products-hero-signals small{font-size:.58rem}
  .products-principles,.products-featured,.products-directions,.products-ecosystem{padding:62px 0}
  .products-section-head.split{gap:14px}
  .principles-grid,.direction-grid{grid-template-columns:1fr}
  .principles-grid article{min-height:auto}.principles-grid h3{margin-top:32px}
  .pdf-copy{padding:28px 22px}
  .pdf-visual{min-height:360px}
  .pdf-sheets{width:170px;height:220px}
  .pdf-orbit.one{width:250px;height:250px}.pdf-orbit.two{width:320px;height:210px}
  .pdf-platform{width:240px;bottom:30px}

}
@media(max-width:430px){
  .products-cinematic-hero{min-height:700px}
  .products-hero-signals{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .products-hero-signals span{padding:8px}
}
@media(prefers-reduced-motion:reduce){.products-btn{transition:none}}


/* HIHIRO_PRODUCTS_DESKTOP_DENSITY_V1
   Reduce oversized desktop typography and vertical whitespace without
   changing mobile breakpoints or visual hierarchy. */
@media (min-width: 64rem){
  .products-wrap{width:min(1240px,calc(100% - 32px))}
  .products-cinematic-hero{min-height:610px}
  .products-hero-content{width:min(540px,43%)}
  .products-hero-content h1{font-size:clamp(2.35rem,4.1vw,4.8rem);line-height:1.03}
  .products-hero-content>p{margin-top:17px;font-size:.92rem;line-height:1.82}
  .products-hero-actions{margin-top:22px}
  .products-hero-signals{margin-top:24px}
  .products-hero-signals span{min-height:68px;padding:10px 12px}
  .products-principles,.products-featured,.products-directions,.products-ecosystem{padding:68px 0}
  .products-section-head{margin-bottom:22px}
  .products-section-head h2{font-size:clamp(1.8rem,3.35vw,3.35rem)}
  .products-section-head p{font-size:.88rem;line-height:1.8}
  .principles-grid article{min-height:205px;padding:22px}
  .principles-grid h3{margin-top:44px;font-size:1.12rem}
  .pdf-product-card{min-height:450px}
  .pdf-copy{padding:44px}
  .pdf-copy h3{font-size:clamp(2.5rem,4.25vw,4.7rem)}
  .pdf-copy>p{font-size:.86rem;line-height:1.82}
  .pdf-visual{min-height:450px}
}


/* HIHIRO_HOME_BRAND_SIGNATURE_V2
   Conservative crop of the original square HiHiro artwork.
   Preserve the complete icon, wordmark and tagline; remove only surplus white space. */
.products-brand-signature{
  padding:22px 0 0;
  background:#fff
}
.products-brand-crop{
  position:relative;
  width:min(980px,100%);
  aspect-ratio:1.58 / 1;
  margin:0 auto;
  overflow:hidden;
  border-radius:22px;
  background:#fff
}
.products-brand-crop img{
  position:absolute;
  inset:50% auto auto 50%;
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  border:0;
  transform:translate(-50%,-50%);
  transform-origin:center
}

html[data-theme="dark"] .products-brand-signature{
  background:#0b1826
}
html[data-theme="dark"] .products-brand-crop{
  background:#fff
}

@media(max-width:720px){
  .products-brand-signature{padding:16px 0 0}
  .products-brand-crop{
    width:100%;
    aspect-ratio:1.48 / 1;
    border-radius:18px
  }
}
@media(max-width:430px){
  .products-brand-crop{
    aspect-ratio:1.42 / 1;
    border-radius:15px
  }
}


/* HIHIRO_HOME_GOLDEN_GLOBE_V1
   Closing Home brand visual: preserve the full transparent 1254x1254 artwork. */
.products-golden-globe{
  position:relative;
  overflow:hidden;
  padding:46px 0 34px;
  background:
    radial-gradient(circle at 50% 56%,rgba(213,159,40,.14),transparent 34rem),
    linear-gradient(180deg,rgba(245,248,252,.72),rgba(255,255,255,.98))
}
.golden-globe-stage{
  display:grid;
  place-items:center;
  min-height:430px
}
.golden-globe-stage img{
  display:block;
  width:min(560px,48vw);
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 28px 34px rgba(63,42,5,.18));
  transform:translateZ(0)
}
html[data-theme="dark"] .products-golden-globe{
  background:
    radial-gradient(circle at 50% 56%,rgba(213,159,40,.13),transparent 32rem),
    linear-gradient(180deg,#0b1826,#07131f)
}

@media(max-width:900px){
  .products-golden-globe{padding:38px 0 28px}
  .golden-globe-stage{min-height:360px}
  .golden-globe-stage img{width:min(500px,68vw)}
}
@media(max-width:620px){
  .products-golden-globe{padding:26px 0 20px}
  .golden-globe-stage{min-height:300px}
  .golden-globe-stage img{width:min(390px,82vw)}
}
@media(max-width:390px){
  .golden-globe-stage{min-height:260px}
  .golden-globe-stage img{width:min(340px,84vw)}
}


/* HIHIRO_PRODUCTS_MOBILE_HEADER_SINGLE_ROW_V2
   Home (Products) navigation stays between menu/logo and profile/HC/language.
   Respect 320px narrow screens; do not spill controls to a second row.
   The existing Hiro Coin responsive rules supply the compact wallet/icons.
   Scope to Products only: Services, Account and desktop are unaffected. */
@media (max-width:640px){
  body.products-v3-page .topbar .topbar-inner.public-header{
    display:grid!important;
    grid-template-areas:"left nav right"!important;
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    grid-template-rows:minmax(40px,auto)!important;
    column-gap:3px!important;
    row-gap:0!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:7px 8px!important;
    overflow:visible!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .public-header-left{
    grid-area:left!important;
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    justify-self:start!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:3px!important;
    position:relative!important;
    z-index:1!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .public-header-right{
    grid-area:right!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:max-content!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    position:relative!important;
    z-index:1!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .primary-nav.public-header-nav{
    grid-area:nav!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:clamp(92px,26vw,116px)!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px!important;
    gap:2px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    z-index:1!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .primary-nav.public-header-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    min-height:34px!important;
    padding:5px 2px!important;
    box-sizing:border-box!important;
    font-size:.65rem!important;
    white-space:nowrap!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header .brand-lockup,
  body.products-v3-page .topbar .topbar-inner.public-header .site-menu-wrap{
    position:relative!important;
    z-index:1!important;
  }
}
@media(max-width:390px){
  body.products-v3-page .topbar .topbar-inner.public-header{
    padding-inline:4px!important;
    column-gap:2px!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .primary-nav.public-header-nav{
    width:92px!important;
    gap:1px!important;
    padding:2px!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .primary-nav.public-header-nav a{
    font-size:.61rem!important;
    min-height:32px!important;
    padding-inline:1px!important;
  }
  body.products-v3-page .topbar .topbar-inner.public-header > .public-header-right{gap:2px!important}
}

/* Home-only boundary fix: default HC controls jump back to desktop width at
   481px, which otherwise overflows the reduced mobile header. */
@media (min-width:481px) and (max-width:520px){
  body.products-v3-page .topbar .topbar-inner.public-header > .public-header-right{gap:3px!important}
  body.products-v3-page .topbar .topbar-inner.public-header .header-profile-button{
    width:36px!important;height:36px!important;flex:0 0 36px!important
  }
  body.products-v3-page .topbar .topbar-inner.public-header .language-trigger{
    width:36px!important;min-width:36px!important;height:36px!important;
    padding:0!important;gap:0!important
  }
  body.products-v3-page .topbar .topbar-inner.public-header .language-trigger-code,
  body.products-v3-page .topbar .topbar-inner.public-header .language-trigger .lang-chevron{
    display:none!important
  }
  body.products-v3-page .topbar .topbar-inner.public-header .hc-header-wallet{
    flex:0 0 108px!important;min-width:0!important
  }
  body.products-v3-page .topbar .topbar-inner.public-header .hc-wallet-button{
    width:108px!important;min-width:108px!important;max-width:108px!important;
    height:36px!important;grid-template-columns:29px minmax(20px,1fr) 22px!important;
    gap:3px!important;padding:2px 4px!important
  }
  body.products-v3-page .topbar .topbar-inner.public-header .hc-wallet-coin,
  body.products-v3-page .topbar .topbar-inner.public-header .hc-wallet-coin img{
    width:28px!important;height:28px!important
  }
  body.products-v3-page .topbar .topbar-inner.public-header .hc-wallet-plus{
    width:22px!important;height:26px!important
  }
}
@media (max-width:390px){
  body.products-v3-page .topbar{padding-inline:2px!important}
}