.pairings-panel[hidden],.pairings-editor-hint[hidden],.pairing-options-fields[hidden],.pairing-card [data-pairing-fallback][hidden]{display:none!important}
.pairings-panel{min-width:0;margin:16px 0 20px;padding:12px;border:1px solid #adc5da;border-radius:13px;background:linear-gradient(#fff,#f0f6fc)}
.pairings-panel .pairings-heading{margin:0 0 10px;font:25px/1.1 PocketPixel,monospace;color:var(--ink)}
.pairings-panel .pairings-message{margin:0 0 10px;font:12px/1.45 Arial,sans-serif;color:#526a7f}
.pairings-list{display:grid;gap:9px;min-width:0}
.pairings-panel .pairing-card.quick-pocket{position:relative;inset:auto;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:9px;margin:0;padding:9px;border:1px solid #c3d5e6;border-radius:10px;background:#fff;min-width:0;overflow:visible}
.pairing-photo{display:block;align-self:start;border-radius:7px;overflow:hidden;background:#f1f4f7}
.detail .pairing-photo>img,.pairing-photo>img,.pairing-photo>svg{display:block;width:64px;height:72px;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;border:0;background:transparent;mix-blend-mode:normal}
.pairing-copy{min-width:0}
.pairing-name{display:block;margin:0 0 2px;font:20px/1.05 PocketPixel,monospace;overflow-wrap:anywhere}
.pairing-name:hover{text-decoration:underline;text-underline-offset:2px}
.pairing-price{display:block;font:13px/1.3 Arial,sans-serif;color:#415d74;margin:3px 0 5px}
.pairings-panel .pairing-card form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0}
.pairing-card .pairing-options{flex:1;min-width:88px;max-width:100%;margin:0;padding:0;border:0}
.pairing-card .pairing-options>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;padding:6px 8px;border:1px solid #a2bad0;border-radius:8px;background:linear-gradient(#fff,#eaf2fb);font:17px/1.05 PocketPixel,monospace;list-style:none;cursor:pointer}
.pairing-options>summary::-webkit-details-marker{display:none}
.pairing-options>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.pairing-options-fields{display:grid;gap:7px;margin:7px 0 0}
.pairing-options-fields label,.pairing-card [data-pairing-fallback] label{display:grid;gap:3px;font:12px/1.2 Arial,sans-serif}
.pairings-panel .pairing-card select{width:100%;min-width:0;min-height:36px;padding:6px;border:1px solid #a2bad0;border-radius:7px;background:#fff;font:16px/1.1 Arial,sans-serif;color:var(--ink)}
.pairing-card select option:disabled{color:#777;background:#ddd}
.pairing-card .pairing-add{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-width:54px;min-height:36px;padding:5px 8px;border:1px solid var(--ink);border-radius:18px;background:linear-gradient(#fff,#f9dfeb 40%,#ec91b9);box-shadow:0 2px 0 #192b5740;color:var(--ink);font:19px/1 PocketPixel,monospace}
.pairing-card .pairing-add>span:first-child{font:22px/1 Arial,sans-serif}
.pairing-card .pairing-add:disabled{background:#d1d1d1;color:#686868;filter:grayscale(1);box-shadow:none;cursor:not-allowed}
.pairings-panel .pairing-card .quick-status{grid-column:1/-1;position:static;inset:auto;max-height:none;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;font:12px/1.35 Arial,sans-serif;overflow-wrap:anywhere;color:#526a7f}
.pairing-card .quick-status:empty{display:none}
.pairing-card .quick-status[role="alert"]{color:#a3333c}
.pairings-editor-hint{margin:8px auto;padding:10px;max-width:700px;border:1px dashed #839fbb;background:#f3f8ff;color:#526a7f;font:13px/1.4 Arial,sans-serif}
.bag-drawer .pairings-panel{margin:12px 0 16px}
.free-shipping .pairings-panel{margin:12px 0 0;padding:12px 0 0;border:0;border-top:1px solid #b7cadc;border-radius:0;background:transparent}
.pairing-card .pairing-add{margin-inline-start:auto}
.bag-row>.bag-item-image{display:block;flex:none;width:clamp(76px,28%,120px);border-radius:14px;overflow:hidden}
.bag-row>.bag-item-image>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.bag-item-image:focus-visible{outline:2px solid #315f8a;outline-offset:3px}
@media(pointer:coarse){.pairing-card .pairing-add,.pairing-card .pairing-options>summary,.pairings-panel .pairing-card select{min-height:44px}}
@media(max-width:360px){.pairings-panel{padding:8px}.pairings-panel .pairing-card.quick-pocket{grid-template-columns:54px minmax(0,1fr);gap:7px;padding:7px}.detail .pairing-photo>img,.pairing-photo>img,.pairing-photo>svg{width:54px;height:64px}.pairing-name{font-size:18px}.pairing-add-text{display:none}.pairing-card .pairing-add{min-width:40px}}