.mits-accessory-root{font-family:Verdana,Arial,Helvetica,sans-serif;margin:16px 0;padding:14px;border:1px solid #d8e1dc;border-radius:8px;background:#f9fbfa;color:#30383d;clear:both}
.mits-accessory-group+.mits-accessory-group{margin-top:15px;padding-top:14px;border-top:1px solid #e0e7e3}
.mits-accessory-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.mits-accessory-heading strong{font-size:14px;color:#3f6653}.mits-accessory-heading span{font-size:10px;color:#7c888d}
.mits-accessory-description{font-size:11px;line-height:1.5;color:#69767c;margin:-2px 0 8px}.mits-accessory-select{width:100%;max-width:620px;padding:8px;border:1px solid #c6d1cc;border-radius:5px;background:#fff;font:12px Verdana,Arial,sans-serif}
.mits-accessory-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}.mits-accessory-item{position:relative;display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #d3ddd8;border-radius:7px;background:#fff;cursor:pointer;min-width:0}.mits-accessory-item:hover{border-color:#9fb7aa}.mits-accessory-item>input{margin-top:4px;flex:0 0 auto}.mits-accessory-image{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex:0 0 64px}.mits-accessory-image img{max-width:64px;max-height:64px;object-fit:contain}.mits-accessory-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.mits-accessory-title{font-weight:bold;font-size:11px;color:#37464c}.mits-accessory-short{font-size:10px;color:#69767c;line-height:1.4}.mits-accessory-price{font-size:12px;color:#3f6653}.mits-accessory-legal{font-size:9px;color:#7c888d;line-height:1.3}.mits-accessory-details{font-size:10px;color:#567b67;text-decoration:underline}.mits-accessory-item.is-disabled{display:none}.mits-accessory-select option[disabled]{color:#999}
@media(max-width:640px){.mits-accessory-items{grid-template-columns:1fr}.mits-accessory-root{padding:11px}}
.mits-accessory-vpe{display:block;font-size:.78em;opacity:.78;margin-top:2px}
.mits-accessory-meta{display:block}.mits-accessory-dropdown-details{margin-top:7px}.mits-accessory-dropdown-detail{padding:8px 10px;border:1px solid #dce5e0;border-radius:6px;background:#fafcfb}.mits-accessory-product-info{margin-top:5px;font-size:.78em}.mits-accessory-product-info summary{cursor:pointer;text-decoration:underline}.mits-accessory-product-info-body{padding:5px 0;line-height:1.45}.mits-accessory-product-info-body>div{margin:2px 0}

.mits-accessory-none{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px dashed #ccd8d2;border-radius:7px;background:#f7faf8;cursor:pointer;font-size:10px;color:#5f6d73}.mits-accessory-none input{margin:0}.mits-accessory-none span{font-weight:normal}

.mits-accessory-action{display:inline-block;margin-top:4px;font-size:10px;font-weight:bold;color:#527962}
.mits-accessory-image .mits-accessory-zoom{display:flex;width:100%;height:100%;align-items:center;justify-content:center;cursor:zoom-in}.mits-accessory-image .mits-accessory-zoom img{transition:transform .15s ease}.mits-accessory-image .mits-accessory-zoom:hover img{transform:scale(1.04)}

/* beta7: optional accordions, scrollable groups and customer quantity input */
.mits-accessory-group.is-accordion{padding:0;border-top:0!important}
.mits-accessory-group.is-accordion+.mits-accessory-group{margin-top:12px;padding-top:0}
.mits-accessory-summary{list-style:none;cursor:pointer;margin:0;padding:11px 12px;border:1px solid #d6e0db;border-radius:7px;background:#f5f9f7;user-select:none}
.mits-accessory-summary::-webkit-details-marker{display:none}
.mits-accessory-summary:after{content:'+';margin-left:auto;font-size:16px;color:#668f78;font-weight:bold}
.mits-accessory-group[open]>.mits-accessory-summary:after{content:'−'}
.mits-accessory-group-body{padding:10px 2px 2px}
.mits-accessory-items.is-scrollable{max-height:var(--mits-accessory-max-height,360px);overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-gutter:stable}
.mits-accessory-qty-wrap{display:block;margin-top:6px;font-size:10px;color:#5d696f}
.mits-accessory-qty-wrap label{display:inline-flex;align-items:center;gap:6px;font-weight:bold}
.mits-accessory-qty{width:68px!important;padding:5px 6px;border:1px solid #c6d1cc;border-radius:5px;background:#fff;font:11px Verdana,Arial,sans-serif}

/* beta8: clearer compact lists, dropdown image details and accordion arrow */
.mits-accessory-checkboxes .mits-accessory-items{display:flex;flex-direction:column;gap:6px}
.mits-accessory-checkboxes .mits-accessory-item,.mits-accessory-checkboxes .mits-accessory-none{width:100%;max-width:none}
.mits-accessory-checkboxes .mits-accessory-item{padding:8px 10px;align-items:center}
.mits-accessory-checkboxes .mits-accessory-copy{gap:2px}
.mits-accessory-dropdown-layout{display:flex;align-items:flex-start;gap:10px;min-width:0}
.mits-accessory-dropdown-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:4px}
.mits-accessory-dropdown-title{font-weight:bold;font-size:11px;color:#37464c}
.mits-accessory-image.is-dropdown{width:72px;height:72px;flex-basis:72px}
.mits-accessory-image.is-dropdown img{max-width:72px;max-height:72px}
.mits-accessory-summary{align-items:center}
.mits-accessory-summary:after{content:'\25B6';font-size:11px;line-height:1;margin-left:auto;color:#668f78;font-weight:normal;transform:rotate(0deg);transition:transform .15s ease}
.mits-accessory-group[open]>.mits-accessory-summary:after{content:'\25B6';transform:rotate(90deg)}
@media(max-width:480px){.mits-accessory-dropdown-layout{gap:8px}.mits-accessory-image.is-dropdown{width:58px;height:58px;flex-basis:58px}.mits-accessory-image.is-dropdown img{max-width:58px;max-height:58px}}