.twk-st{margin:16px 0;padding:0;font-size:13px}
.twk-st .st-title{margin:0 0 8px;font-size:17px}
.twk-st .st-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.twk-st .st-table{width:max-content !important;min-width:0 !important;max-width:100%;border-collapse:collapse;background:#fff;border:1px solid #c9c9c9}
.twk-st .st-table th,.twk-st .st-table td{padding:4px 16px;width:auto;border:1px solid #c9c9c9;text-align:left;vertical-align:middle;white-space:nowrap}
.twk-st .st-table thead th{background:#2b2b2b;color:#fff;font-weight:700;border:1px solid #2b2b2b}
.twk-st .st-c-num{text-align:right}
.twk-st .st-c-mid{text-align:center}
.twk-st .st-c-qty{text-align:right;width:auto}
.twk-st .st-table th.st-c-qty,.twk-st .st-table td.st-c-qty{padding-left:22px;padding-right:22px}
.twk-st .st-c-img img{width:36px;height:auto;display:block}
.twk-st .st-dot{display:inline-block;width:12px;height:12px;border-radius:50%}
.twk-st .st-ok{background:#2e9e4f}
.twk-st .st-no{background:#d33}
.twk-st .st-warn{background:#f0a020}
.twk-st .st-avail-txt{color:#555;margin-left:4px}
.twk-st .st-unavailable{opacity:.55}
.twk-st .st-stepper{display:inline-flex;align-items:center;gap:3px}
.twk-st .st-qty{width:46px;padding:4px 3px;border:1px solid #777;border-radius:4px;color:#111;font-size:14px;text-align:center;-moz-appearance:textfield}
.twk-st .st-qty::-webkit-outer-spin-button,.twk-st .st-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.twk-st .st-qty.st-has{background:#fff;border:1px solid #777;color:#000;font-weight:700}
.twk-st .st-step{min-width:30px;padding:4px 5px;border:1px solid #999;border-radius:4px;background:#eee;color:#222;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
.twk-st .st-step.st-minus{background:#fdecea;border-color:#d9534f;color:#b71c1c}
.twk-st .st-step.st-plus{background:#e6f4ea;border-color:#43a047;color:#1b5e20}
.twk-st .st-step:hover:not([disabled]){filter:brightness(.94)}
.twk-st .st-step[disabled]{opacity:.45;cursor:not-allowed}
.twk-st .st-sum{display:none !important;font-size:12px;font-weight:600;color:#1b5e20;min-height:0;margin-top:1px}
.twk-st .st-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;width:max-content;max-width:100%;margin-top:8px}
.twk-st .st-total{font-size:15px;color:#111}
.twk-st .st-total-qty{color:#666;font-size:12px}
.twk-st .st-add[disabled]{opacity:.5;cursor:not-allowed}
.twk-st .st-add,.twk-st button.st-add{background:#ffc700 !important;border-color:#ffc700 !important;color:#000 !important}
.twk-st .st-add:hover:not([disabled]){background:#1c1c1c !important;border-color:#1c1c1c !important;color:#fff !important}
.twk-st .st-msg{margin-top:10px;font-size:14px}
.twk-st .st-msg.st-err{color:#b00020}
.twk-st .st-msg.st-okmsg{color:#1d7a3a}
@media (max-width:767px){.twk-st.st-hide-mobile{display:none}.twk-st .st-table th,.twk-st .st-table td{padding:4px 6px}}
@media (min-width:768px) and (max-width:1024px){.twk-st.st-hide-tablet{display:none}}

.st-chips{margin:8px 0 4px}
.st-chips .st-chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.st-chips .st-chip{display:inline-block;min-width:30px;padding:3px 7px;border:1px solid #1c1c1c;border-radius:4px;background:#fff;color:#1c1c1c;font-size:12px;line-height:1.3;text-align:center;text-decoration:none;white-space:nowrap}
.st-chips .st-chip:hover{background:#ffc700;border-color:#ffc700;color:#000}
.st-chips .st-chip-order{border-style:dashed;color:#666;border-color:#999}
.st-chips .st-dot-chip{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #bbb;box-shadow:0 0 0 2px #fff inset}
.st-chips .st-dot-chip:hover{outline:2px solid #ffc700}
.st-chips .st-chip{padding:4px 9px;font-size:13px}

/* tabela zastepuje natywny wybor wariantow */
@media (min-width:1025px){body.twk-st-active form.variations_form,body.twk-st-active .single_variation_wrap{display:none !important}}
@media (min-width:768px) and (max-width:1024px){body.twk-st-active:not(.twk-st-keep-native-tablet) form.variations_form,body.twk-st-active:not(.twk-st-keep-native-tablet) .single_variation_wrap{display:none !important}}
@media (max-width:767px){body.twk-st-active:not(.twk-st-keep-native-mobile) form.variations_form,body.twk-st-active:not(.twk-st-keep-native-mobile) .single_variation_wrap{display:none !important}}

.product-caption-bottom > .st-chips,.product-caption-bottom .st-chips{flex:0 0 100%;width:100%;margin-top:10px}
.product-caption-bottom{flex-wrap:wrap}

/* chipsy zastepuja przyciski wariantow motywu na kartach */
.product-caption .axetor-archive-variation,.product-caption .axetor_variations_form{display:none !important}
.st-chips .st-chip{font-size:13px}

/* wieksze odstepy miedzy chipsami rozmiarow */
.st-chips{display:flex;flex-wrap:wrap;gap:10px 12px !important;margin:12px 0 6px}
.st-chips .st-chip{margin:0}

/* chipsy ~2x mniejsze, z odstepem zeby ramki sie nie stykaly */
.st-chips{gap:6px 7px !important;margin:10px 0 4px}
.st-chips .st-chip{min-width:18px !important;padding:2px 5px !important;font-size:10px !important;line-height:1.3 !important;border-radius:3px !important}

/* korekta: chipsy w normalnym rozmiarze, odstepy 2x mniejsze niz wczesniej (12/10 -> 6/5 px) */
.st-chips{gap:5px 6px !important;margin:12px 0 6px}
.st-chips .st-chip{min-width:30px !important;padding:4px 9px !important;font-size:13px !important;line-height:1.3 !important;border-radius:4px !important}