/* Showcase only. Use the same locally served Figtree files as the wholesale shop. */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/themes/hummingbird-wholesale/assets/fonts/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/themes/hummingbird-wholesale/assets/fonts/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url('/themes/hummingbird-wholesale/assets/fonts/figtree-latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6 {font-family:'Figtree',sans-serif}

#header {box-shadow:none}
#header .header-top {border-bottom:1px solid #e2dfda}
#header #desktopMenu .menu {gap:22px}
#header #desktopMenu .menu a {text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
#header #desktopLogo img {max-width:280px;height:auto}
.ecs-showcase-home,.ecs-showcase-home * {box-sizing:border-box}
#wrapper.ecs-showcase-home {background:#f6f5f2;padding:0;margin:0;color:#32323f}
.sh-shell {width:calc(100% - 80px);max-width:1280px;margin:auto}
.ecs-showcase-home h1,.ecs-showcase-home h2,.ecs-showcase-home h3,.ecs-showcase-home p {text-transform:none;letter-spacing:normal}
.ecs-showcase-home h1 {font-size:clamp(36px,4.1vw,60px);line-height:1.05;font-weight:600;margin:0 0 24px;letter-spacing:-.035em;max-width:12ch}
.ecs-showcase-home h2 {font-size:clamp(27px,2.6vw,38px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 20px}
.ecs-showcase-home h3 {font-size:19px;font-weight:600;line-height:1.3;margin:0 0 8px}
.ecs-showcase-home p {font-size:17px;line-height:1.55;margin:0 0 20px;color:#575650}
.ecs-showcase-home a {color:inherit}
.ecs-showcase-home a:focus-visible {outline:3px solid #d53724;outline-offset:5px}
.sh-hero {display:grid;grid-template-columns:1fr 1.12fr;gap:56px;align-items:center;padding:54px 0 44px}
.ecs-showcase-home .sh-eyebrow {font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;color:#6d6861}
.ecs-showcase-home .sh-lead {font-size:19px;line-height:1.55;max-width:42ch}
.sh-actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0 14px}
.ecs-showcase-home .sh-button {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#d53724;color:#fff;border:1px solid #d53724;border-radius:6px;padding:15px 20px;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:none}
.ecs-showcase-home .sh-button:hover {background:#b92e1e;border-color:#b92e1e}
.sh-arrow {display:inline-block;flex:none;width:20px;height:20px;vertical-align:middle}
.sh-button .sh-arrow {width:22px;height:22px}
.ecs-showcase-home .sh-text-link {display:inline-flex;gap:12px;align-items:center;font-size:15px;font-weight:600;text-decoration:none;padding:6px 0;border-bottom:1px solid #b4aea4;line-height:1.4}
.ecs-showcase-home .sh-text-link:hover {color:#c63523;border-color:#c63523}
.ecs-showcase-home .sh-note {font-size:13px;line-height:1.5;color:#6a655e;max-width:50ch}
.sh-warehouse {margin:0;min-width:0}
.sh-warehouse img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.sh-section {padding:40px 0 44px;border-top:1px solid #dcd8d0}
.sh-section-head {display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}
.sh-section-head h2 {margin:0}
/* Category tiles inherit the same component as the wholesale home menu. */
.sh-catalog {--ecs-ink:#32323f;--ecs-accent:#e64b38}
/* Japanese category names need room for a full line of ideographs. */
.sh-catalog:lang(ja) .wh-tile__label {max-width:60%}

.sh-brand-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:transparent;border:0}
.sh-brand-grid a {background:transparent;display:flex;align-items:center;justify-content:center;min-width:0;height:136px}
.sh-brand-grid img {mix-blend-mode:multiply;width:138px;height:120px;object-fit:contain;max-width:90%}
.sh-brand-grid a:hover {opacity:.75}
.sh-trade,.sh-sync {display:grid;grid-template-columns:1fr 1.12fr;gap:72px;padding-top:56px;padding-bottom:56px}
.sh-intro p {max-width:46ch}
.sh-benefits {margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sh-benefits dt {font-size:19px;font-weight:600;line-height:1.3;margin-bottom:10px}
.sh-benefits dd {font-size:16px;line-height:1.55;color:#575650;margin:0}
.sh-sync-list {list-style:none;margin:0;padding:0;counter-reset:sync}
.sh-sync-list li {counter-increment:sync;position:relative;padding:0 0 20px 44px;margin-bottom:20px;border-bottom:1px solid #dcd8d0}
.sh-sync-list li:last-child {margin-bottom:0;padding-bottom:0;border:0}
.sh-sync-list li::before {content:'0' counter(sync);position:absolute;left:0;top:2px;font-size:13px;font-weight:600;color:#aa3d2e}
.sh-sync-list p {font-size:16px;margin:0}
.sh-apply {display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;padding-top:50px;padding-bottom:50px}
.sh-apply p {max-width:64ch}
.sh-apply-action {justify-self:end;max-width:330px}
.sh-apply-action .sh-note {margin:14px 0 0}
.sh-contact {border-top:1px solid #dcd8d0;padding:28px 0 40px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.ecs-showcase-home .sh-contact h2 {font-size:20px;margin:0 auto 0 0}
.sh-contact a {font-size:15px;text-decoration:underline;text-underline-offset:4px}
.sh-stock {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dcd8d0;padding:24px 0 20px;gap:12px 32px}
.sh-stock>div {display:flex;align-items:baseline;gap:16px}
.sh-stock strong {font-size:38px;font-weight:600;letter-spacing:-.03em}
.sh-stock span {font-size:15px;color:#575650}
.ecs-showcase-home .sh-stock-note {grid-column:1/-1;font-size:12px;margin:0;color:#6a655e}
/* The complete brand directory uses the original artwork, not 98px thumbnails. */
#brands .brand-list img,.brand-list img {object-fit:contain;max-width:100%;mix-blend-mode:multiply}
#wrapper #brands-page .brand {background-color:transparent}
@media(min-width:1000px) {#header .header-top {padding-left:40px;padding-right:40px}}
@media(max-width:1100px) {.sh-hero{gap:30px}.sh-trade,.sh-sync{gap:36px}#header #desktopLogo img{max-width:230px}}
@media(max-width:767px) {
 .sh-shell{width:calc(100% - 40px)}.sh-hero{grid-template-columns:1fr;padding:32px 0;gap:24px}.ecs-showcase-home h1{max-width:17ch;font-size:42px}.ecs-showcase-home .sh-lead{font-size:18px}.sh-warehouse img{max-height:340px;aspect-ratio:4/3}.sh-hero .sh-note{margin-bottom:0}.sh-section{padding:30px 0}.sh-section-head{gap:14px}.sh-section-head h2{font-size:28px}.sh-section-head .sh-text-link{font-size:13px}.sh-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-brand-grid a{height:100px}.sh-brand-grid img{height:86px;width:110px}.sh-trade,.sh-sync,.sh-apply{grid-template-columns:1fr;gap:26px}.sh-benefits{gap:24px 20px}.sh-benefits dt{font-size:18px}.sh-benefits dd{font-size:15px}.sh-apply-action{justify-self:start;max-width:none}.sh-contact{gap:16px;padding-bottom:32px}.sh-contact h2{width:100%}.sh-stock{gap:16px}.sh-stock>div{display:block}.sh-stock strong{display:block;font-size:29px}.sh-stock span{font-size:13px}.sh-actions{gap:18px}.ecs-showcase-home .sh-eyebrow{margin-bottom:16px}
}

/* Shared public-page typography, without changing the shop or registration UI. */
.content {font-size:16px;line-height:1.6}
#store-sync-page .ss-lead {font-size:19px}
#store-sync-page .ss-steps h3,#store-sync-page .ss-card h3,#store-sync-page .ss-platform h3 {font-weight:600}
#store-sync-page.content .ss-steps li {background:transparent;border:0;border-top:1px solid #dcd8d0;border-radius:0;padding:22px 0}
#store-sync-page.content .ss-steps {gap:32px}
#store-sync-page.content .ss-platform {background:transparent;border:0;border-top:1px solid #dcd8d0;border-radius:0;padding:20px 0}
#header button {box-shadow:none}
#wrapper.ecs-showcase-home #sh-title {color:#32323f}

@media(min-width:1100px){.sh-hero {padding-top:36px;padding-bottom:36px}.sh-warehouse img {max-height:440px;object-position:center}}

/* Long translated nouns must stay inside the shared category tiles. */
.ecs-showcase-home .wh-tile__label { max-width:62%; hyphens:manual; }
.ecs-showcase-home h1 { hyphens:manual; }
html[lang="de"] .ecs-showcase-home h1 { max-width:14ch; }