/* Loaded only on Ship2Buy; desktop retains its original presentation. */
@media (max-width:1024px) and (orientation:portrait) {
  .ais-mobile-v1 .ais-buy-vessel .ais-buy-offers:has(> .ais-buy-offer-prompt) {
    background:#fffaf0;
    border-color:#dcc995;
    padding:0;
  }
  .ais-mobile-v1 .ais-buy-vessel .ais-buy-offers > .ais-buy-offer-prompt {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 18px;
    align-items:center;
    gap:10px;
    min-height:126px;
    padding:12px;
    box-sizing:border-box;
    white-space:normal;
    color:#123c53;
  }
  .ais-buy-offer-prompt-icon {
    display:grid;
    place-items:center;
    width:44px;
    height:52px;
    border-radius:10px;
    background:#f5e8bf;
  }
  .ais-buy-offer-prompt-icon .v4-icon {width:28px;height:28px}
  .ais-buy-offer-prompt-copy {display:flex;flex-direction:column;gap:6px;min-width:0}
  .ais-buy-offer-prompt-title {font-size:17px;line-height:1.2;font-weight:750}
  .ais-buy-offer-prompt-subtitle {font-size:12px;line-height:1.4;font-weight:400;color:#4d626e}
  .ais-buy-offer-prompt-footer {font-size:11px;line-height:1.35;font-weight:600;color:#785f28}
  .ais-mobile-v1 .ais-buy-vessel .ais-buy-offers > .ais-buy-offer-prompt::after {
    content:'';
    justify-self:center;
    width:10px;
    height:10px;
    border:solid #123c53;
    border-width:0 3px 3px 0;
    transform:rotate(45deg);
  }
  .ais-mobile-v1 .ais-buy-vessel .ais-buy-offers[open] > .ais-buy-offer-prompt::after {transform:rotate(225deg)}
  .ais-mobile-v1 .ais-buy-vessel .v4-tab.ais-buy-offers-tab {flex:0 0 auto;padding-inline:10px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .ais-buy-offers:has(> .ais-buy-offer-prompt) {padding:0}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .ais-buy-offers > .ais-buy-offer-prompt {min-height:82px;padding:10px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .ais-buy-offer-prompt-copy {gap:4px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-chips {flex-wrap:wrap;overflow:visible;}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-chips>span {flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-chips>span span {min-width:0;overflow-wrap:anywhere;}
}

/* Design 2: compact Buy drawer only; keep the map viewport and fixed bars intact. */
@media (max-width:1024px) and (orientation:portrait) {
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-photo {
    /* 75% of the shared 16:9 photo height, with the same responsive cap. */
    width:100%;
    aspect-ratio:64/27;
    max-height:min(187.5px,22.5dvh);
  }
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-photo > img:not(.v4-watermark) {
    object-fit:contain;
    object-position:center;
  }
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel > .v3-photo-toolbar {padding-block:5px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-identity {padding:5px 0 4px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-specs {margin:2px 0 4px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-specs > div {padding-block:5px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .v4-chips {margin-bottom:4px}
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .ais-buy-offers > .ais-buy-offer-prompt {
    min-height:74px;
    padding:8px 10px;
  }
  .ais-mobile-v1 .v4-B.v4-compact-drawer.ais-buy-vessel .ais-buy-offer-prompt-icon {height:44px}
}
