.mw51-page{--mw51-navy:#162B39;--mw51-blue:#5FAECE;--mw51-blue-hover:#388A95;--mw51-text:#1D2A36;--mw51-muted:#61717C;--mw51-pale:#EFF8FC;background:#fff;color:var(--mw51-text);overflow-x:hidden;font-family:inherit}.mw51-page *{box-sizing:border-box}.mw51-shell{width:min(1360px,calc(100% - 64px));margin:0 auto}.mw51-page h1,.mw51-page h2,.mw51-page p{margin-top:0}.mw51-kicker{margin:0 0 14px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.14em;color:var(--mw51-blue-hover)}.mw51-hero{background:#fff}.mw51-hero-inner{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,55fr) minmax(360px,45fr);gap:38px;align-items:center;padding:44px 0 40px}.mw51-hero-copy h1{margin:0 0 16px;max-width:720px;font-size:clamp(42px,4.15vw,58px);line-height:1.04;letter-spacing:-.035em;color:var(--mw51-navy)}.mw51-lead{margin:0;max-width:720px;font-size:18px;line-height:1.52;color:#405562}.mw51-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.mw51-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:8px;text-decoration:none!important;font-size:15px;font-weight:800;line-height:1.2}.mw51-btn--primary{background:var(--mw51-blue);border:1px solid var(--mw51-blue);color:#fff!important}.mw51-btn--primary:hover,.mw51-btn--primary:focus{background:var(--mw51-blue-hover);border-color:var(--mw51-blue-hover);color:#fff!important}.mw51-btn--secondary{background:#fff;border:1px solid var(--mw51-blue);color:var(--mw51-blue-hover)!important}.mw51-btn--secondary:hover,.mw51-btn--secondary:focus{background:var(--mw51-pale);border-color:var(--mw51-blue-hover);color:var(--mw51-navy)!important}.mw51-hero-media img{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}.mw51-steps{border-top:1px solid #edf3f6;background:#fff;padding:34px 0 30px}.mw51-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.mw51-step{text-align:center;padding:8px 18px}.mw51-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 12px;color:var(--mw51-blue)}.mw51-step-icon svg,.mw51-help-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.mw51-step h2{margin:0 0 8px;font-size:17px;line-height:1.25;color:var(--mw51-navy)}.mw51-step p{margin:0 auto;max-width:340px;font-size:16px;line-height:1.48;color:var(--mw51-muted)}.mw51-help{background:var(--mw51-pale);padding:20px 0}.mw51-help-inner{width:min(920px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:20px;align-items:center}.mw51-help-icon{width:44px;height:44px;color:var(--mw51-blue)}.mw51-help-copy h2{margin:0 0 4px;font-size:18px;line-height:1.2;color:var(--mw51-navy)}.mw51-help-copy p{margin:0;font-size:16px;line-height:1.42;color:#526873}.mw51-hero--member{border-bottom:1px solid #edf3f6}.mw51-member-inner{width:min(1260px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,65fr) minmax(300px,35fr);gap:30px;align-items:center;padding:30px 0}.mw51-hero--member .mw51-hero-copy h1{font-size:clamp(36px,3.15vw,46px);margin-bottom:13px}.mw51-member-media img{display:block;width:100%;max-width:330px;height:auto;margin:0 auto}.mw51-catalog{padding:28px 0 54px;background:#fff}.mw51-catalog-shell{width:min(1360px,calc(100% - 64px));margin:0 auto}.mw51-catalog .wwof-form-title{margin:0 0 20px!important;color:var(--mw51-navy)!important;font-size:27px!important;line-height:1.2!important}.mw51-page .macrigi-wwof-order-form .wwof-restricted.macrigi-wholesale-gate-ready{margin-top:14px!important;margin-bottom:18px!important}@media(max-width:1024px){.mw51-shell,.mw51-catalog-shell{width:calc(100% - 48px)}.mw51-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;padding:38px 0 34px}.mw51-hero-copy h1{font-size:42px}.mw51-lead{font-size:17px}.mw51-member-inner{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.mw51-steps-grid{gap:16px}.mw51-help-inner{width:calc(100% - 48px)}}@media(max-width:767px){.mw51-shell,.mw51-catalog-shell{width:calc(100% - 40px)}.mw51-hero-inner,.mw51-member-inner{grid-template-columns:1fr;gap:18px;padding:32px 0 26px}.mw51-hero-copy{text-align:center}.mw51-hero-copy h1,.mw51-hero--member .mw51-hero-copy h1{font-size:34px;line-height:1.08;max-width:none}.mw51-lead{font-size:16px;line-height:1.48;margin-inline:auto}.mw51-actions{flex-direction:column;align-items:stretch;margin-top:20px}.mw51-btn{width:100%}.mw51-hero-media img{max-width:430px}.mw51-member-media img{max-width:220px}.mw51-steps{padding:24px 0 22px}.mw51-steps-grid{grid-template-columns:1fr;gap:8px}.mw51-step{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;text-align:left;padding:10px 0}.mw51-step-icon{grid-row:1/3;width:46px;height:46px;margin:0}.mw51-step h2{font-size:16px;margin:1px 0 4px}.mw51-step p{max-width:none;margin:0;font-size:14px;line-height:1.42}.mw51-help{padding:18px 0}.mw51-help-inner{width:calc(100% - 40px);grid-template-columns:42px minmax(0,1fr);gap:14px}.mw51-help-icon{width:38px;height:38px}.mw51-help-inner .mw51-btn{grid-column:1/-1}.mw51-help-copy h2{font-size:17px}.mw51-help-copy p{font-size:14px}.mw51-catalog{padding:18px 0 34px}.mw51-catalog .wwof-form-title{font-size:23px!important}}@media(max-width:390px){.mw51-shell,.mw51-catalog-shell,.mw51-help-inner{width:calc(100% - 32px)}.mw51-hero-copy h1,.mw51-hero--member .mw51-hero-copy h1{font-size:30px}.mw51-hero-inner,.mw51-member-inner{padding-top:27px}.mw51-btn{min-height:46px;padding-inline:16px}.mw51-hero-media img{max-width:340px}}

/* =========================================================
   v0.7.53 — Wholesale three-page width contract
   Presentation only. WWOF #75517 remains business-logic owner.
   ========================================================= */
@media (min-width:1181px){
  .mw51-shell,
  .mw51-catalog-shell,
  .mw51-help-inner{
    width:min(1360px,calc(100% - clamp(60px,9.2vw,184px)));
  }
}

.mw51-hero-inner,
.mw51-member-inner{
  width:100%;
  max-width:none;
}
.mw51-hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}
.mw51-member-inner{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.mw51-help-inner{max-width:1360px}
.mw51-catalog-shell{max-width:1360px}

/* Guest WWOF gate aligns to the same page shell instead of a narrow 920px island. */
.mw51-page .macrigi-wwof-order-form .wwof-restricted.macrigi-wholesale-gate-ready{
  width:100%!important;
  max-width:none!important;
  margin:14px 0 18px!important;
}

/* Logged-in WWOF uses the whole Core content width on desktop. */
.mw51-catalog-shell .wwof-order-form,
.mw51-catalog-shell .ant-table-wrapper,
.mw51-catalog-shell .ant-table,
.mw51-catalog-shell .ant-table-container,
.mw51-catalog-shell .ant-table-content,
.mw51-catalog-shell .form-header.wwof-section{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:1024px){
  .mw51-shell,.mw51-catalog-shell,.mw51-help-inner{width:calc(100% - 56px)}
  .mw51-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
  .mw51-step:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 10px);justify-self:center;text-align:center}
}
@media(max-width:767px){
  .mw51-shell,.mw51-catalog-shell,.mw51-help-inner{width:calc(100% - 40px)}
  .mw51-hero-inner,.mw51-member-inner{grid-template-columns:1fr;gap:16px;padding:28px 0 24px}
  .mw51-steps{padding:22px 0 20px}
  .mw51-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mw51-step{display:block;text-align:center;padding:10px 6px}
  .mw51-step:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6px);justify-self:center;text-align:center}
  .mw51-step-icon{width:44px;height:44px;margin:0 auto 8px}
  .mw51-step h2{font-size:15px;margin:0 0 4px}
  .mw51-step p{max-width:240px;margin:0 auto;font-size:13px;line-height:1.38}
  .mw51-help-inner{grid-template-columns:42px minmax(0,1fr);gap:14px}
  .mw51-page .macrigi-wwof-order-form .wwof-restricted.macrigi-wholesale-gate-ready{width:100%!important;margin:10px 0 16px!important}
}
@media(max-width:390px){
  .mw51-shell,.mw51-catalog-shell,.mw51-help-inner{width:calc(100% - 32px)}
  .mw51-steps-grid{gap:10px}
  .mw51-step:last-child:nth-child(odd){width:calc(50% - 5px)}
  .mw51-step{padding-inline:3px}
  .mw51-step-icon{width:40px;height:40px}
  .mw51-step h2{font-size:14px}
  .mw51-step p{font-size:12px;line-height:1.35}
}


