.accessory-groups{grid-template-columns:repeat(4,1fr);gap:14px;margin:32px 0;display:grid}.accessory-groups button{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;gap:10px;padding:24px;display:grid;position:relative}.accessory-groups button[aria-pressed=true]{color:#fff;border-color:var(--blue);background:#182e50}.accessory-groups button>span{opacity:.6;font-size:12px}.accessory-groups strong{font-size:23px}.accessory-groups svg{position:absolute;top:23px;right:20px}.accessory-placeholder{color:#6b726b;background:#f3f2ee;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;min-height:240px;display:flex}.accessory-detail{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px;margin-top:32px}.accessory-hero-photo{background:#fff;border-radius:20px;align-self:start;overflow:hidden}.accessory-hero-photo img{aspect-ratio:1;object-fit:contain;width:100%;padding:40px}.accessory-choice{margin:24px 0}.accessory-choice select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;max-width:100%;padding:12px 14px;font-size:13px}.accessory-actions{flex-wrap:wrap;gap:12px;display:flex}.accessory-box-content{border-top:1px solid #2b303b;border-bottom:1px solid #2b303b}.accessory-box-content h3{letter-spacing:0;margin:0;padding:21px 0 8px;font-size:12px;font-weight:500}.accessory-box-content p{margin:0;padding-bottom:15px;font-size:12px;line-height:1.8}@media (max-width:800px){.accessory-groups{grid-template-columns:repeat(2,1fr)}.accessory-detail{display:block}.accessory-detail .detail-info{margin-top:30px}}