/* Wholesaler presentation. Retailer and manufacturer styles stay independent. */
@font-face {
  font-family: 'Feri Jakarta'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('./fonts/jakarta-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Feri Jakarta'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('./fonts/jakarta-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: 'Feri Bricolage'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('./fonts/bricolage-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Feri Bricolage'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('./fonts/bricolage-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;
}
.wholesaler-site {
  --blue: #246b63; --ink: #25312e; --muted: #667570; --line: #dce5e1;
  --canvas: #eef3f1; --green: #087d68; --yellow: #edc96f; --paper: #fff; --navy: #192622;
  --sidebar-width: 252px; --heading-font: 'Feri Bricolage', 'Segoe UI', sans-serif;
  font-family: 'Feri Jakarta', 'Segoe UI', sans-serif; font-size: 14px;
  color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased;
}
.wholesaler-site ::selection { background: #f4da6190; color: #246b63; }
.wholesaler-site :is(h1,h2,h3,.stat-value,.stock-summary strong) { font-family: var(--heading-font); font-optical-sizing: auto; }
.wholesaler-site :is(h1,h2,h3) { letter-spacing: -.035em; }
.wholesaler-site .wordmark { font-family: var(--heading-font); font-weight: 800; font-size: 38px; letter-spacing: -.075em; }
.wholesaler-site .brand-label { font-family: 'Feri Jakarta', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: .035em; color: var(--muted); margin-top: 6px; }
.wholesaler-site .eyebrow { font-size: 10px; font-weight: 750; letter-spacing: .13em; color: #627873; }
.wholesaler-site .button { min-height: 46px; border-radius: 12px; padding: 12px 20px; font-size: 13px; font-weight: 700; transition: background .2s, border-color .2s, box-shadow .2s, transform .2s; }
.wholesaler-site .button-primary { background: var(--blue); color: white; box-shadow: 0 6px 16px #246b6317; }
.wholesaler-site .button-primary:hover { background: #1b514b; box-shadow: 0 8px 20px #246b632c; transform: translateY(-2px); }
.wholesaler-site .button-outline { background: #fff; border-color: #dae2e0; color: var(--ink); }
.wholesaler-site .button-outline:hover { background: #f7f8f8; border-color: #43a38c; color: var(--blue); }
.wholesaler-site .button-light { background: #eff3f2; color: var(--blue); }
.wholesaler-site .button-small { min-height: 39px; padding: 9px 14px; font-size: 12px; }
.wholesaler-site .button > .icon { transition: transform .2s; width: 18px; height: 18px; }
.wholesaler-site .button:hover > .icon:last-child { transform: translateX(2px); }
.wholesaler-site .text-link { font-size: 12px; font-weight: 750; }
.wholesaler-site button.text-link { border: 0; background: transparent; padding: 0; cursor: pointer; }
.wholesaler-site .text-link .icon { width: 16px; }
.wholesaler-site .wrap { width: 100%; max-width: 1440px; padding-left: clamp(32px,4.6vw,80px); padding-right: clamp(32px,4.6vw,80px); }

/* Public site: generous type and an original trade illustration. */
.wholesaler-site #landingView { background:#fff; overflow:clip; }
.wholesaler-site #landingView .wrap { width:100%; max-width:1550px; padding-inline:clamp(32px,5vw,84px); }
.wholesaler-site #landingView .public-header { height:94px; min-height:94px; border-bottom:1px solid var(--line); position:relative; z-index:2; }
.wholesaler-site #landingView .wordmark { font-size:43px; }
.wholesaler-site #landingView .brand-label { font-size:10px; }
.wholesaler-site #landingView .public-nav { gap:36px; color:#576b66; font-size:13px; }
.wholesaler-site #landingView .public-nav a { padding:14px 0; position:relative; }
.wholesaler-site #landingView .public-nav a::after { content:''; position:absolute; left:0; right:100%; bottom:6px; height:2px; background:var(--blue); transition:right .2s; }
.wholesaler-site #landingView .public-nav a:hover::after { right:0; }
.wholesaler-site #landingView .public-header .button { min-height:44px; font-size:12px; padding:10px 18px; border-radius:10px; }
.wholesaler-site #landingView .landing-hero { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(35px,4.5vw,75px); padding-top:58px; padding-bottom:62px; min-height:660px; align-items:center; }
.wholesaler-site #landingView .hero-copy>.eyebrow { display:inline-flex; gap:9px; padding:9px 12px; background:#f5f8f7; border:1px solid #eef1f0; border-radius:7px; color:#296457; font-size:9px; letter-spacing:.1em; }
.wholesaler-site #landingView .hero-copy h1 { font-size:clamp(57px,5.25vw,82px); font-weight:800; line-height:1.045; letter-spacing:-.058em; margin:25px 0; color:var(--ink); }
.wholesaler-site #landingView .hero-copy h1 span { color:var(--blue); background:none; }
.wholesaler-site #landingView .hero-copy h1 span::after { content:''; display:block; width:80px; height:5px; background:var(--yellow); border-radius:5px; margin-top:17px; }
.wholesaler-site #landingView .hero-copy>p { max-width:500px; font-size:15px; line-height:1.9; color:#667d78; }
.wholesaler-site #landingView .hero-actions { margin-top:28px; gap:23px; }
.wholesaler-site #landingView .hero-actions>.button { min-height:53px; padding:14px 22px; font-size:13px; border-radius:12px; }
.wholesaler-site #landingView .hero-actions>.button .icon { margin-left:12px; }
.wholesaler-site #landingView .hero-actions .text-link { font-size:12px; }
.wholesaler-site #landingView .hero-note { font-size:10px; color:#778f8a; margin-top:24px; gap:8px; }
.wholesaler-site #landingView .hero-note .icon { color:#087d68; width:15px; }
.trade-scene { position:relative; isolation:isolate; height:530px; width:100%; border-radius:36px; background:radial-gradient(ellipse at 80% 20%,#eaefee,transparent 65%),#f7f8f8; border:1px solid #eff2f1; }
.trade-scene::before { content:''; position:absolute; inset:0; border-radius:inherit; background-image:linear-gradient(#2e716109 1px,transparent 1px),linear-gradient(90deg,#2e716109 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(135deg,black,transparent 80%); pointer-events:none; }
.scene-caption { position:absolute; top:27px; left:27px; display:flex; align-items:center; gap:9px; font-size:8px; letter-spacing:.14em; font-weight:750; color:#758e88; }
.scene-caption .blue-dot { width:6px; height:6px; background:var(--blue); }
.scene-orbit { position:absolute; width:370px; height:370px; max-width:84%; aspect-ratio:1; border:1px solid #e0e6e5; border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1; }
.scene-orbit-two { width:265px; height:265px; border-style:dashed; }
.scene-paths { position:absolute; width:100%; height:100%; inset:0; pointer-events:none; }
.scene-paths path { stroke:#43a38c; stroke-width:1.4; stroke-dasharray:5 7; animation:trade-flow 24s linear infinite; }
.scene-paths circle { fill:#246b63; stroke:#f7f8f8; stroke-width:3; }
.scene-card { position:absolute; background:#fff; border:1px solid #e7edeb; border-radius:17px; box-shadow:0 15px 35px -20px #1e4a4045; }
.scene-card-icon { width:37px; height:37px; background:#f4f7f6; border-radius:10px; display:grid; place-items:center; color:var(--blue); flex:none; }
.scene-card-icon .icon { width:20px; height:20px; }
.scene-card strong { font-size:13px; font-weight:750; display:block; color:var(--ink); }
.scene-card>span:not(.scene-card-icon) { color:#7e9590; font-size:10px; line-height:1.7; }
.scene-source { top:78px; left:20px; width:200px; padding:21px; z-index:2; animation:trade-drift 7s ease-in-out infinite; }
.scene-source small { display:block; color:#839a95; font-size:8px; letter-spacing:.1em; margin:16px 0 7px; font-weight:700; }
.scene-source>span:last-of-type { display:block; margin-top:6px; }
.scene-card-arrow { position:absolute; right:20px; top:25px; color:#879d98; width:16px; }
.scene-sticker { position:absolute; right:12px; top:81px; display:flex; gap:6px; align-items:center; font-size:9px; font-weight:650; background:var(--yellow); border:1px solid #dce58b; border-radius:50px; color:#465121; padding:11px 13px; rotate:8deg; z-index:4; }
.scene-sticker .icon { width:13px; height:13px; }
.scene-hub { position:absolute; left:38%; top:20%; width:48%; max-width:253px; height:225px; padding:25px 27px; border-radius:23px; color:white; background:linear-gradient(135deg,#3b8f7c,#246b63 65%); box-shadow:0 25px 45px -20px #246b6389; rotate:-6deg; z-index:3; }
.scene-hub>span { font-size:7px; letter-spacing:.1em; font-weight:650; color:#e5ebe9; white-space:nowrap; }
.scene-hub>strong { display:block; font-family:var(--heading-font); font-size:80px; font-weight:800; letter-spacing:-.08em; line-height:1.1; margin-top:9px; }
.scene-hub>strong span { font-family:Arial,sans-serif; display:inline-block; vertical-align:top; font-size:30px; margin:5px 0 0 13px; color:var(--yellow); animation:trade-asterisk 30s linear infinite; }
.scene-hub p { font-family:var(--heading-font); font-size:21px; line-height:1.15; margin-top:13px; letter-spacing:-.02em; color:#fff; }
.scene-hub>.icon { position:absolute; bottom:27px; right:23px; color:var(--yellow); width:30px; height:30px; rotate:-30deg; }
.scene-request { right:10px; bottom:55px; width:246px; padding:20px; z-index:4; animation:trade-drift 7s 1.7s ease-in-out infinite; }
.scene-request>div:first-child { display:flex; align-items:center; gap:11px; }
.scene-request .scene-card-icon { background:#eef6e8; color:#438139; width:30px; height:30px; border-radius:8px; }
.scene-request .scene-card-icon .icon { width:17px; }
.scene-request>span { display:block; margin-top:9px; }
.scene-order-lines { display:flex; gap:4px; margin:12px 0; }
.scene-order-lines i { background:#eef2f1; height:5px; flex:1; border-radius:3px; }
.scene-order-lines i:nth-child(2) { flex:1.5; background:#e7edeb; }
.scene-order-lines i:nth-child(3) { flex:.65; background:#edc96f; }
.scene-review { display:flex; align-items:center; justify-content:space-between; color:#546662; font-size:9px; font-weight:650; padding-top:10px; border-top:1px solid #f0f4f3; }
.scene-review .icon { width:14px; }
.scene-stock { bottom:107px; left:-9px; padding:17px; display:flex; gap:11px; align-items:center; z-index:5; rotate:-3deg; }
.scene-stock .scene-card-icon { background:#fff4d9; color:#a47a1d; }
.scene-stock div>span { display:block; color:#899e99; font-size:9px; margin-top:4px; }
.scene-stock>.icon { width:15px; color:#16846a; margin-left:8px; }
.scene-footer { position:absolute; bottom:18px; left:0; right:0; display:flex; justify-content:center; align-items:center; gap:12px; color:#7f9691; font-size:9px; }
.scene-footer .icon { width:14px; height:14px; color:#a9b9b5; }
.scene-footer strong { background:#edf1f0; color:var(--blue); padding:5px 12px; border-radius:5px; font-weight:700; }
.wholesaler-site #landingView .features { border:0; gap:20px; padding-top:25px; padding-bottom:78px; }
.feature-section-heading { grid-column:1/-1; display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:15px; }
.wholesaler-site #landingView .feature-section-heading h2 { font-size:clamp(32px,3vw,44px); margin:13px 0 0; line-height:1.1; }
.wholesaler-site #landingView .feature-section-heading p { font-size:13px; line-height:1.9; max-width:360px; color:#677d78; }
.wholesaler-site #landingView .features article { position:relative; background:#f9fbfa; border:1px solid #eff3f2; border-radius:20px; padding:28px; overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; }
.wholesaler-site #landingView .features article::after { position:absolute; content:'01'; top:28px; right:27px; font-family:var(--heading-font); font-size:20px; letter-spacing:-.05em; color:#cfdad7; }
.wholesaler-site #landingView .features article:nth-of-type(2) { background:#f5f8f1; border-color:#e8eddf; }
.wholesaler-site #landingView .features article:nth-of-type(2)::after { content:'02'; color:#c3cfad; }
.wholesaler-site #landingView .features article:nth-of-type(3) { background:#fff8ed; border-color:#f3eadd; }
.wholesaler-site #landingView .features article:nth-of-type(3)::after { content:'03'; color:#dbc8a8; }
.wholesaler-site #landingView .features article:hover { transform:translateY(-5px); box-shadow:0 18px 30px -24px #1f4c4160; border-color:#d7dfdd; }
.wholesaler-site #landingView .feature-icon { width:45px; height:45px; border-radius:12px; background:#fff; box-shadow:0 2px 3px #19262205; color:var(--blue); }
.wholesaler-site #landingView .features article:nth-of-type(2) .feature-icon { color:#608530; }
.wholesaler-site #landingView .features article:nth-of-type(3) .feature-icon { color:#b37c29; }
.wholesaler-site #landingView .features article h2 { font-size:24px; line-height:1.25; margin:30px 0 13px; max-width:280px; }
.wholesaler-site #landingView .features article p { max-width:340px; font-size:14px; line-height:1.85; color:#647a75; }
.wholesaler-site #landingView .how-section { grid-template-columns:minmax(0,1fr) minmax(0,1fr); border-top:1px solid var(--line); gap:70px; align-items:center; padding-top:78px; padding-bottom:85px; scroll-margin-top:28px; }
.wholesaler-site #landingView .section-intro h2 { font-size:clamp(34px,3.3vw,49px); line-height:1.12; margin:22px 0; }
.wholesaler-site #landingView .section-intro p { font-size:14px; color:#677d78; }
.wholesaler-site #landingView .how-steps { gap:0; }
.wholesaler-site #landingView .how-steps article { padding:22px 0; border:0; border-bottom:1px solid var(--line); gap:22px; }
.wholesaler-site #landingView .how-steps article:last-child { border-bottom:0; }
.wholesaler-site #landingView .how-steps article>span { display:grid; place-items:center; min-width:43px; height:43px; border-radius:12px; font-family:var(--heading-font); font-size:16px; color:var(--blue); background:#f5f7f7; }
.wholesaler-site #landingView .how-steps article:nth-child(2)>span { background:#edc96f; color:#586522; }
.wholesaler-site #landingView .how-steps article:nth-child(3)>span { background:#e9f5f1; color:var(--green); }
.wholesaler-site #landingView .how-steps h3 { font-size:20px; margin-top:2px; }
.wholesaler-site #landingView .how-steps p { font-size:13px; line-height:1.85; margin-top:8px; color:#667570; }
.wholesaler-site #landingView .landing-cta { position:relative; isolation:isolate; overflow:hidden; width:calc(100% - clamp(64px,10vw,168px)); max-width:1382px; padding:49px 50px; border-radius:24px; margin-bottom:25px; background:var(--navy); }
.wholesaler-site #landingView .landing-cta::after { content:'↗'; font-family:var(--heading-font); color:#ffffff05; font-size:400px; line-height:.6; position:absolute; top:25px; right:240px; z-index:-1; rotate:-5deg; }
.wholesaler-site #landingView .landing-cta .eyebrow { color:#b3c1bd; font-size:9px; }
.wholesaler-site #landingView .landing-cta h2 { font-size:clamp(30px,3vw,45px); line-height:1.15; max-width:580px; margin-top:16px; }
.wholesaler-site #landingView .landing-cta .button-white { background:var(--yellow); border-color:var(--yellow); color:#253415; min-height:51px; padding:14px 22px; box-shadow:none; white-space:nowrap; }
.wholesaler-site #landingView .public-footer { font-size:11px; padding-top:22px; padding-bottom:34px; color:#869c97; }
.wholesaler-site #landingView .footer-brand { color:var(--blue); font-family:var(--heading-font); font-size:34px; }
.wholesaler-site #landingView .footer-brand span { font-family:'Feri Jakarta',sans-serif; color:#809792; font-size:10px; }

/* Sign in uses the same palette and a comfortably sized desktop card. */
.wholesaler-site .auth-page { grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); background: #f9fafa; }
.wholesaler-site .auth-story { padding: 48px clamp(35px,5.2vw,88px); background: radial-gradient(ellipse at 80% 90%,#3c948045,transparent 65%),#192622; }
.wholesaler-site .auth-story::after { width: 620px; height: 620px; border-color: #43a38c36; bottom: -270px; left: auto; right: -340px; box-shadow: 0 0 0 80px #c7d3d005,0 0 0 160px #c7d3d004; }
.wholesaler-site .auth-story .brand-label { color: #8fa49f; }
.wholesaler-site .auth-story-copy { margin: 65px 0; }
.wholesaler-site .auth-story .eyebrow { color: #e4e9e8; font-size: 10px; }
.wholesaler-site .auth-story h1 { font-size: clamp(42px,4vw,64px); line-height: 1.1; margin: 26px 0; }
.wholesaler-site .auth-story h1 span { color: var(--yellow); }
.wholesaler-site .auth-story-copy > p { color: #afbeba; font-size: 16px; line-height: 1.9; }
.wholesaler-site .auth-flow { gap: 13px; margin-top: 44px; }
.wholesaler-site .auth-flow > span { font-size: 10px; color: #dee5e3; }
.wholesaler-site .auth-flow > span.auth-flow-you { color: #fff; background: #246b63; border-color: #419e88; padding: 23px 28px; border-radius: 16px; rotate: -4deg; box-shadow: 0 12px 30px #0002; }
.wholesaler-site .auth-flow > .icon { color: #9eb0ac; }
.wholesaler-site .auth-story-footer { color: #c6d3d0; font-size: 11px; }
.wholesaler-site .auth-form-area { background: radial-gradient(ellipse at 100% 0,#f2f5f4,transparent 60%),#f9fafa; padding: 48px clamp(32px,5vw,80px); }
.wholesaler-site .auth-card { max-width: 500px; padding: 38px; background: white; border: 1px solid var(--line); border-radius: 23px; box-shadow: 0 20px 60px -40px #255a4e38; margin: 48px 0; border-color: #e9edec; }
.wholesaler-site .auth-card > .eyebrow { font-size: 9px; color: var(--blue); background: #f5f7f7; padding: 7px 9px; border-radius: 5px; }
.wholesaler-site .auth-card h2 { font-size: 38px; margin: 22px 0 15px; }
.wholesaler-site .auth-card > p { font-size: 13px; line-height: 1.9; }
.wholesaler-site .google-button { min-height: 55px; color: var(--ink); border-color: #dde5e3; box-shadow: 0 3px 0 #f5f7f7; }
.wholesaler-site .google-button:hover { border-color: var(--blue); background: #f9fbfa; }
.wholesaler-site .auth-benefits { font-size: 12px; color: #627873; line-height: 1.7; }
.wholesaler-site .auth-note { color: #748d87; line-height: 1.8; }
.wholesaler-site .auth-form-footer { color: #768f89; font-size: 10px; }

/* A spacious, legible workspace across laptop and desktop widths. */
.wholesaler-site .workspace { background: var(--canvas); }
.wholesaler-site .sidebar { width: var(--sidebar-width); padding: 29px 17px 17px; background: var(--navy); border-right-color: #e1e5e7; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border-right: 0; scrollbar-color: #42514e transparent; }
.wholesaler-site .sidebar > .brand { margin: 0 16px 34px; }
.wholesaler-site .sidebar .wordmark { font-size: 42px; color: white; }
.wholesaler-site .sidebar .brand-label { font-size: 9px; color: #8ba09b; }
.wholesaler-site .nav-group { margin-bottom: 20px; }
.wholesaler-site .nav-label { font-size: 8px; letter-spacing: .13em; color: #8fa49f; margin: 0 14px 10px; }
.wholesaler-site .nav-link { font-size: 12px; min-height: 45px; padding: 11px 13px; color: #b3c1be; border-radius: 10px; gap: 11px; transition: background .18s,color .18s,transform .18s; margin-bottom: 4px; }
.wholesaler-site .nav-link:hover { color: #fff; background: #ffffff0a; transform: translateX(2px); }
.wholesaler-site .nav-link.active { background: #378875; color: #fff; box-shadow: 0 5px 15px #0002; }
.wholesaler-site .nav-link.active > .icon { color: var(--yellow); }
.wholesaler-site .nav-link.active .nav-count { background: #ffffff20; color: white; }
.wholesaler-site .nav-count { font-size: 9px; background: #384441; color: #acbbb8; }
.wholesaler-site .local-trade-note { background: #ffffff05; border: 1px solid #ffffff0b; padding: 16px 14px; border-radius: 11px; margin-top: 15px; margin-bottom: 9px; }
.wholesaler-site .local-trade-note strong { font-size: 9px; color: #c8d4d1; }
.wholesaler-site .local-trade-note p { font-size: 8px; color: #8fa49f; }
.wholesaler-site .sign-out { color: #9caeaa; font-size: 11px; }
.wholesaler-site .workspace-body { margin-left: var(--sidebar-width); }
.wholesaler-site .workspace-header { height: 73px; padding: 0 clamp(26px,3vw,54px); background: #ffffffed; backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 20; border-bottom: 1px solid #eaeeed; }
.wholesaler-site .workspace-heading { font-size: 13px; }
.wholesaler-site .workspace-label { font-size: 10px; color: #8ba09b; }
.wholesaler-site .header-search { width: clamp(200px,20vw,300px); min-height: 40px; background: #f8f9f9; border-color: #edf1f0; border-radius: 10px; }
.wholesaler-site .header-search input { font-size: 11px; }
.wholesaler-site .header-account { font-size: 11px; padding-left: 15px; border-left: 1px solid var(--line); }
.wholesaler-site .avatar { background: #f2f5f4; color: var(--blue); }
.wholesaler-site .workspace-main { max-width: 1740px; padding: 32px clamp(26px,3vw,54px) 54px; width: 100%; }
.wholesaler-site .page-heading { margin-bottom: 28px; align-items: center; gap: 22px; }
.wholesaler-site .page-heading h1 { font-size: clamp(32px,2.7vw,44px); margin: 11px 0; font-weight: 750; line-height: 1.12; }
.wholesaler-site .page-heading p { font-size: 12px; line-height: 1.8; color: var(--muted); }
.wholesaler-site .panel { border-color: var(--line); border-radius: 17px; box-shadow: 0 3px 4px #293b3702; }
.wholesaler-site .panel-header { padding: 25px 27px; }
.wholesaler-site .panel-header h2 { font-size: 20px; }
.wholesaler-site .panel-header p { font-size: 12px; line-height: 1.7; margin-top: 5px; color: #667570; }
.wholesaler-site .business-welcome { border-radius: 21px; background: #fff; border: 1px solid var(--line); padding: 33px 35px; gap: 35px; grid-template-columns: minmax(0,1.2fr) minmax(290px,.9fr); box-shadow: 0 5px 25px #25594d04; position: relative; color: var(--ink); }
.wholesaler-site .business-welcome::before,.wholesaler-site .business-welcome::after { opacity: 0; }
.wholesaler-site .business-welcome .eyebrow { color: var(--blue); font-size: 9px; }
.wholesaler-site .welcome-greeting { font-size: 13px; color: #7b938e; margin-top: 28px; }
.wholesaler-site .business-welcome h1 { font-size: clamp(32px,3vw,46px); line-height: 1.1; margin: 9px 0 17px; color: var(--ink); }
.wholesaler-site .business-welcome-copy > p:not(.welcome-greeting) { font-size: 12px; color: #738c87; max-width: 460px; line-height: 1.9; }
.wholesaler-site .welcome-actions { margin: 24px 0; gap: 20px; }
.wholesaler-site .welcome-actions .button-white { background: var(--blue); color: #fff; border-color: var(--blue); font-size: 11px; min-height: 43px; }
.wholesaler-site .welcome-secondary { font-size: 11px; color: #6c847f; }
.wholesaler-site .welcome-location { color: #829893; font-size: 10px; }
.wholesaler-site .business-readiness { background: radial-gradient(ellipse at 100% 0,#2d6f5f40,transparent 70%),#192622; border-color: #ffffff29; border-radius: 16px; padding: 24px; color: #fff; border: 1px solid #2f433e; backdrop-filter: none; }
.wholesaler-site .readiness-icon { background: #f4da611c; color: var(--yellow); }
.wholesaler-site .readiness-heading strong { font-size: 12px; color: #f5f8f7; }
.wholesaler-site .readiness-heading small { font-size: 10px; color: #aab9b6; }
.wholesaler-site .readiness-progress > span { background: var(--yellow); }
.wholesaler-site .business-readiness li { font-size: 10px; color: #bbc7c4; }
.wholesaler-site .business-readiness li small { font-size: 9px; color: #a3b4b0; }
.wholesaler-site .business-readiness li.is-complete .icon { color: #f2df83; }
.wholesaler-site .workspace-shortcuts { gap: 14px; margin: 20px 0 32px; }
.wholesaler-site .workspace-shortcut { padding: 19px 17px; border-radius: 14px; gap: 12px; }
.wholesaler-site .workspace-shortcut:hover { border-color: #cbd7d4; box-shadow: 0 8px 23px -15px #246b6355; }
.wholesaler-site .workspace-shortcut strong { font-size: 12px; }
.wholesaler-site .workspace-shortcut small { font-size: 10px; color: #819892; line-height: 1.75; }
.wholesaler-site .shortcut-icon,.wholesaler-site .stat-icon { color: var(--blue); background: #f5f7f7; border-radius: 11px; }
.wholesaler-site .workspace-shortcut:nth-child(2) .shortcut-icon { background: #f0f5e8; color: #4b842e; }
.wholesaler-site .workspace-shortcut:nth-child(3) .shortcut-icon { background: #fff5df; color: #a87926; }
.wholesaler-site .dashboard-section-heading { margin: 30px 0 19px; }
.wholesaler-site .dashboard-section-heading h2 { font-size: 23px; }
.wholesaler-site .dashboard-section-heading p { font-size: 11px; }
.wholesaler-site .stats-grid { gap: 16px; margin-bottom: 28px; }
.wholesaler-site .stat-card { background: white; padding: 24px; border-radius: 16px; border: 1px solid var(--line); transition: box-shadow .2s,border-color .2s,transform .2s; position: relative; overflow: hidden; }
.wholesaler-site .stat-card:hover { transform: translateY(-3px); border-color: #b9c6c3; box-shadow: 0 10px 24px -17px #246b6340; }
.wholesaler-site .stat-top { font-size: 11px; color: #667c77; gap: 11px; }
.wholesaler-site .stat-value { font-size: 43px; font-weight: 650; line-height: 1.15; margin: 20px 0 10px; color: #2c403b; }
.wholesaler-site .stat-note { font-size: 10px; line-height: 1.65; color: #7d958f; }
.wholesaler-site .dashboard-columns { grid-template-columns: minmax(0,1.75fr) minmax(270px,1fr); gap: 22px; }
.wholesaler-site .service-area-card { padding: 27px; }
.wholesaler-site .service-area-card > h2 { font-size: 20px; margin: 18px 0 10px; }
.wholesaler-site .service-area-card > p { font-size: 11px; line-height: 1.9; }
.wholesaler-site .pin-chips span { background: #f4f7f6; border-color: #e4eae9; color: #5d726d; }
.wholesaler-site .restock-card { background: linear-gradient(125deg,#f1f6d5,#f8faeb); border: 1px solid #e0e7c5; border-radius: 17px; padding: 25px; margin-top: 18px; }
.wholesaler-site .restock-card h3 { font-size: 24px; color: #3a4c27; }
.wholesaler-site .restock-card p { color: #788765; line-height: 1.8; }
.wholesaler-site .requests-table-head { background: #f8f9f7; font-size: 9px; letter-spacing: .05em; }
.wholesaler-site .empty-state { padding: 50px 28px; }
.wholesaler-site .empty-state h3 { font-size: 23px; color: #4d5e5a; }
.wholesaler-site .empty-state p { font-size: 13px; line-height: 1.9; color: #667570; }
.wholesaler-site .empty-icon { background: linear-gradient(145deg,#fff,#f3f6f5); color: #3b917d; width: 64px; height: 64px; border-radius: 19px; border: 1px solid #ebf0ef; box-shadow: 0 4px 0 #f4f6f6; rotate: -6deg; }
.wholesaler-site .badge { font-size: 10px; padding: 6px 10px; border-radius: 7px; }
.wholesaler-site .badge-blue { background: #eff3f2; color: #4d5e5a; }
.wholesaler-site .badge-green { background: #eaf4ed; color: #24775c; }
.wholesaler-site .tabs { background: #eff3f2; border: 1px solid #eaefee; border-radius: 12px; padding: 5px; gap: 5px; width: fit-content; }
.wholesaler-site .tab { font-size: 12px; padding: 12px 19px; border-radius: 9px; }
.wholesaler-site .tab.active { background: var(--blue); color: #fff; box-shadow: 0 3px 8px #246b6315; }
.wholesaler-site .tab.active .tab-count { background: #ffffff25; color: #fff; }
.wholesaler-site .request-card { padding: 24px; }
.wholesaler-site .request-detail-heading p,.wholesaler-site .request-info { font-size: 12px; }
.wholesaler-site .request-alert-prompt { background: #fbfbfb; border-color: #ebf0ef; border-radius: 13px; padding: 21px 24px; border-left: 3px solid #43a38c; }
.wholesaler-site .request-alert-prompt h2 { font-size: 17px; }
.wholesaler-site .alert-status { font-size: 12px; color: #667570; }

/* Catalog, inventory and account controls retain their existing behavior. */
.wholesaler-site .section-heading { margin: 32px 0 20px; }
.wholesaler-site .section-heading h2 { font-size: 24px; }
.wholesaler-site .section-heading p { font-size: 12px; margin-top: 7px; }
.wholesaler-site .catalog-browse-section { margin: 26px 0; }
.wholesaler-site .catalog-browse-section h2 { font-size: 21px; margin-bottom: 17px; }
.wholesaler-site .browse-tile { color: var(--ink); }
.wholesaler-site .browse-tile > strong { font-size: 11px; line-height: 1.55; }
.wholesaler-site .browse-art:not(.browse-category-tile .browse-art) { background: #f0f4f3; border-color: #e5ebe9; }
.wholesaler-site .browse-art::before { background: #d3e4eb; opacity: .85; }
.wholesaler-site .browse-art::after { background: #f3df9b; opacity: .75; }
.wholesaler-site .browse-category-tile .browse-art { background: white; border-color: #e2e7e8; }
.wholesaler-site .browse-logo { color: var(--blue); }
.wholesaler-site .browse-tile.active .browse-art { border-color: var(--blue); }
.wholesaler-site .products-grid { grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 20px; }
.wholesaler-site .dashboard-products { grid-template-columns: repeat(3,minmax(0,1fr)); }
.wholesaler-site .product-card { background: white; border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 3px 5px #293b3702; overflow: hidden; transition: transform .25s,box-shadow .25s,border-color .25s; }
.wholesaler-site .product-card:hover { border-color: #ced9d6; box-shadow: 0 18px 30px -22px #265d504d; }
.wholesaler-site .product-image-button { background: radial-gradient(ellipse at center,#fff 30%,#f9fafa 100%); height: 220px; padding: 25px; border-bottom: 1px solid #f3f6f5; }
.wholesaler-site .product-image-button img { max-height: 170px; max-width: 100%; transition: transform .35s; }
.wholesaler-site .product-card:hover .product-image-button img { transform: scale(1.05) rotate(-2deg); }
.wholesaler-site .favorite-button { background: #fffffff0; border: 1px solid #e8edec; border-radius: 50%; width: 35px; height: 35px; }
.wholesaler-site .product-info { padding: 21px 22px 23px; }
.wholesaler-site .product-brand { font-size: 9px; letter-spacing: .08em; color: #809791; }
.wholesaler-site .product-title { font-family: var(--heading-font); font-size: 19px; font-weight: 650; line-height: 1.35; color: #3b4845; min-height: 52px; margin: 10px 0; }
.wholesaler-site .product-pack { font-size: 11px; line-height: 1.7; color: #6c847e; }
.wholesaler-site .product-bottom { display: flex; flex-direction: column; align-items: stretch; gap: 18px; margin-top: 18px; }
.wholesaler-site .product-price-note { font-size: 10px; color: #768f89; line-height: 1.9; }
.wholesaler-site .product-price-note strong { font-size: 24px; font-weight: 750; color: #243430; letter-spacing: -.04em; }
.wholesaler-site .catalog-stock-note { font-size: 10px; }
.wholesaler-site .product-bottom .button { width: 100%; font-size: 11px; min-height: 43px; background: #f5f7f7; color: #2f7263; border: 1px solid #eaeeed; box-shadow: none; }
.wholesaler-site .catalog-toolbar { padding: 20px; background: white; border: 1px solid var(--line); border-radius: 15px; gap: 15px; }
.wholesaler-site .search-field { min-height: 44px; border-color: #dfe5e4; background: #fff; border-radius: 10px; }
.wholesaler-site .search-field input { font-size: 12px; }
.wholesaler-site .select { font-size: 12px; min-height: 44px; border-color: #dfe5e4; border-radius: 10px; background-color: #fff; }
.wholesaler-site .catalog-note { font-size: clamp(.8125rem, .3vw + .625rem, .875rem); line-height: 1.65; color: #647a75; background: #f1f4f3; border-color: #e5eae9; border-radius: 12px; }
.wholesaler-site .stock-summary { gap: 16px; margin: 26px 0; }
.wholesaler-site .stock-summary > button { border-radius: 17px; padding: 23px; transition: border-color .2s,box-shadow .2s; }
.wholesaler-site .stock-summary > button:hover { border-color: #b6c4c1; }
.wholesaler-site .stock-summary > button.active { background: var(--blue); border-color: var(--blue); box-shadow: 0 7px 17px #246b6317; color: white; }
.wholesaler-site .stock-summary strong { font-size: 36px; font-weight: 650; }
.wholesaler-site .stock-summary span { font-size: 11px; }
.wholesaler-site .stock-summary small { font-size: 10px; }
.wholesaler-site .inventory-policy { padding: 22px 26px; }
.wholesaler-site .inventory-toolbar { padding: 20px 24px; }
.wholesaler-site .inventory-toolbar.catalog-toolbar { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
.wholesaler-site .inventory-table :is(th,td) { padding: 20px; }
.wholesaler-site .inventory-table th { font-size: 9px; letter-spacing: .07em; background: #fbfbfb; color: #768f89; }
.wholesaler-site .inventory-table td { font-size: 12px; }
.wholesaler-site .inventory-product b { font-size: 12px; color: #4b5c58; }
.wholesaler-site .inventory-product small { font-size: 10px; }
.wholesaler-site .inventory-product img { width: 51px; height: 57px; border-radius: 10px; }
.wholesaler-site .inventory-row-actions button { border: 0; background: transparent; font-size: 11px; font-weight: 650; }
.wholesaler-site .inventory-results-note button { border: 0; background: transparent; }
.wholesaler-site .purchase-order-card { padding: 27px; }
.wholesaler-site .purchase-order-card h2 { font-size: 23px; }
.wholesaler-site .purchase-order-actions > strong { font-size: 25px; color: #1d473e; }
.wholesaler-site .purchase-summary { border-radius: 18px; padding: 27px; border-top: 3px solid var(--blue); box-shadow: 0 5px 15px #204d4305; }
.wholesaler-site .purchase-summary h2 { font-size: 22px; }
.wholesaler-site .purchase-summary p,.wholesaler-site .purchase-item p { font-size: 11px; line-height: 1.8; }
.wholesaler-site .purchase-item h3 { font-family: var(--heading-font); font-size: 17px; }
.wholesaler-site .quantity-stepper { border-color: #dce3e2; border-radius: 10px; overflow: hidden; }
.wholesaler-site .quantity-stepper input[type=number] { background: #fcfcfc; color: var(--blue); font-size: 13px; }
.wholesaler-site .profile-layout { grid-template-columns: minmax(230px,.7fr) minmax(0,1.65fr); gap: 24px; }
.wholesaler-site .profile-card { padding: 30px; background: radial-gradient(ellipse at 100% 0,#2e716245,transparent 65%),#192622; color: #f2f4f4; border-color: #243330; }
.wholesaler-site .profile-card h2 { font-size: 27px; color: #fff; }
.wholesaler-site .profile-card > p { font-size: 11px; color: #aebdb9; overflow-wrap: anywhere; }
.wholesaler-site .profile-detail { font-size: 12px; line-height: 1.9; color: #b9c5c2; }
.wholesaler-site .profile-detail strong { font-size: 9px; color: #9aaca8; letter-spacing: .05em; text-transform: uppercase; }
.wholesaler-site .profile-card > small { font-size: 10px; color: #a8b8b4; }
.wholesaler-site .profile-form-panel { padding: 30px; }
.wholesaler-site .profile-form-panel h2 { font-size: 26px; }
.wholesaler-site .profile-form-panel > p { font-size: 12px; line-height: 1.8; }
.wholesaler-site .field label { font-size: 12px; font-weight: 650; color: #6a817c; }
.wholesaler-site .field input,.wholesaler-site .business-dialog textarea { min-height: 46px; border-color: #e7edeb; border-radius: 10px; padding: 12px 14px; font-size: 12px; background: #fcfdfd; color: #4e5f5b; }
.wholesaler-site .field input:focus { border-color: var(--blue); background: #fff; }
.wholesaler-site .field small { font-size: 10px; line-height: 1.8; }
.wholesaler-site .form-grid { gap: 22px 20px; }
.wholesaler-site .account-options { padding: 27px 30px; }
.wholesaler-site .account-options h2 { font-size: 24px; margin-bottom: 10px; }
.wholesaler-site .account-option { padding: 22px 0; }
.wholesaler-site .account-option b { font-size: 13px; color: #566965; }
.wholesaler-site .account-option small { font-size: 10px; line-height: 1.8; }
.wholesaler-site .settings-glyph { background: #f0f3f2; color: var(--blue); }
.wholesaler-site .business-dialog { border-radius: 22px; padding: 38px; }
.wholesaler-site .business-dialog > h2,.wholesaler-site .detail-grid h2 { font-size: 28px; }
.wholesaler-site .detail-grid h2 { font-size: clamp(22px, 2vw, 28px); line-height: 1.3; }
.wholesaler-site .product-dialog { border-color: var(--line); border-radius: 23px; box-shadow: 0 25px 100px #1c282530; }
.wholesaler-site .product-dialog::backdrop { background: #19262270; backdrop-filter: blur(6px); }
.wholesaler-site .toast { background: var(--navy); color: #fff; border-color: #4a5b57; font-size: 12px; border-radius: 13px; box-shadow: 0 12px 35px #1c292629; }
.wholesaler-site .notification-panel { border-color: var(--line); border-radius: 16px; box-shadow: 0 16px 40px #23322e1a; }
.wholesaler-site .workspace-footer { padding: 24px clamp(26px,3vw,54px); font-size: 9px; color: #8fa39e; border-top-color: #e3e7e8; }
.wholesaler-site .danger-button { color: #b33240; background: #fff5f5; border-color: #efcbd0; }


.wholesaler-site :is(a,button,input[type="checkbox"],input[type="radio"]):focus-visible { outline:3px solid #43a38c; outline-offset:4px; }
.wholesaler-site .auth-story .wordmark { color:#fff; }
.wholesaler-site .auth-flow-you .icon { color:var(--yellow); }
.wholesaler-site .nav-link>.icon { color:#a3b4b0; }
.wholesaler-site .local-trade-note .blue-dot { background:#d9e99f; }
.wholesaler-site .sign-out:hover { color:#ffd6db; background:#ffffff05; border-radius:9px; }
.wholesaler-site .header-account .avatar { border:2px solid #fff; box-shadow:0 0 0 1px #e6ecea; }
.wholesaler-site :is(.header-search,.search-field):focus-within { border-color:var(--blue); }
.wholesaler-site .welcome-actions .button-white:hover { background:#2c6c5d; color:#fff; }
.wholesaler-site .business-readiness>a { color:#d5dedc; border-color:#ffffff10; }
.wholesaler-site .business-welcome::before { opacity:1; content:''; position:absolute; width:140px; height:4px; left:35px; top:0; border-radius:0 0 4px 4px; background:var(--blue); }
.wholesaler-site .workspace-shortcut:nth-child(4) .shortcut-icon { color:#7e9590; background:#f2f5f4; }
.wholesaler-site .stat-card::after { content:''; position:absolute; right:-10px; bottom:-18px; width:72px; height:72px; border:14px solid #f5f7f7; border-radius:50%; pointer-events:none; }
.wholesaler-site .stat-card:nth-child(2)::after { border-color:#eef8f3; }
.wholesaler-site .stat-card:nth-child(3)::after { border-color:#fff8e9; }
.wholesaler-site .stat-card:nth-child(4)::after { border-color:#f7f8f8; }
.wholesaler-site .stat-card:nth-child(2) .stat-icon { color:#16836c; background:#eaf7f2; }
.wholesaler-site .stat-card:nth-child(3) .stat-icon { color:#b68024; background:#fff6e3; }
.wholesaler-site .stat-card:nth-child(4) .stat-icon { color:#819893; background:#f3f6f5; }
.wholesaler-site .stat-note { position:relative; z-index:1; }
.wholesaler-site .request-row { transition:background .2s; }
.wholesaler-site .request-row:hover { background:#fbfcfc; }
.wholesaler-site .empty-icon .icon { rotate:6deg; }
.wholesaler-site .product-bottom .button:hover { background:var(--blue); border-color:var(--blue); color:#fff; }
.wholesaler-site .stock-summary>button.active span { color:#eef1f0; }
.wholesaler-site .stock-summary>button.active small { color:#e0e6e5; }
.wholesaler-site .inventory-table tbody tr:nth-child(even) { background:#fdfefe; }
.wholesaler-site .inventory-table tbody tr:hover { background:#fafbfb; }
.wholesaler-site .profile-card>.avatar { border:3px solid #ffffff24; background:#42504d; color:#dee5e3; box-shadow:0 0 0 5px #ffffff04; }
.wholesaler-site .profile-card .badge-green { background:#6eab8a18; color:#b5ddc1; border:1px solid #81c2a21a; }
.wholesaler-site .profile-card .profile-divider { background:#ffffff10; border-color:#ffffff14; }
.wholesaler-site .account-option:not(:disabled):hover .settings-glyph { color:#fff; background:var(--blue); }
.wholesaler-site .profile-delete-option b { color:#b45b6b; }
.wholesaler-site .dialog-close { background:#f7f8f8; color:#7f9690; z-index:2; }
.wholesaler-site .detail-grid dl { font-size:12px; gap:13px 18px; }
.wholesaler-site .detail-grid dt { color:#758e88; }
.wholesaler-site .detail-grid dd { color:#4f615d; font-weight:550; }
@keyframes trade-flow { to { stroke-dashoffset:-240; } }
@keyframes trade-drift { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
@keyframes trade-asterisk { to { transform:rotate(360deg); } }

/* Motion stays decorative and never blocks a business action. */
@keyframes feri-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes feri-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.wholesaler-site .hero-copy { animation: feri-enter .6s cubic-bezier(.2,.65,.3,1) both; }
.wholesaler-site .trade-scene { animation: feri-enter .7s .12s cubic-bezier(.2,.65,.3,1) both; }
.wholesaler-site .auth-card { animation: feri-enter .45s both; }
.wholesaler-site .view-enter { animation: feri-enter .3s both; }
.wholesaler-site.motion-ready .reveal-on-scroll { opacity: 0; translate: 0 17px; transition: opacity .6s ease,translate .6s cubic-bezier(.2,.65,.3,1); }
.wholesaler-site.motion-ready .reveal-on-scroll.is-visible { opacity: 1; translate: 0 0; }
.wholesaler-site .features article:nth-of-type(2) { transition-delay: 60ms; }
.wholesaler-site .features article:nth-of-type(3) { transition-delay: 120ms; }

@media (min-width: 1700px) {
  .wholesaler-site { --sidebar-width: 268px; }
  .wholesaler-site .nav-link { font-size: 13px; min-height: 49px; }
  .wholesaler-site .nav-label { font-size: 9px; }
  .wholesaler-site .business-welcome { padding: 43px 46px; }
}
@media (max-width: 1250px) and (min-width: 921px) {
  .wholesaler-site { --sidebar-width: 222px; }
  .wholesaler-site .sidebar { padding-left: 13px; padding-right: 13px; }
  .wholesaler-site .nav-link { font-size: 11px; gap: 10px; padding-left: 12px; padding-right: 12px; }
  .wholesaler-site .nav-label { font-size: 7px; }
  .wholesaler-site .workspace-header-actions { gap: 10px; }
  .wholesaler-site .workspace-label,.wholesaler-site .header-slash { display: none; }
  .wholesaler-site .business-welcome { gap: 25px; padding: 30px; grid-template-columns: minmax(0,1fr) minmax(250px,.9fr); }
  .wholesaler-site .business-readiness { padding: 18px; }
  .wholesaler-site .workspace-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wholesaler-site .stat-card { padding: 18px; }
  .wholesaler-site .stat-top { font-size: 10px; }
  .wholesaler-site .stat-note { font-size: 9px; }
  .wholesaler-site .dashboard-columns { grid-template-columns: minmax(0,1.5fr) minmax(240px,1fr); gap: 16px; }
  .wholesaler-site .dashboard-products { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .wholesaler-site .product-info { padding: 10px 17px 20px; }
  .wholesaler-site .product-title { font-size: 16px; }
  .wholesaler-site .profile-layout { grid-template-columns: minmax(220px,.7fr) minmax(0,1.55fr); gap: 18px; }
  .wholesaler-site .profile-card,.wholesaler-site .profile-form-panel,.wholesaler-site .account-options { padding: 24px; }
  .wholesaler-site .landing-hero { min-height: 610px; padding-top: 55px; padding-bottom: 55px; gap: 38px; }
  .wholesaler-site .hero-copy h1 { font-size: 59px; }
  .wholesaler-site .supply-art { height: 455px; }
  .wholesaler-site .auth-card { padding: 32px; }
  .wholesaler-site .auth-flow { gap: 7px; }
}
@media (max-width: 920px) {
  .wholesaler-site .workspace-body { margin-left: 0; }
  .wholesaler-site .sidebar { width: 252px; }
  .wholesaler-site .workspace-main { padding: 26px; }
  .wholesaler-site .workspace-header { padding: 0 26px; }
  .wholesaler-site .business-welcome { padding: 30px; grid-template-columns: 1fr 1fr; gap: 26px; }
  .wholesaler-site .workspace-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wholesaler-site .dashboard-columns { grid-template-columns: 1fr; }
  .wholesaler-site .profile-layout { grid-template-columns: 1fr; }
  .wholesaler-site .profile-card { display: block; }
  .wholesaler-site .profile-card > .avatar { margin-bottom: 15px; }
  .wholesaler-site .landing-hero { grid-template-columns: 1fr 1fr; gap: 28px; min-height: 550px; padding-top: 42px; padding-bottom: 48px; }
  .wholesaler-site .hero-copy h1 { font-size: 46px; }
  .wholesaler-site .hero-copy > .eyebrow { font-size: 8px; }
  .wholesaler-site .hero-copy > p { font-size: 13px; }
  .wholesaler-site .hero-actions { flex-wrap: wrap; gap: 17px; }
  .wholesaler-site .supply-art { height: 420px; }
  .wholesaler-site .art-node { padding: 12px; }
  .wholesaler-site .art-node strong { font-size: 11px; }
  .wholesaler-site .features { gap: 14px; padding-bottom: 50px; }
  .wholesaler-site .features article { padding: 22px; }
  .wholesaler-site .features h2 { font-size: 19px; }
  .wholesaler-site .how-section { gap: 35px; }
  .wholesaler-site .auth-card { padding: 28px; }
  .wholesaler-site .auth-story { padding: 36px 30px; }
  .wholesaler-site .auth-flow { gap: 7px; flex-wrap: wrap; }
}
@media (min-width: 921px) and (max-height: 800px) {
  .wholesaler-site .sidebar { padding-top: 24px; }
  .wholesaler-site .sidebar > .brand { margin-bottom: 25px; }
  .wholesaler-site .nav-group { margin-bottom: 16px; }
  .wholesaler-site .nav-link { min-height: 41px; padding-top: 10px; padding-bottom: 10px; }
  .wholesaler-site .local-trade-note { padding: 13px 15px; margin-top: 13px; margin-bottom: 7px; }
  .wholesaler-site .auth-form-area { padding-top: 28px; padding-bottom: 24px; }
  .wholesaler-site .auth-card { margin: 24px 0; padding: 30px; }
  .wholesaler-site .auth-card > p { margin-bottom: 23px; }
  .wholesaler-site .auth-divider { margin: 22px 0; }
  .wholesaler-site .auth-note { margin-top: 23px; padding-top: 21px; }
}
@media (max-width: 680px) {
  .wholesaler-site .wrap { padding-left: 24px; padding-right: 24px; }
  .wholesaler-site .public-header { height: 85px; }
  .wholesaler-site .landing-hero { grid-template-columns: 1fr; padding-top: 40px; gap: 38px; }
  .wholesaler-site .hero-copy h1 { font-size: clamp(45px,8vw,62px); }
  .wholesaler-site .hero-copy > p { font-size: 14px; }
  .wholesaler-site .supply-art { height: 440px; max-width: 500px; width: 100%; margin: auto; }
  .wholesaler-site .features { grid-template-columns: 1fr; padding-top: 0; }
  .wholesaler-site .features article { padding: 28px; }
  .wholesaler-site .how-section { grid-template-columns: 1fr; padding-top: 45px; padding-bottom: 55px; }
  .wholesaler-site .landing-cta { width: calc(100% - 48px); padding: 30px; margin: 0 24px 25px; flex-direction: column; align-items: flex-start; }
  .wholesaler-site .public-footer { gap: 22px; }
  .wholesaler-site .auth-page { grid-template-columns: 1fr; }
  .wholesaler-site .auth-story { min-height: auto; padding: 30px; }
  .wholesaler-site .auth-story-copy { margin: 40px 0; }
  .wholesaler-site .auth-story h1 { font-size: 42px; }
  .wholesaler-site .auth-flow,.wholesaler-site .auth-story-footer { display: none; }
  .wholesaler-site .auth-form-area { padding: 30px 24px; }
  .wholesaler-site .auth-card { margin: 28px 0; }
  .wholesaler-site .workspace-main { padding: 24px 18px; }
  .wholesaler-site .workspace-header { height: 70px; padding: 0 18px; }
  .wholesaler-site .header-search { display: none; }
  .wholesaler-site .page-heading { flex-wrap: wrap; }
  .wholesaler-site .business-welcome { grid-template-columns: 1fr; padding: 27px; }
  .wholesaler-site .workspace-shortcuts { gap: 10px; }
  .wholesaler-site .workspace-shortcut { padding: 17px 13px; }
  .wholesaler-site .workspace-shortcut strong { font-size: 11px; }
  .wholesaler-site .stats-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .wholesaler-site .stat-card { padding: 18px; }
  .wholesaler-site .stat-value { font-size: 30px; }
  .wholesaler-site .stat-top { font-size: 10px; flex-wrap: wrap; }
  .wholesaler-site .products-grid,.wholesaler-site .dashboard-products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .wholesaler-site .product-info { padding: 10px 14px 18px; }
  .wholesaler-site .product-title { font-size: 16px; }
  .wholesaler-site .product-image-button { height: 170px; padding: 20px; }
  .wholesaler-site .product-price-note strong { font-size: 18px; }
  .wholesaler-site .tabs { max-width: 100%; flex-wrap: wrap; }
  .wholesaler-site .tab { padding: 10px 13px; font-size: 11px; }
}

/* Public layout sizing is explicit so legacy shared selectors cannot compress it. */
@media (min-width:1700px) {
  .wholesaler-site #landingView .landing-hero { min-height:740px; padding-top:75px; padding-bottom:75px; }
  .trade-scene { height:565px; }
}
@media (min-width:921px) and (max-width:1250px) {
  .wholesaler-site #landingView .landing-hero { gap:32px; padding-top:45px; padding-bottom:50px; min-height:610px; }
  .wholesaler-site #landingView .hero-copy h1 { font-size:clamp(50px,5.3vw,63px); }
  .trade-scene { height:495px; }
  .scene-source { width:177px; padding:18px; left:14px; }
  .scene-card strong { font-size:12px; }
  .scene-sticker { font-size:8px; right:8px; }
  .scene-hub { top:22%; height:217px; padding:23px; }
  .scene-hub>strong { font-size:70px; }
  .scene-hub>span { font-size:6px; }
  .scene-hub p { font-size:19px; }
  .scene-request { width:210px; padding:17px; right:8px; bottom:46px; }
  .scene-stock { left:-7px; bottom:91px; padding:13px; gap:8px; }
  .scene-stock>.icon { display:none; }
  .scene-footer { gap:8px; font-size:8px; bottom:14px; }
  .wholesaler-site #landingView .features article { padding:25px; }
  .wholesaler-site #landingView .features article h2 { font-size:21px; }
  .wholesaler-site .business-welcome { grid-template-columns:minmax(0,1fr) minmax(247px,.95fr); }
}
@media (min-width:921px) and (max-height:800px) {
  .wholesaler-site .sidebar { padding-top:23px; padding-bottom:12px; }
  .wholesaler-site .sidebar>.brand { margin-bottom:25px; }
  .wholesaler-site .nav-group { margin-bottom:13px; }
  .wholesaler-site .nav-label { margin-bottom:7px; }
  .wholesaler-site .nav-link { min-height:39px; padding-top:9px; padding-bottom:9px; margin-bottom:2px; }
  .wholesaler-site .auth-story { padding-top:30px; padding-bottom:28px; }
  .wholesaler-site .auth-story-copy { margin:45px 0; }
}
@media (max-width:920px) and (min-width:681px) {
  .wholesaler-site #landingView .landing-hero { grid-template-columns:1fr 1fr; gap:28px; padding-top:40px; padding-bottom:45px; min-height:570px; }
  .wholesaler-site #landingView .hero-copy h1 { font-size:47px; }
  .wholesaler-site #landingView .hero-copy>.eyebrow { font-size:7px; padding:8px; }
  .wholesaler-site #landingView .hero-copy>p { font-size:12px; }
  .wholesaler-site #landingView .hero-actions { gap:16px; flex-wrap:wrap; }
  .trade-scene { height:460px; }
  .scene-hub { width:53%; height:211px; left:35%; top:20%; padding:20px; }
  .scene-hub>strong { font-size:64px; }
  .scene-hub>span { font-size:5px; }
  .scene-hub p { font-size:19px; }
  .scene-source { top:65px; left:8px; width:156px; padding:16px; }
  .scene-card strong { font-size:11px; }
  .scene-request { width:193px; right:5px; bottom:46px; padding:15px; }
  .scene-stock { left:-5px; bottom:88px; padding:12px; gap:7px; }
  .scene-stock>.icon { display:none; }
  .scene-stock .scene-card-icon { width:29px; height:29px; }
  .scene-stock div>span { font-size:7px; }
  .scene-sticker { font-size:6px; padding:8px; right:0; top:66px; }
  .scene-caption { font-size:6px; left:18px; top:24px; }
  .scene-footer { font-size:7px; gap:8px; bottom:13px; }
  .wholesaler-site #landingView .features { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .wholesaler-site #landingView .features article { padding:21px; }
  .wholesaler-site #landingView .features article h2 { font-size:20px; }
  .wholesaler-site #landingView .features article p { font-size:11px; }
}
@media (max-width:680px) {
  .wholesaler-site #landingView .wrap { padding-inline:23px; }
  .wholesaler-site #landingView .public-header { height:82px; min-height:82px; }
  .wholesaler-site #landingView .wordmark { font-size:36px; }
  .wholesaler-site #landingView .landing-hero { grid-template-columns:1fr; padding-top:35px; padding-bottom:45px; gap:40px; }
  .wholesaler-site #landingView .hero-copy h1 { font-size:clamp(47px,9vw,63px); }
  .wholesaler-site #landingView .hero-copy>p { font-size:14px; }
  .wholesaler-site #landingView .hero-copy>.eyebrow { font-size:8px; }
  .trade-scene { max-width:500px; height:510px; margin-inline:auto; }
  .scene-source { top:75px; width:180px; left:13px; padding:20px; }
  .scene-sticker { font-size:8px; top:79px; padding:10px; }
  .scene-hub { height:235px; max-width:240px; top:20%; left:36%; padding:24px; }
  .scene-hub>strong { font-size:74px; }
  .scene-hub>span { font-size:6px; }
  .scene-hub p { font-size:21px; }
  .scene-request { width:217px; bottom:48px; padding:18px; }
  .scene-card strong { font-size:12px; }
  .scene-stock { padding:15px; bottom:98px; }
  .scene-footer { font-size:8px; bottom:15px; }
  .wholesaler-site #landingView .features { grid-template-columns:1fr; padding-top:16px; padding-bottom:44px; gap:14px; }
  .feature-section-heading { flex-direction:column; gap:15px; align-items:flex-start; margin-bottom:12px; }
  .wholesaler-site #landingView .feature-section-heading p { font-size:11px; }
  .wholesaler-site #landingView .features article { display:block; padding:26px; }
  .wholesaler-site #landingView .features article h2 { margin:25px 0 10px; font-size:23px; }
  .wholesaler-site #landingView .features article p { font-size:12px; }
  .wholesaler-site #landingView .how-section { grid-template-columns:1fr; padding-block:45px; gap:25px; }
  .wholesaler-site #landingView .how-steps p { font-size:12px; }
  .wholesaler-site #landingView .landing-cta { width:calc(100% - 46px); flex-direction:column; align-items:flex-start; padding:31px; gap:25px; }
  .wholesaler-site #landingView .public-footer { flex-wrap:wrap; gap:23px; }
}

@media (prefers-reduced-motion: reduce) {
  .wholesaler-site *,.wholesaler-site *::before,.wholesaler-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .wholesaler-site.motion-ready .reveal-on-scroll { opacity: 1; translate: none; }
  .wholesaler-site :is(.product-card,.stat-card,.features article,.button,.workspace-shortcut,.nav-link):hover { transform: none; }
}

/* Account confirmation follows the manufacturer dialog layout. */
.wholesaler-site .account-deletion-dialog { width:min(760px,calc(100vw - 32px)); padding:32px; border-radius:22px; }
.account-deletion-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-bottom:28px; margin-bottom:25px; border-bottom:1px solid var(--line); }
.account-deletion-heading h2 { font-size:23px; line-height:1.35; letter-spacing:-.7px; margin:0; }
.account-deletion-close { display:grid; place-items:center; flex:none; width:34px; height:34px; padding:8px; border:1px solid var(--line); border-radius:10px; background:#f9fafa; color:#839a94; }
.account-deletion-close .icon { width:16px; height:16px; }
.account-deletion-description { color:#576b66; font-size:13px; line-height:1.8; }
.account-deletion-description p { margin:0; }
.account-deletion-field { margin-top:14px; gap:7px; }
.account-deletion-field label { font-size:12px; font-weight:600; color:var(--ink); }
.wholesaler-site .account-deletion-field input { min-height:44px; font-size:13px; }
.account-deletion-status { margin:5px 0 0; font-size:12px; line-height:1.7; color:#428571; }
.account-deletion-error { margin:12px 0 0; color:#b73a36; font-size:12px; line-height:1.7; }
.account-deletion-error:empty { display:none; }
.account-deletion-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-top:1px solid var(--line); padding-top:25px; margin-top:30px; }
.account-deletion-footer .button { min-height:44px; padding:12px 18px; font-size:11px; }
.account-deletion-footer .button-outline { background:#f9fbfa; }
.account-deletion-footer .account-delete-button { background:#fff5f4; border:1px solid #f1d5d1; color:#b73a36; box-shadow:none; }
.account-deletion-footer .account-delete-button:hover { background:#ffebe8; border-color:#e5b4ae; transform:none; }
.account-deletion-dialog button:disabled { cursor:wait; opacity:.6; }
@media(max-width:600px) {
  .wholesaler-site .account-deletion-dialog { padding:24px; }
  .account-deletion-heading { gap:16px; padding-bottom:22px; margin-bottom:21px; }
  .account-deletion-heading h2 { font-size:21px; }
  .account-deletion-footer { flex-direction:column-reverse; align-items:stretch; }
  .account-deletion-footer .button { width:100%; }
}