.arkano-qa{width:100%;display:flex;flex-direction:column;gap:8px}
.arkano-qa-variations{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.arkano-qa-variation{appearance:none;-webkit-appearance:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:46px;min-height:36px;padding:7px 10px;background:#fff;color:#111;border:1px solid #ddd;border-radius:8px;cursor:pointer;line-height:1.1;transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease}
.arkano-qa-variation:not(.is-disabled):hover{border-color:#111}
.arkano-qa-variation.is-selected{background:#111;color:#fff;border-color:#111}
.arkano-qa-variation.is-disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.arkano-qa-variation-label{display:block}
.arkano-qa-variation-sub{display:block;margin-top:4px;font-size:10px;opacity:.72;white-space:nowrap}
.arkano-qa-price{line-height:1.2}
.arkano-qa-actions{display:flex;align-items:stretch;justify-content:flex-start;gap:6px;width:100%;flex-wrap:wrap}
.arkano-qa-qty{display:flex;align-items:center;justify-content:center;overflow:hidden;width:104px;flex:0 0 104px;min-height:40px;background:#f2f2f2;border:1px solid #e1e1e1;border-radius:8px}
.arkano-qa-qty button,.arkano-qa-qty input{appearance:none;-webkit-appearance:none;border:0;background:transparent;box-shadow:none;outline:none;color:#111;height:40px;min-height:40px;padding:0}
.arkano-qa-qty button{width:30px;flex:0 0 30px;cursor:pointer;font-size:18px;line-height:1}
.arkano-qa-qty input{width:auto;min-width:0;flex:1 1 auto;text-align:center;font-size:14px;-moz-appearance:textfield}
.arkano-qa-qty input::-webkit-outer-spin-button,.arkano-qa-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.arkano-qa-button{appearance:none;-webkit-appearance:none;width:160px;flex:0 0 160px;height:40px;min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:#111;color:#fff;cursor:pointer;transition:background-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}
.arkano-qa-button:not(:disabled):hover{background:#27C74C;color:#111}
.arkano-qa-button:disabled{opacity:.45;cursor:not-allowed}
.arkano-qa-button.is-loading{pointer-events:none;opacity:.65}
.arkano-qa-button.is-added{background:#27C74C;color:#111}
.arkano-qa-message{display:none;font-size:12px;line-height:1.3}
.arkano-qa-message.is-error{display:block}