.mav-style{display:block;width:100%;min-width:0;color:#2a211a}
.mav-style[hidden]{display:none}
/* Prefer an existing SHOPLINE product group when the app renders one. */
.product-detail__info:has(.plugin-product-group-wrapper) .mav-style{display:none}
.mav-style *{box-sizing:border-box}
.mav-style .mav-style__panel{padding:16px 16px 13px;border:1px solid #e9e3dc;border-radius:10px;background:#faf8f5}
.mav-style .mav-style__heading{display:flex;align-items:center;gap:14px}
.mav-style .mav-style__heading>span{height:1px;flex:1;background:#ded6cc}
.mav-style .mav-style__heading h2{margin:0;font-family:inherit;font-weight:700;letter-spacing:.16em;font-size:12px;line-height:1.3}
.mav-style .mav-style__edit{margin:6px 0 12px;text-align:center;font-size:12px;line-height:1.4;color:#6e6054}
.mav-style .mav-style__list{display:grid;grid-template-columns:repeat(var(--mav-styles),minmax(0,1fr));gap:10px;max-width:340px;margin:0 auto}
.mav-style .mav-style__list:has(>a:nth-child(2):last-child){max-width:170px}
.mav-style .mav-style__card{display:flex;align-items:center;flex-direction:column;min-width:0;text-align:center;color:inherit;text-decoration:none;border-radius:6px;outline-offset:3px}
.mav-style .mav-style__image{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #ddd5cc;border-radius:6px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.mav-style .mav-style__image img{display:block;width:100%;height:100%;object-fit:contain}
.mav-style .mav-style__label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;min-height:30px;font-size:11px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.mav-style .mav-style__current{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#70482f;color:#fff;font:700 11px/1 sans-serif}
.mav-style .mav-style__card[aria-current="page"] .mav-style__image{border-color:#8c583b;box-shadow:0 0 0 2px #8c583b}
.mav-style .mav-style__card[aria-current="page"] .mav-style__label{color:#70482f}
.mav-style .mav-style__card:focus-visible{outline:2px solid #70482f}
@media(hover:hover){.mav-style .mav-style__card:hover .mav-style__image{border-color:#8c583b;box-shadow:0 0 0 1px #8c583b}}
@media(max-width:600px){.mav-style .mav-style__panel{padding:14px 10px 12px}.mav-style .mav-style__list{gap:8px}.mav-style .mav-style__label{font-size:11px;min-height:30px}}
