.axs{margin:16px 0}
.axs-qty{margin:0 0 12px;padding:9px 12px;background:#fff8e1;border:1px solid #ffe0a3;border-radius:6px;font-size:.9rem}
.axs-box{border:1px solid #e6e6e6;border-radius:8px;padding:14px 16px;background:#fcfcfc}
.axs-title{margin:0 0 10px;font-size:1rem;font-weight:700}
.axs-list{list-style:none;margin:0;padding:0}
.axs-item+.axs-item{border-top:1px solid #efefef}
.axs-row{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer}
.axs-check{width:18px;height:18px;flex:0 0 auto;cursor:pointer}
.axs-img{width:46px;height:46px;object-fit:cover;border-radius:4px;flex:0 0 auto}
.axs-name{flex:1;font-size:.9rem;line-height:1.35}
.axs-name a{color:inherit;text-decoration:none}
.axs-name a:hover{text-decoration:underline}
.axs-img[data-ps-action="open-quickview"]{cursor:zoom-in}
.axs-img[data-ps-action="open-quickview"]:hover{outline:2px solid var(--bs-border-color);outline-offset:1px}
.axs-price{font-weight:700;font-size:.9rem;white-space:nowrap}
.axs-msg{margin:10px 0 0;font-size:.85rem;color:#2e7d32}
.axs-msg[hidden]{display:none}
.axs-row.is-busy{opacity:.55;pointer-events:none}
.axs-hint{margin:10px 0 0;font-size:.82rem;color:#666;font-style:italic}
.axs-hint[hidden]{display:none}
.axs-choices{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 10px 30px}
.axs-choice{display:flex;align-items:center;gap:6px}
.axs-choice__label{margin:0;font-size:.8rem;color:#666}
.axs-select{width:auto;min-width:96px;font-size:.85rem;padding:4px 26px 4px 8px;height:auto}
.axs-item--requires .axs-select{border-color:#c62828;box-shadow:0 0 0 1px rgba(198,40,40,.2)}
.axs-item-msg{margin:0 0 10px 30px;font-size:.82rem;color:#c62828}
.axs-item-msg[hidden]{display:none}
.axs-item--added{opacity:.6}
.axs-item{transition:background-color .35s ease}
.axs-item--picked{background:var(--bs-tertiary-bg)}
.quickview__footer .axs-pick{margin-inline-start:auto}
@media (prefers-reduced-motion: reduce){.axs-item{transition:none}}
.axs-modal-block{margin-top:14px;padding-top:12px;border-top:1px solid #e6e6e6}
.axs-modal-title{margin:0 0 8px;font-weight:700;font-size:.9rem}
.axs-modal-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#f7f9fa;
  border:1px solid #e4eaee;border-radius:5px;margin-bottom:6px}
.axs-modal-img{width:40px;height:40px;object-fit:cover;border-radius:3px;flex:0 0 auto}
.axs-modal-name{flex:1;font-size:.85rem;line-height:1.25}
.axs-modal-variant{display:block;font-size:.78rem;color:#666}
.axs-modal-price{font-weight:700;font-size:.85rem;white-space:nowrap}
.axs-modal{margin-top:14px;padding-top:12px;border-top:1px solid #e6e6e6}
.axs-modal__title{margin:0 0 4px;font-weight:700;font-size:.9rem}
.axs-modal__list{list-style:none;margin:0;padding:0}
.axs-modal__item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;
  column-gap:12px;row-gap:6px;align-items:start;padding:10px 0}
.axs-modal__item+.axs-modal__item{border-top:1px solid #efefef}
.axs-modal__img{grid-column:1;grid-row:1 / span 2;width:52px;height:52px;object-fit:cover;border-radius:4px}
.axs-modal__name{grid-column:2;grid-row:1;font-size:.85rem;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.axs-modal__name a{color:inherit;text-decoration:none}
.axs-modal__name a:hover{text-decoration:underline}
.axs-modal__price{grid-column:3;grid-row:1;font-weight:700;font-size:.9rem;white-space:nowrap;text-align:right}
.axs-modal .axs-choices{grid-column:2;grid-row:2;padding:0;gap:8px}
.axs-modal__action{grid-column:3;grid-row:2;text-align:right}
.axs-modal__btn{white-space:nowrap}
.axs-modal .axs-item-msg{grid-column:2 / span 2;grid-row:3;margin:0}
.axs-modal__ok{font-size:.85rem;font-weight:700;color:#2e7d32;white-space:nowrap}
.axs-modal__ok[hidden]{display:none}
.axs-modal__item--added{opacity:.65}
.axs-modal__item--added .axs-modal__btn,
.axs-modal__item--added .axs-choices{display:none}
@media (max-width:575px){
  .axs-choices{padding-left:0}
  .axs-item-msg{margin-left:0}
.axs-modal__item{grid-template-columns:44px minmax(0,1fr) auto;row-gap:8px}
  .axs-modal__img{width:44px;height:44px}
  .axs-modal .axs-choices{grid-column:2 / span 2;grid-row:2}
.axs-modal__action{grid-column:2 / span 2;grid-row:3;text-align:left}
  .axs-modal__btn{width:100%}
  .axs-modal .axs-item-msg{grid-column:2 / span 2;grid-row:4}
}