/* Supply request: a practical guide beside the existing live form. */
.shop-public .b2b-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start;padding-block:48px 64px}
.b2b-intro{min-width:0;padding-top:16px}
.shop-public .b2b-intro h1{max-width:540px;margin:20px 0 24px;font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-.02em}
.b2b-lead{max-width:540px;color:var(--muted);line-height:1.7;margin:0 0 32px}
.b2b-guide{background:var(--ink);color:var(--color-surface);padding:var(--shop-panel-space);border-radius:12px;position:relative;overflow:hidden}
.b2b-guide-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--color-retained-ffffff40);border-radius:12px;color:var(--color-retained-d7ef83);margin-bottom:20px}
.shop-public .b2b-guide h2{font-size:22px;line-height:1.3;margin:0 0 24px;color:var(--color-surface);max-width:360px}
.b2b-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.b2b-steps li{display:flex;gap:16px;align-items:start}
.b2b-steps li>span{font-size:12px;color:var(--color-retained-d7ef83);font-weight:700;line-height:24px;flex:none}
.shop-public .b2b-steps h3{font-size:16px;line-height:1.5;color:var(--color-surface);margin:0 0 4px;letter-spacing:0}
.b2b-steps p{font-size:14px;color:var(--color-retained-d0e2e5);margin:0;line-height:1.6;max-width:400px}
.b2b-catalog-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-block:16px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}
.b2b-catalog-link:hover{color:var(--blue)}
.shop-public .b2b-hero .form-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px var(--color-retained-00465608);background:var(--color-surface)}
.b2b-form-heading{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.b2b-form-heading .eyebrow{margin-bottom:12px}
.b2b-form-heading h2{margin:0 0 12px}
.b2b-form-heading p{color:var(--muted);font-size:14px;margin:0}
.b2b-hero textarea{resize:vertical;min-height:144px}
.b2b-hero .form-card>.button{background:var(--ink);border-color:var(--ink)}
.b2b-hero .form-card>.button:hover{background:var(--color-retained-086075)}
@media(max-width:760px){.shop-public .b2b-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:24px 40px}.b2b-intro{padding:0}.b2b-intro h1{margin:16px 0}.b2b-lead{margin-bottom:24px}.b2b-guide{padding:20px}.b2b-steps{gap:16px}}

/* Color roles support the live supply form without introducing extra steps. */
.shop-public .b2b-hero { gap: 32px; padding-block: 32px 48px; }
.shop-public .b2b-intro { position: relative; padding: 24px; border-radius: 12px; overflow: hidden; background: var(--color-brand-dark); color: var(--color-surface); }
.shop-public .b2b-intro::after { content: ""; position: absolute; width: 100px; height: 100px; right: -70px; top: -90px; border: 20px solid var(--color-brand-yellow); border-radius: 50%; pointer-events: none; }
.shop-public .b2b-intro :is(h1, .eyebrow, .b2b-lead, .b2b-catalog-link) { color: var(--color-surface); }
.shop-public .b2b-intro h1 { margin-top: 16px; }
.shop-public .b2b-guide { background: var(--color-brand-dark); border-top: 4px solid var(--color-action); border-radius: 0; padding-inline: 0; }
.shop-public .b2b-guide-icon { color: var(--color-brand-yellow); border-color: var(--color-brand-yellow); }
.shop-public .b2b-steps li > span { color: var(--color-brand-yellow); }
.shop-public .b2b-steps p { color: var(--color-surface); }
.shop-public .b2b-catalog-link { border-color: var(--color-blue-60); }
.shop-public .b2b-hero .form-card { min-width: 0; box-shadow: none; border-color: var(--color-border); }
.shop-public .b2b-hero .form-card > .button { background: var(--color-action); border-color: var(--color-action); color: var(--color-action-text); }
.shop-public .b2b-hero .form-card > .button:hover { background: var(--color-action-hover); border-color: var(--color-action-hover); }
.shop-public .b2b-hero :is(.b2b-selection, .order-inquiry-selection) { background: var(--color-status-success-bg); border-color: var(--color-border); color: var(--color-text); padding: 16px; border-radius: 8px; }
.shop-public .b2b-hero :is(.b2b-selection, .order-inquiry-selection) h2 { font-size: 18px; }
.shop-public .b2b-hero .order-inquiry-selection li { flex-wrap: wrap; gap: 4px 16px; }
.shop-public .b2b-hero .order-inquiry-selection li :is(strong, span) { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .shop-public .b2b-hero { gap: 24px; padding-block: 24px 32px; }
  .shop-public .b2b-intro { padding: 20px; }
  .shop-public .b2b-hero .form-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Decoration stays behind the request copy and never covers its controls. */
.shop-public .b2b-intro { isolation: isolate; }
.shop-public .b2b-intro::after { z-index: -1; }