/* Approved retailer invitation: inset brand off-white panel. */
.retail-invitation { padding:0 0 clamp(72px, 7vw, 104px); background:#fff; color:#000; }
.retail-invitation .retail-composition { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; width:min(100% - 112px,1328px); margin-inline:auto; background:#F5F0E6; padding:56px; gap:36px; }
.retail-invitation .retail-copy { grid-column:1; grid-row:1; text-align:left; padding:0 24px 0 0; }
.retail-invitation .v2-title { font-size:56px; max-width:none; }
.retail-invitation .retail-visual { grid-column:2; grid-row:1; margin:0; min-width:0; }
.retail-invitation .retail-visual img { display:block; width:100%; height:auto; }
.retail-invitation .retail-offer { font-size:20px; line-height:1.5; margin:28px 0 0; }
.retail-invitation .retail-conversion { margin-top:32px; }
.retail-invitation .retail-conversion p { font-size:13px; color:#666; margin:12px 0 0; }
.retail-invitation .v2-button { background:#000; border-color:#000; color:#fff; padding-inline:30px; }
.retail-invitation .v2-button:hover { background:#B94C3B; border-color:#B94C3B; }
.retail-invitation a:focus-visible { outline:2px solid #98901f; outline-offset:4px; }
/* Existing wording with clearer visual hierarchy. */
.retail-invitation .retail-wholesale { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr 1.4fr; border-top:1px solid #d8d8d2; padding:28px 0 0; margin:8px 0 0; gap:32px; font-size:24px; font-weight:500; letter-spacing:-.03em; line-height:1.3; color:#111; }
.retail-invitation .retail-wholesale small { display:block; margin-top:8px; font-size:14px; font-weight:400; letter-spacing:0; line-height:1.5; color:#444; }

@media (max-width: 700px) {
  .retail-invitation { padding-bottom: 56px; }
  .retail-invitation .retail-composition {
    width: calc(100% - 40px);
    grid-template-columns: minmax(0, 1fr);
    padding: 28px 24px;
    gap: 26px;
  }
  .retail-invitation .retail-visual { grid-column: 1; grid-row: 1; }
  .retail-invitation .retail-copy { grid-column: 1; grid-row: 2; padding: 0; }
  .retail-invitation .v2-title { font-size: clamp(36px, 10vw, 48px); }
  .retail-invitation .retail-offer { font-size: 18px; margin-top: 18px; }
  .retail-invitation .retail-conversion { margin-top: 24px; }
  .retail-invitation .retail-wholesale {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding-top: 22px;
    margin-top: 0;
    font-size: 19px;
  }
}