/* v0.7.121 — PAGE-SPECIFIC FINAL WIDTH CONTRACT */
@media (min-width:1440px){.mw51-shell,.mw51-catalog-shell,.mw51-help-inner{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:clamp(140px,10vw,190px)!important;margin-right:clamp(140px,10vw,190px)!important;padding-left:0!important;padding-right:0!important}}
@media (min-width:1025px) and (max-width:1439px){.mw51-shell,.mw51-catalog-shell,.mw51-help-inner{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:36px!important;margin-right:36px!important;padding-left:0!important;padding-right:0!important}}
@media (min-width:768px) and (max-width:1024px){.mw51-shell,.mw51-catalog-shell,.mw51-help-inner{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:24px!important;margin-right:24px!important;padding-left:0!important;padding-right:0!important}}
@media (max-width:767px){.mw51-shell,.mw51-catalog-shell,.mw51-help-inner{box-sizing:border-box!important;width:auto!important;max-width:none!important;margin-left:14px!important;margin-right:14px!important;padding-left:0!important;padding-right:0!important}}
@media (max-width:430px){.mw51-shell,.mw51-catalog-shell,.mw51-help-inner{margin-left:11px!important;margin-right:11px!important}}

@media(min-width:768px){.mw51-hero-inner,.mw51-member-inner{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}}

/* v0.7.121 — PAGE-SPECIFIC IPHONE CARD CONTRACT */
@media (max-width:767px){
.mw51-steps-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.mw51-steps-grid > *{min-width:0!important;text-align:center!important}
.mw51-steps-grid > *:nth-child(odd):last-child{grid-column:1/-1!important;width:calc(50% - 6px)!important;justify-self:center!important}
}
@media (max-width:430px){
.mw51-steps-grid{gap:10px!important}
.mw51-steps-grid > *:nth-child(odd):last-child{width:calc(50% - 5px)!important}
}
