.accessory-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}
.accessory-catalog,.accessory-layout aside{min-width:0}
#accessory-search{flex:1;min-width:160px}#accessory-category{width:auto;max-width:100%}
#accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.accessory-tile{min-width:0;border:1px solid #d8deda;border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:7px}
.accessory-tile>img{width:100%;aspect-ratio:1;object-fit:contain;background:#f1f3f2}
.accessory-tile h6{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.accessory-tile>small{font-size:11px;color:#64766d;overflow-wrap:anywhere}
.accessory-price{font-size:13px;color:#235448}.accessory-source{font-size:11px;overflow-wrap:anywhere}.accessory-tile .accessory-add-row{margin-top:auto}
.accessory-add-row{display:flex;align-items:center;gap:6px;margin-top:auto}
.accessory-add-row input{width:64px;min-width:0;flex-shrink:0}.accessory-add-row button{white-space:normal;min-height:34px}
#accessory-selected{max-height:60vh;overflow:auto}.accessory-selected-item{display:flex;align-items:start;gap:8px;padding:10px 0;border-bottom:1px solid #d8deda}
.accessory-selected-item>img{width:54px;height:54px;object-fit:contain;flex-shrink:0}.accessory-selected-item>div{min-width:0;flex:1}
.accessory-selected-item span,.accessory-selected-item small{display:block;overflow-wrap:anywhere}.accessory-selected-item span{font-size:13px}.accessory-selected-item small{font-size:11px;color:#64766d}
#accessory-badge{font-size:12px;margin-left:4px}
.catalogue-accessory-row{display:grid;grid-template-columns:54px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #d8deda}
.catalogue-accessory-row>img{width:54px;height:54px;object-fit:contain}.catalogue-accessory-row small{display:block;color:#64766d;overflow-wrap:anywhere}.catalogue-accessory-row strong{font-size:14px;overflow-wrap:anywhere}
@media(max-width:767.98px){.accessory-layout{grid-template-columns:minmax(0,1fr);gap:16px}#accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accessory-layout aside{border-top:1px solid #d8deda;padding-top:14px}#accessory-selected{max-height:240px}}