/* Mates Pins: dropdown checkout. Shared by the homepage Shop and /pins/. */
.pin-buy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; align-items:stretch; margin-top:28px; text-align:left; color:#0B0B0B; }
.pin-buy-photo { margin:0; border-radius:18px; overflow:hidden; background:#F4F4F2; aspect-ratio:1 / 1; }
.pin-buy-photo img { width:100%; height:100%; object-fit:contain; display:block; }
.pin-buy-panel { display:flex; flex-direction:column; justify-content:center; gap:16px; background:#FFFFFF; border:1px solid #DCDCD8; border-radius:18px; padding:28px; }
.pin-buy-label { font-size:12px; font-weight:800; letter-spacing:.24em; text-transform:uppercase; color:#0F3D7A; }
.pin-buy-select { position:relative; }
.pin-buy-select select { -webkit-appearance:none; appearance:none; width:100%; min-height:58px; padding:0 52px 0 18px; border:2px solid #0B0B0B; border-radius:12px; background:#FFFFFF; color:#0B0B0B; font:700 17px/1.2 'Archivo','Helvetica Neue',Arial,sans-serif; cursor:pointer; }
.pin-buy-select select:focus-visible { outline:3px solid #5B9BFF; outline-offset:3px; }
.pin-buy-select svg { position:absolute; right:18px; top:50%; transform:translateY(-50%); pointer-events:none; }
.pin-buy-price { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }
.pin-buy-price b { font-family:'Archivo Black','Arial Black',sans-serif; font-weight:400; font-size:56px; line-height:1; letter-spacing:-.02em; }
.pin-buy-save { background:#0F3D7A; color:#FFFFFF; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; padding:6px 10px; border-radius:999px; }
.pin-buy-hint { color:#5A5A5A; font-size:14px; }
.pin-buy-btn { display:flex; align-items:center; justify-content:center; gap:10px; min-height:58px; border-radius:12px; background:#0F3D7A; color:#FFFFFF !important; text-decoration:none; font:800 14px/1 'Archivo','Helvetica Neue',Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; transition:background .2s; }
.pin-buy-btn:hover { background:#0A2A55; }
.pin-buy-btn:focus-visible, .pin-buy-cart:focus-visible { outline:3px solid #5B9BFF; outline-offset:3px; }
.pin-buy-cart { min-height:52px; border-radius:12px; border:2px solid #0B0B0B; background:#FFFFFF; color:#0B0B0B; font:800 13px/1 'Archivo','Helvetica Neue',Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }
.pin-buy-cart:hover { background:#0B0B0B; color:#FFFFFF; }
.pin-buy-points { list-style:none; margin:4px 0 0; padding:0; display:grid; gap:8px; font-size:14px; color:#3A3A3A; }
.pin-buy-points li { position:relative; padding-left:26px; }
.pin-buy-points li::before { content:''; position:absolute; left:2px; top:5px; width:12px; height:7px; border-left:2.5px solid #0F3D7A; border-bottom:2.5px solid #0F3D7A; transform:rotate(-45deg); }
@media (max-width:760px) {
  .pin-buy { grid-template-columns:1fr; gap:16px; }
  .pin-buy-photo { aspect-ratio:4 / 3; }
  .pin-buy-panel { padding:22px 18px; }
  .pin-buy-price b { font-size:46px; }
}