/* Hallmark · pre-emit critique: P5 H4 E4 S5 R5 V3 · genre: editorial commerce · system: ../design.md · incremental refinement; existing page families preserved. */
/* Wholesale selection and quote flow; preserves the existing brand and logo sizing. */
#MainContent.yoz-b2b{--b2b-line:#d9d3c9;--b2b-muted:#5a615e;--b2b-ink:#173a32;--b2b-accent:#8e4c32}
#MainContent.yoz-b2b .b2bw__hero-copy{padding-block:64px 72px}
#MainContent.yoz-b2b .b2bw .b2bw__hero h1{max-width:16ch;font-size:clamp(42px,5.2vw,68px)!important;line-height:1.04!important;letter-spacing:-.025em!important;text-wrap:balance}
#MainContent.yoz-b2b .b2bw .b2bw__hero .b2bw__lead{max-width:47ch;font-size:18px;line-height:1.7}
#MainContent.yoz-b2b .b2b-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--b2b-accent)!important;text-decoration:underline;text-underline-offset:5px;font:500 14px/1.5 Outfit,Arial,sans-serif}
#MainContent.yoz-b2b .b2b-text-link:hover{color:#643521!important}
#MainContent.yoz-b2b a:focus-visible,#MainContent.yoz-b2b button:focus-visible,#MainContent.yoz-b2b summary:focus-visible{outline:2px solid #8e4c32;outline-offset:4px}
#MainContent.yoz-b2b .b2b-procurement{padding-block:28px}
#MainContent.yoz-b2b .b2b-procurement dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-bottom:1px solid var(--b2b-line);padding:0 0 28px}
#MainContent.yoz-b2b .b2b-procurement dl>div{padding:0 28px;border-left:1px solid var(--b2b-line)}
#MainContent.yoz-b2b .b2b-procurement dl>div:first-child{padding-left:0;border-left:0}
#MainContent.yoz-b2b .b2b-procurement dt{font:500 11px/1.5 Outfit,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--b2b-muted);margin-bottom:7px}
#MainContent.yoz-b2b .b2b-procurement dd{margin:0;color:var(--b2b-ink);font:500 17px/1.5 Outfit,Arial,sans-serif}
#MainContent.yoz-b2b #wholesale-picks{padding-block:30px 64px}
#MainContent.yoz-b2b .b2bw__section-head{gap:20px;align-items:end}
#MainContent.yoz-b2b .b2bw__section-intro{max-width:65ch;line-height:1.7}
#MainContent.yoz-b2b .b2bw__product{display:flex;flex-direction:column}
#MainContent.yoz-b2b .b2bw__product-body{display:flex;flex:1;flex-direction:column;gap:10px}
#MainContent.yoz-b2b .b2bw__product-body h3{margin:0!important;font-size:17px!important;line-height:1.4!important}
#MainContent.yoz-b2b .b2bw__product-body h3 a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#MainContent.yoz-b2b .b2bw__product-options{margin:0!important;font-size:12px!important}
#MainContent.yoz-b2b .b2b-product-minimum{margin:0 0 6px;font:400 12px/1.5 Outfit,Arial,sans-serif;color:var(--b2b-muted)}
#MainContent.yoz-b2b .b2b-select-options{margin-top:auto!important;min-height:42px!important;padding:10px 14px!important;font-size:13px!important}
#MainContent.yoz-b2b .b2b-form-column{min-width:0}
#MainContent.yoz-b2b .b2bw .b2bw__apply{padding-block:60px}
#MainContent.yoz-b2b .b2bw .b2bw__apply h2,#MainContent.yoz-b2b .b2bw .b2bw__apply-copy .b2bw__lead{color:#fffefa!important;-webkit-text-fill-color:#fffefa!important}
#MainContent.yoz-b2b .b2bw .b2bw__apply-copy .b2bw__eyebrow,#MainContent.yoz-b2b .b2b-response{color:#d1dfd6!important;-webkit-text-fill-color:#d1dfd6!important}
#MainContent.yoz-b2b .b2b-response{font:400 13px/1.6 Outfit,Arial,sans-serif;margin:0}
#MainContent.yoz-b2b .b2bw__feedback{color:#fffefa!important;font-size:14px;line-height:1.6}
#MainContent.yoz-b2b .b2b-ordering{padding-block:64px}
#MainContent.yoz-b2b .b2b-ordering-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px}
#MainContent.yoz-b2b .b2b-copy{color:var(--b2b-muted);line-height:1.75;max-width:54ch}
#MainContent.yoz-b2b .b2b-audiences{list-style:none;margin:28px 0 0;padding:0}
#MainContent.yoz-b2b .b2b-audiences li{display:grid;grid-template-columns:minmax(100px,.7fr) 1.3fr;gap:16px;padding:16px 0;border-top:1px solid var(--b2b-line);font:400 14px/1.65 Outfit,Arial,sans-serif;color:var(--b2b-muted)}
#MainContent.yoz-b2b .b2b-audiences strong{font-weight:500;color:var(--b2b-ink)}
#MainContent.yoz-b2b .b2b-process-title{font-size:32px!important;max-width:20ch;line-height:1.15!important;margin-bottom:28px!important}
#MainContent.yoz-b2b .b2b-order-steps{list-style:none;padding:0;margin:0}
#MainContent.yoz-b2b .b2b-order-steps li{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--b2b-line)}
#MainContent.yoz-b2b .b2b-step-number{font:500 12px/1.6 Outfit,Arial,sans-serif;color:var(--b2b-accent);font-variant-numeric:tabular-nums}
#MainContent.yoz-b2b .b2b-order-steps h3{font:500 18px/1.4 Outfit,Arial,sans-serif!important;margin:0 0 7px;color:var(--b2b-ink)}
#MainContent.yoz-b2b .b2b-order-steps p{margin:0;font:400 14px/1.7 Outfit,Arial,sans-serif;color:var(--b2b-muted)}
#MainContent.yoz-b2b .b2b-destinations{border-top:1px solid var(--b2b-line);margin-top:30px;padding-top:4px}
#MainContent.yoz-b2b .b2b-destinations>summary,#MainContent.yoz-b2b .b2b-directory-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:56px;padding:12px 0;font:500 16px/1.5 Outfit,Arial,sans-serif;color:var(--b2b-ink)}
#MainContent.yoz-b2b .b2b-destinations>summary::-webkit-details-marker,#MainContent.yoz-b2b .b2b-directory-details>summary::-webkit-details-marker{display:none}
#MainContent.yoz-b2b .b2b-destinations[open]>summary>span:last-child,#MainContent.yoz-b2b .b2b-directory-details[open]>summary>span:last-child{transform:rotate(45deg)}
#MainContent.yoz-b2b .b2b-destinations .wholesale-destinations{margin-top:12px}
#MainContent.yoz-b2b .b2bw__closing{padding-block:48px!important}
/* Catalogue: search and selection stay close to the page introduction. */
#MainContent.yoz-b2b .page-width{max-width:1280px!important;padding-inline:32px!important}
#MainContent.yoz-b2b #ywcatalog .yw-hero{display:block!important;margin:0!important;padding:36px 0 24px!important;background:transparent!important;border-radius:0!important;max-width:900px!important}
#MainContent.yoz-b2b #ywcatalog h1{font-size:clamp(36px,4.2vw,54px)!important;line-height:1.08!important;max-width:23ch!important;letter-spacing:-.02em!important}
#MainContent.yoz-b2b #ywcatalog .yw-hero-copy{max-width:66ch!important;font-size:16px!important;line-height:1.7!important;margin-top:16px!important}
#MainContent.yoz-b2b #ywcatalog .b2b-catalog-minimum{margin:14px 0 0!important;font-size:13px!important;line-height:1.6!important;color:#173a32!important;font-weight:500!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf{margin:0 0 24px!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__card{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:18px 22px!important;border-radius:4px!important;background:#f0ece4!important;box-shadow:none!important;border:1px solid #ded8ce!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__cover{width:48px!important;height:68px!important;max-height:68px!important;object-fit:cover!important;border-radius:1px!important;margin:0!important;box-shadow:none!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf h2{font-size:23px!important;line-height:1.2!important;margin:0 0 6px!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__description{max-width:53ch!important;margin:0!important;font-size:13px!important;line-height:1.6!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__meta{display:none!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__actions{display:block!important;grid-column:auto!important;width:auto!important;min-width:0!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__language-label{font-size:11px!important;margin:0 0 7px!important;text-align:left!important;color:#5a615e!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__languages{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-width:none!important;width:auto!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf .yoz-catalog-pdf__download{width:auto!important;min-width:0!important;min-height:40px!important;padding:8px 10px!important;font-size:12px!important;border-radius:3px!important;gap:6px!important}
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__download svg{width:14px;height:14px}
#MainContent.yoz-b2b #ywcatalog .yw-products{margin-top:0!important;padding-top:6px!important}
#MainContent.yoz-b2b #ywcatalog .yw-heading{margin-bottom:20px!important}
#MainContent.yoz-b2b #ywcatalog .yw-heading h2{font-size:32px!important;line-height:1.2!important}
#MainContent.yoz-b2b #ywcatalog .yw-filters{margin-bottom:24px!important}
#MainContent.yoz-b2b #ywcatalog .yw-selection-meta{font:400 12px/1.6 Outfit,Arial,sans-serif!important;color:#5a615e!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#MainContent.yoz-b2b #ywcatalog button.yw-detail{border:0!important;background:transparent!important;text-align:left!important;padding:0!important;cursor:pointer;font-family:Outfit,Arial,sans-serif!important;text-decoration:underline;text-underline-offset:4px;min-height:40px}
#MainContent.yoz-b2b #ywcatalog .yw-image-link{cursor:default}
#MainContent.yoz-b2b #ywcatalog .b2b-quote-notes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px 70px!important;padding:32px 0!important;margin-top:24px!important;border-top:1px solid #d9d3c9!important}
#MainContent.yoz-b2b #ywcatalog .b2b-quote-notes h2{font-size:30px!important;line-height:1.2!important;max-width:24ch!important;margin:8px 0 0!important}
#MainContent.yoz-b2b #ywcatalog .b2b-quote-notes p{font-size:14px!important;line-height:1.75!important;color:#5a615e!important;margin:0 0 14px!important}
#MainContent.yoz-b2b #ywcatalog .yw-directory{padding:0!important;margin:0!important;border-top:1px solid #d9d3c9!important;border-bottom:1px solid #d9d3c9!important}
#MainContent.yoz-b2b #ywcatalog .b2b-directory-content{padding-bottom:24px}
#MainContent.yoz-b2b #ywcatalog .yw-catalog-faq{margin-top:36px!important;padding-top:0!important;border-top:0!important}
#MainContent.yoz-b2b #ywcatalog .yw-catalog-faq h2{font-size:30px!important;line-height:1.2!important;max-width:28ch!important}
#MainContent.yoz-b2b .wholesale-blog{padding-top:48px}
@media(max-width:1000px){
 #MainContent.yoz-b2b .b2b-ordering-grid{gap:36px}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__card{grid-template-columns:48px 1fr!important}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__actions{grid-column:1/-1!important;margin-top:0!important}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__language-label{display:none!important}
}
@media(max-width:749px){
 #MainContent.yoz-b2b .b2bw__hero-copy{padding-block:40px 46px}
 #MainContent.yoz-b2b .b2bw .b2bw__hero h1{font-size:42px!important;max-width:16ch}
 #MainContent.yoz-b2b .b2bw .b2bw__hero .b2bw__lead{font-size:16px;line-height:1.7}
 #MainContent.yoz-b2b .b2b-procurement{padding-block:22px}
 #MainContent.yoz-b2b .b2b-procurement dl{grid-template-columns:1fr;gap:14px;padding-bottom:22px}
 #MainContent.yoz-b2b .b2b-procurement dl>div{padding:0;border-left:0;display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:baseline}
 #MainContent.yoz-b2b .b2b-procurement dt{font-size:10px;margin:0}
 #MainContent.yoz-b2b .b2b-procurement dd{font-size:14px}
 #MainContent.yoz-b2b #wholesale-picks{padding-block:18px 40px}
 #MainContent.yoz-b2b .b2bw__section-head{align-items:start}
 #MainContent.yoz-b2b .b2bw__product-body h3{font-size:14px!important}
 #MainContent.yoz-b2b .b2bw__product-options,#MainContent.yoz-b2b .b2b-product-minimum{font-size:11px!important}
 #MainContent.yoz-b2b .b2b-select-options{font-size:12px!important;min-height:42px!important;padding-inline:8px!important}
 #MainContent.yoz-b2b .b2bw .b2bw__apply{padding-block:40px}
 #MainContent.yoz-b2b .b2b-ordering{padding-block:40px}
 #MainContent.yoz-b2b .b2b-ordering-grid{grid-template-columns:1fr;gap:34px}
 #MainContent.yoz-b2b .b2b-process-title{font-size:29px!important;margin-bottom:20px!important}
 #MainContent.yoz-b2b .b2b-audiences li{grid-template-columns:minmax(90px,.7fr) 1.3fr;gap:14px;font-size:13px}
 #MainContent.yoz-b2b .b2b-order-steps li{padding-block:16px}
 #MainContent.yoz-b2b .b2b-order-steps h3{font-size:16px!important}
 #MainContent.yoz-b2b .b2bw__closing{padding-block:36px!important}
 #MainContent.yoz-b2b .page-width{padding-inline:20px!important}
 #MainContent.yoz-b2b #ywcatalog .yw-hero{padding:28px 0 20px!important}
 #MainContent.yoz-b2b #ywcatalog h1{font-size:36px!important;max-width:22ch!important}
 #MainContent.yoz-b2b #ywcatalog .yw-hero-copy{font-size:14px!important;line-height:1.65!important}
 #MainContent.yoz-b2b #ywcatalog .b2b-catalog-minimum{font-size:12px!important}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__card{padding:14px!important;gap:10px 14px!important}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf h2{font-size:21px!important}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf__description{font-size:12px!important}
 #MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf .yoz-catalog-pdf__download{min-height:42px!important;font-size:12px!important;padding:8px 10px!important}
 #MainContent.yoz-b2b #ywcatalog .yw-heading h2{font-size:28px!important}
 #MainContent.yoz-b2b #ywcatalog .b2b-quote-notes{grid-template-columns:1fr!important;gap:16px!important;padding:28px 0!important}
 #MainContent.yoz-b2b #ywcatalog .b2b-quote-notes h2,#MainContent.yoz-b2b #ywcatalog .yw-catalog-faq h2{font-size:27px!important}
 #MainContent.yoz-b2b .wholesale-blog{padding-top:34px}
}
#MainContent.yoz-b2b .b2bw .b2bw__closing h2,#MainContent.yoz-b2b .b2bw .b2bw__closing p{color:#fffefa!important;-webkit-text-fill-color:#fffefa!important}
/* PDFs remain available without pushing product search below the first screen. */
#MainContent.yoz-b2b #ywcatalog .yoz-catalog-pdf{margin:0 0 18px!important;border-top:1px solid #d9d3c9!important;border-bottom:1px solid #d9d3c9!important}
#MainContent.yoz-b2b #ywcatalog .b2b-pdf-details>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:52px;padding:10px 0;color:#173a32;font:500 14px/1.5 Outfit,Arial,sans-serif}
#MainContent.yoz-b2b #ywcatalog .b2b-pdf-details>summary::-webkit-details-marker{display:none}
#MainContent.yoz-b2b #ywcatalog .b2b-pdf-details>summary>span:first-child{margin-right:auto}
#MainContent.yoz-b2b #ywcatalog .b2b-pdf-language-count{color:#5a615e;font-size:12px;font-weight:400;white-space:nowrap}
#MainContent.yoz-b2b #ywcatalog .b2b-pdf-details[open]>summary>span:last-child{transform:rotate(45deg)}
#MainContent.yoz-b2b #ywcatalog .b2b-pdf-details .yoz-catalog-pdf__card{margin:0 0 16px!important}
/* Independent wholesale About page; original product scene, no fabricated team imagery. */
#MainContent.yoz-b2b .b2b-about{max-width:1240px;margin:0 auto;padding:48px 40px 64px;color:#173a32;font:400 16px/1.75 Outfit,Arial,sans-serif}
#MainContent.yoz-b2b .b2b-about-hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:56px;padding-bottom:36px}
#MainContent.yoz-b2b .b2b-about-eyebrow{margin:0 0 16px;font:500 11px/1.6 Outfit,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8e4c32}
#MainContent.yoz-b2b .b2b-about h1{max-width:18ch;margin:0 0 22px;font:500 clamp(38px,4.4vw,58px)/1.08 Newsreader,Georgia,serif!important;letter-spacing:-.02em!important;color:#173a32;text-wrap:balance}
#MainContent.yoz-b2b .b2b-about-lead{max-width:51ch;margin:0;color:#5a615e;font-size:17px;line-height:1.75}
#MainContent.yoz-b2b .b2b-about-image{margin:0;aspect-ratio:1.2;overflow:hidden;border-radius:3px;background:#e4e8df}
#MainContent.yoz-b2b .b2b-about-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
#MainContent.yoz-b2b .b2b-about-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:28px}
#MainContent.yoz-b2b .b2b-about-actions .b2bw__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid #8e4c32;border-radius:999px;background:#8e4c32;color:#fffefa;font:500 14px/1.5 Outfit,Arial,sans-serif;text-align:center;text-decoration:none}
#MainContent.yoz-b2b .b2b-about-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:26px 0;border-block:1px solid #d9d3c9}
#MainContent.yoz-b2b .b2b-about-facts dl>div{padding-inline:24px;border-left:1px solid #d9d3c9}
#MainContent.yoz-b2b .b2b-about-facts dl>div:first-child{padding-left:0;border-left:0}
#MainContent.yoz-b2b .b2b-about-facts dt{margin-bottom:6px;font:500 11px/1.5 Outfit,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5a615e}
#MainContent.yoz-b2b .b2b-about-facts dd{margin:0;font-weight:500;font-size:16px;line-height:1.55}
#MainContent.yoz-b2b .b2b-about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:40px 70px;padding:44px 0;border-bottom:1px solid #d9d3c9}
#MainContent.yoz-b2b .b2b-about h2{font:500 34px/1.15 Newsreader,Georgia,serif!important;max-width:22ch;margin:0 0 18px;letter-spacing:-.02em!important;color:#173a32;text-wrap:balance}
#MainContent.yoz-b2b .b2b-about p{max-width:65ch}
#MainContent.yoz-b2b .b2b-about-copy p{margin:0 0 18px;color:#5a615e}
#MainContent.yoz-b2b .b2b-about-copy p:last-child{margin-bottom:0}
#MainContent.yoz-b2b .b2b-about-identity{border-bottom:0;padding-bottom:0}
#MainContent.yoz-b2b .b2b-about-identity>div>p:not(.b2b-about-eyebrow){color:#5a615e;font-size:15px}
#MainContent.yoz-b2b .b2b-about-business{margin:24px 0 0;font-size:14px}
#MainContent.yoz-b2b .b2b-about-business>div{display:grid;grid-template-columns:90px 1fr;gap:20px;margin-top:12px}
#MainContent.yoz-b2b .b2b-about-business dt{font-weight:500;color:#5a615e}
#MainContent.yoz-b2b .b2b-about-business dd{margin:0;color:#173a32}
#MainContent.yoz-b2b .b2b-about-contact{padding-top:2px}
#MainContent.yoz-b2b .b2b-about-contact h3{font:500 25px/1.25 Newsreader,Georgia,serif!important;margin:0 0 18px;color:#173a32}
#MainContent.yoz-b2b .b2b-about-contact p{margin:0 0 14px;color:#5a615e;font-size:15px}
#MainContent.yoz-b2b .b2b-about-email{display:block;width:fit-content;min-height:44px;color:#173a32;text-decoration:underline;text-underline-offset:4px;font-size:16px;overflow-wrap:anywhere}
/* The sixth navigation item stays readable with the current logo on narrow desktops. */
.wholesale-header .wholesale-nav{gap:16px}
.wholesale-header .wholesale-nav a{font-size:13px}
.wholesale-header .wholesale-nav .wholesale-quote{padding-inline:14px}
@media(max-width:1199px){.wholesale-header .wholesale-nav{display:none}.wholesale-header .wholesale-menu{display:block}}
@media(max-width:1000px){#MainContent.yoz-b2b .b2b-about-hero{gap:32px}#MainContent.yoz-b2b .b2b-about-section{gap:32px}}
@media(max-width:749px){
 #MainContent.yoz-b2b .b2b-about{padding:32px 20px 48px}
 #MainContent.yoz-b2b .b2b-about-hero{grid-template-columns:1fr;gap:26px;padding-bottom:28px}
 #MainContent.yoz-b2b .b2b-about h1{font-size:40px!important;max-width:19ch}
 #MainContent.yoz-b2b .b2b-about-lead{font-size:16px}
 #MainContent.yoz-b2b .b2b-about-image{aspect-ratio:1.55;max-height:270px}
 #MainContent.yoz-b2b .b2b-about-facts dl{grid-template-columns:1fr;gap:14px;padding-block:22px}
 #MainContent.yoz-b2b .b2b-about-facts dl>div{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:0;border-left:0;align-items:baseline}
 #MainContent.yoz-b2b .b2b-about-facts dt{margin:0;font-size:10px}
 #MainContent.yoz-b2b .b2b-about-facts dd{font-size:14px}
 #MainContent.yoz-b2b .b2b-about-section{grid-template-columns:1fr;gap:16px;padding:30px 0}
 #MainContent.yoz-b2b .b2b-about h2{font-size:30px!important}
 #MainContent.yoz-b2b .b2b-about-identity{padding-bottom:0;gap:32px}
 #MainContent.yoz-b2b .b2b-about-business>div{grid-template-columns:80px 1fr;gap:14px}
}
/* Original procurement guidance, grouped for business buyers rather than retail brewing routines. */
#MainContent.yoz-b2b #ywcatalog .b2b-procurement-guide{display:block!important;margin-top:32px!important;padding:36px 0!important;border-top:1px solid #d9d3c9!important}
#MainContent.yoz-b2b #ywcatalog .b2b-procurement-guide>header{max-width:860px;margin-bottom:28px}
#MainContent.yoz-b2b #ywcatalog .b2b-procurement-guide h2{font-size:32px!important;line-height:1.2!important;max-width:29ch!important;margin:8px 0 16px!important}
#MainContent.yoz-b2b #ywcatalog .b2b-guide-intro{font-size:15px!important;line-height:1.75!important;color:#5a615e!important;margin:0!important;max-width:70ch}
#MainContent.yoz-b2b #ywcatalog .b2b-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin-bottom:20px}
#MainContent.yoz-b2b #ywcatalog .b2b-guide-topic{padding:0!important;margin:0!important;border:0!important;min-width:0}
#MainContent.yoz-b2b #ywcatalog .b2b-guide-topic h3{font:500 17px/1.45 Outfit,Arial,sans-serif!important;margin:0 0 10px!important;color:#173a32!important}
#MainContent.yoz-b2b #ywcatalog .b2b-guide-topic p{font-size:14px!important;line-height:1.75!important;margin:0!important;color:#5a615e!important;max-width:65ch}
.wholesale-footer__links{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap}
.wholesale-footer__links .wholesale-retail-link{font-size:12px;color:#d1dfd6}
#MainContent.yoz-b2b .b2b-about-retail{font-size:14px!important;line-height:1.7}
#MainContent.yoz-b2b .b2b-about-retail a{color:#8e4c32;text-decoration:underline;text-underline-offset:4px}
@media(max-width:749px){
 #MainContent.yoz-b2b #ywcatalog .b2b-procurement-guide{padding:28px 0!important;margin-top:24px!important}
 #MainContent.yoz-b2b #ywcatalog .b2b-procurement-guide h2{font-size:28px!important}
 #MainContent.yoz-b2b #ywcatalog .b2b-guide-intro{font-size:14px!important}
 #MainContent.yoz-b2b #ywcatalog .b2b-guide-grid{grid-template-columns:1fr;gap:22px}
}

/* 1.3 · calm procurement surfaces and actual action states. */
#MainContent.yoz-b2b{--b2b-line:var(--color-rule);--b2b-muted:var(--color-muted);--b2b-ink:var(--color-ink);--b2b-accent:var(--color-accent)}
#MainContent.yoz-b2b .b2bw{--b2bw-sans:var(--font-body);--b2bw-display:var(--font-display)}
#MainContent.yoz-b2b :is(h1,h2,h3,h4){font-style:normal!important;overflow-wrap:anywhere;min-width:0}
#MainContent.yoz-b2b :is(h1,h2,h3,h4) em{font-style:inherit!important}
#MainContent.yoz-b2b .b2bw__section-head{align-items:start;gap:var(--space-5)}
#MainContent.yoz-b2b :is(.b2bw__eyebrow,.yw-eyebrow,.blog-eyebrow,.b2b-about-eyebrow):empty{display:none!important}
html body #MainContent [hidden],html body #MainContent #ywcatalog [hidden]{display:none!important}
#MainContent.yoz-b2b .b2bw__hero .b2bw__lead{color:var(--color-ink);max-width:49ch}
#MainContent.yoz-b2b .b2bw__hero-copy{padding-block:var(--space-8)}
#MainContent.yoz-b2b .b2b-procurement dt,#MainContent.yoz-b2b .b2b-about-facts dt{font-family:var(--font-body);letter-spacing:.05em}
#MainContent.yoz-b2b :is(.b2bw__button,.b2b-select-options){display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-action)!important;min-height:var(--control-height)!important;white-space:nowrap;max-width:100%;font-family:var(--font-body)!important;transition:background-color var(--duration-state) var(--ease-state),color var(--duration-state) var(--ease-state)}
#MainContent.yoz-b2b .b2bw__product{border-radius:var(--radius-panel);box-shadow:none}
#MainContent.yoz-b2b .b2bw__product-body{gap:var(--space-2)}
#MainContent.yoz-b2b .b2bw__product-body h3{font-family:var(--font-body)!important;font-weight:500!important}
#MainContent.yoz-b2b .b2bw__product-options{color:var(--color-muted)}
#MainContent.yoz-b2b .b2b-select-options{font-size:13px!important;padding-inline:var(--space-4)!important}
#MainContent.yoz-b2b .b2bw__form{border-radius:var(--radius-field);gap:var(--space-5)}
#MainContent.yoz-b2b #WholesaleForm :is(input:not([type=hidden]),select,textarea){min-height:var(--control-height);min-width:0;max-width:100%;border:1px solid var(--color-control-border);border-radius:var(--radius-field);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-body);font-size:16px;outline:2px solid transparent;outline-offset:3px}
#MainContent.yoz-b2b #WholesaleForm textarea{resize:vertical;min-height:7rem}
#MainContent.yoz-b2b #WholesaleForm :is(input,select,textarea):focus-visible{outline-color:var(--color-focus)!important;border-color:var(--color-ink)!important}
#MainContent.yoz-b2b #WholesaleForm [aria-invalid=true]{border-color:var(--color-error)!important;background:var(--color-error-surface)}
#MainContent.yoz-b2b #WholesaleForm :is(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
#MainContent.yoz-b2b .b2bw__error{color:var(--color-error);font-family:var(--font-body);font-size:13px;line-height:1.5}
#MainContent.yoz-b2b .b2bw__feedback:empty{display:none!important}
#MainContent.yoz-b2b .b2bw__notice{background:var(--color-success-surface);color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-field);font-family:var(--font-body)}
#MainContent.yoz-b2b .b2bw__notice--error{background:var(--color-error-surface);color:var(--color-error);border-color:var(--color-error)}
#MainContent.yoz-b2b :is(a,button,summary):focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:4px!important}
#MainContent.yoz-b2b .b2bw__closing :is(a,button):focus-visible{outline-color:var(--color-focus-on-ink)!important}
#MainContent.yoz-b2b :is(.b2bw__button,.b2b-select-options):active{transform:translateY(1px)}
#MainContent.yoz-b2b :is(button:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.55}
#MainContent.yoz-b2b #ywcatalog{--yw-cta:var(--color-accent);--yw-cta-ink:var(--color-accent-ink);--yw-green:var(--color-ink);--yw-muted:var(--color-muted)}
#MainContent.yoz-b2b #ywcatalog .yw-hero{padding-bottom:var(--space-5)!important}
#MainContent.yoz-b2b #ywcatalog :is(.yw-products,.yw-catalog-faq,.yw-directory,.b2b-procurement-guide){border-radius:0!important;box-shadow:none!important;background:transparent!important;color:var(--color-ink)!important}
#MainContent.yoz-b2b #ywcatalog .yw-catalog-faq{padding:var(--space-6) 0 0!important;margin-top:var(--space-6)!important;border:0!important;border-top:1px solid var(--color-rule)!important}
#MainContent.yoz-b2b #ywcatalog .yw-directory{border-inline:0!important}
#MainContent.yoz-b2b #ywcatalog .b2b-procurement-guide{border-inline:0!important;border-bottom:0!important}
#MainContent.yoz-b2b #ywcatalog .yw-catalog-faq .yw-faq-item{background:transparent!important;border-color:var(--color-rule)!important;border-radius:0!important}
#MainContent.yoz-b2b #ywcatalog .yw-faq-item summary{padding-block:var(--space-4)!important;font-family:var(--font-body)!important;font-weight:500!important}
#MainContent.yoz-b2b #ywcatalog .yw-filters{gap:var(--space-3)!important;align-items:stretch!important}
#MainContent.yoz-b2b #ywcatalog :is(.yw-search input,.yw-filter-select,[data-yw-quantity],[data-yw-variant]){min-height:var(--control-height)!important;border:1px solid var(--color-control-border)!important;border-radius:var(--radius-field)!important;background:var(--color-surface)!important;color:var(--color-ink)!important;font-family:var(--font-body)!important;outline:2px solid transparent;outline-offset:3px;max-width:100%;min-width:0}
#MainContent.yoz-b2b #ywcatalog :is(.yw-search input,.yw-filter-select,[data-yw-quantity],[data-yw-variant]):focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:3px!important}
#MainContent.yoz-b2b #ywcatalog [data-yw-quantity][aria-invalid=true]{border-color:var(--color-error)!important;background:var(--color-error-surface)!important}
#MainContent.yoz-b2b #ywcatalog .yw-quantity-error{color:var(--color-error)!important;font:400 12px/1.55 var(--font-body)!important;margin:var(--space-2) 0 0!important}
#MainContent.yoz-b2b #ywcatalog :is(.yw-add,.yw-button,.yw-view,.yw-request,.yw-copy,.yw-clear,.yw-undo,.yoz-catalog-pdf__download){border-radius:var(--radius-action)!important;min-height:var(--control-height)!important;padding:10px 18px!important;white-space:nowrap!important;font-family:var(--font-body)!important;font-size:13px!important;line-height:1.45!important;max-width:100%;transition:background-color var(--duration-state) var(--ease-state),color var(--duration-state) var(--ease-state)}
#MainContent.yoz-b2b #ywcatalog :is(.yw-add,.yw-request,.yw-button){background:var(--color-accent)!important;color:var(--color-accent-ink)!important;border-color:var(--color-accent)!important}
#MainContent.yoz-b2b #ywcatalog :is(.yw-view,.yw-copy,.yw-clear,.yw-undo,.yoz-catalog-pdf__download){background:var(--color-surface)!important;color:var(--color-ink)!important;border:1px solid var(--color-control-border)!important}
#MainContent.yoz-b2b #ywcatalog .yw-card{border-radius:var(--radius-panel)!important;box-shadow:none!important;border-color:var(--color-rule)!important}
#MainContent.yoz-b2b #ywcatalog .yw-card-body{gap:var(--space-2);padding:var(--space-4)!important}
#MainContent.yoz-b2b #ywcatalog .yw-card-actions{grid-template-columns:4rem minmax(0,1fr)!important;gap:var(--space-2)!important}
#MainContent.yoz-b2b #ywcatalog .yw-selection-meta{font-family:var(--font-body)!important;font-variant-numeric:tabular-nums}
#MainContent.yoz-b2b #ywcatalog .yw-add[data-state=success]{background:var(--color-success)!important;border-color:var(--color-success)!important;color:var(--color-surface)!important}
#MainContent.yoz-b2b #ywcatalog .yw-add[data-state=error]{outline:2px solid var(--color-error);outline-offset:2px}
#MainContent.yoz-b2b #ywcatalog :is(.yw-add,.yw-button,.yw-view,.yw-copy,.yw-clear,.yw-undo):active{transform:translateY(1px)}
#MainContent.yoz-b2b #ywcatalog :is(.yw-add,.yw-button,.yw-view,.yw-request,.yw-copy,.yw-clear,.yw-undo):focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:4px!important}
#MainContent.yoz-b2b #ywcatalog .yw-tray-message{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-success-surface)!important;color:var(--color-success)!important;border-radius:var(--radius-field)!important}
#MainContent.yoz-b2b #ywcatalog .yw-undo{flex-shrink:0;min-height:44px!important;padding-inline:var(--space-4)!important}
#MainContent.yoz-b2b #ywcatalog .yw-tray{border-radius:var(--radius-field) 0 0 var(--radius-field)!important;background:var(--color-surface)!important;color:var(--color-ink)!important;box-shadow:var(--shadow-menu)!important}
#MainContent.yoz-b2b #ywcatalog .yw-tray-header{border-bottom:1px solid var(--color-rule)!important}
#MainContent.yoz-b2b #ywcatalog .yw-tray-note{color:var(--color-muted)!important;line-height:1.6!important}
#MainContent.yoz-b2b #ywcatalog .yw-state{background:transparent!important;border-color:var(--color-rule)!important;color:var(--color-ink)!important}
#MainContent.yoz-b2b :is(button[data-state=loading],#WholesaleForm[aria-busy=true] .b2bw__submit){cursor:progress;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}
#MainContent.yoz-b2b :is(button[data-state=loading],#WholesaleForm[aria-busy=true] .b2bw__submit)::after{content:"";inline-size:1em;block-size:1em;flex-shrink:0;border:1.5px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:yoz-control-spin 1s linear infinite}
@keyframes yoz-control-spin{to{transform:rotate(1turn)}}
@media(hover:hover){
 #MainContent.yoz-b2b #WholesaleForm :is(input,select,textarea):not(:disabled):hover{background:var(--color-paper)}
 #MainContent.yoz-b2b #ywcatalog :is(.yw-add,.yw-button,.yw-request):not(:disabled):hover{background:var(--color-accent-hover)!important;color:var(--color-accent-ink)!important}
 #MainContent.yoz-b2b #ywcatalog :is(.yw-view,.yw-copy,.yw-clear,.yw-undo,.yoz-catalog-pdf__download):not(:disabled):hover{background:var(--color-paper-2)!important;color:var(--color-ink)!important}
}
@media(max-width:767px){
 #MainContent.yoz-b2b .b2bw__section-head{display:flex;flex-direction:column;gap:var(--space-3);align-items:start}
 #MainContent.yoz-b2b .b2bw__hero-copy{padding-block:var(--space-7)}
 #MainContent.yoz-b2b #ywcatalog .yw-hero{padding-top:var(--space-5)!important}
 #MainContent.yoz-b2b #ywcatalog h1{font-size:clamp(30px,7.8vw,38px)!important;line-height:1.12!important}
 #MainContent.yoz-b2b #ywcatalog .yw-heading{display:flex!important;flex-direction:column!important;align-items:start!important;gap:var(--space-3)!important}
 #MainContent.yoz-b2b #ywcatalog .yw-heading h2{font-size:30px!important}
 #MainContent.yoz-b2b #ywcatalog :is(.yw-search input,.yw-filter-select,[data-yw-quantity],[data-yw-variant]){font-size:16px!important}
 #MainContent.yoz-b2b #ywcatalog .yw-tray{border-radius:0!important}
 #MainContent.yoz-b2b #ywcatalog .yw-tray-message{flex-wrap:wrap}
 #MainContent.yoz-b2b .b2b-guide-grid{gap:var(--space-5)}
}
@media(max-width:599px){
 #MainContent.yoz-b2b #ywcatalog .yw-grid{grid-template-columns:minmax(0,1fr)!important}
 #MainContent.yoz-b2b #ywcatalog .yw-image-link{aspect-ratio:1.4!important}
 #MainContent.yoz-b2b #ywcatalog .yw-card-actions{grid-template-columns:4.5rem minmax(0,1fr)!important}
 #MainContent.yoz-b2b #ywcatalog .yw-card h3{font-size:18px!important;line-height:1.4!important}
 #MainContent.yoz-b2b .b2bw__actions{align-items:start;flex-direction:column;gap:var(--space-2)}
}
@media(prefers-reduced-motion:reduce){
 #MainContent.yoz-b2b :is(a,button,input,select,textarea){transition:none!important;transform:none!important}
 #MainContent.yoz-b2b :is(button[data-state=loading],#WholesaleForm[aria-busy=true] .b2bw__submit)::after{animation-duration:2s}
}
/* Visibility is structural: legacy display!important must not reveal hidden state nodes. */
html body #MainContent.yoz-b2b [hidden],html body #MainContent.yoz-b2b #ywcatalog [hidden]{display:none!important}
#MainContent.yoz-b2b button[data-state=loading]:disabled{opacity:1}
/* Quote-list quantities use the same geometry and error contract as card quantities. */
#MainContent.yoz-b2b #ywcatalog [data-yw-selected-quantity]{min-height:var(--control-height)!important;width:4.5rem!important;border:1px solid var(--color-control-border)!important;border-radius:var(--radius-field)!important;background:var(--color-surface)!important;color:var(--color-ink)!important;font:400 16px/1.45 var(--font-body)!important;outline:2px solid transparent;outline-offset:3px}
#MainContent.yoz-b2b #ywcatalog [data-yw-selected-quantity]:focus-visible{outline-color:var(--color-focus)!important}
#MainContent.yoz-b2b #ywcatalog [data-yw-selected-quantity][aria-invalid=true]{border-color:var(--color-error)!important;background:var(--color-error-surface)!important}
#MainContent.yoz-b2b #ywcatalog .yw-remove{min-height:44px!important;border:1px solid var(--color-control-border)!important;border-radius:var(--radius-action)!important;background:var(--color-surface)!important;color:var(--color-ink)!important;padding:8px 12px!important;font:500 12px/1.45 var(--font-body)!important;white-space:nowrap}
#MainContent.yoz-b2b #ywcatalog .yw-remove:focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:4px!important}
#MainContent.yoz-b2b #ywcatalog .yw-remove:active{transform:translateY(1px)}
@media(max-width:599px){#MainContent.yoz-b2b .b2b-select-options{font-size:12px!important;padding-inline:var(--space-2)!important}}
/* Accessibility requirements precede unlayered legacy !important decoration. */
@layer yoz-accessibility {
  #MainContent.yoz-b2b :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--color-focus)!important;outline-offset:4px!important}
  #MainContent.yoz-b2b .b2bw__closing :is(a,button):focus-visible{outline-color:var(--color-focus-on-ink)!important}
  #MainContent.yoz-b2b [hidden]{display:none!important}
}
#MainContent.yoz-b2b #ywcatalog{font-family:var(--font-body)!important;padding-bottom:var(--space-6)!important}
#MainContent.yoz-b2b #shopify-section-main-page>.page-template{padding-bottom:var(--space-6)!important}
#MainContent.yoz-b2b #ywcatalog .yw-tray:has([aria-invalid=true]) .yw-tray-message{background:var(--color-error-surface)!important;color:var(--color-error)!important}
/* Tablet controls need two real columns; the inherited desktop three-column rule is too narrow. */
@media(min-width:600px) and (max-width:999px){#MainContent.yoz-b2b #ywcatalog .yw-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}