.tcsc{--tcsc-bg:#162d52;--tcsc-fg:#fff;--tcsc-border:#162d52;--tcsc-radius:8px}
.tcsc--outline{--tcsc-bg:transparent;--tcsc-fg:#162d52}
.tcsc--pill{--tcsc-radius:100px}
.tcsc--gradient{--tcsc-bg:linear-gradient(120deg,#162d52,#36c5f3);--tcsc-border:transparent}
.tcsc--soft{--tcsc-bg:#eaf7ff;--tcsc-fg:#162d52;--tcsc-border:transparent}
.tcsc .single_add_to_cart_button,.tcsc .tcsc-view{display:inline-flex;align-items:center;justify-content:center;gap:9px;float:none;vertical-align:middle;box-sizing:border-box;min-height:48px;padding:14px 26px;border:1px solid var(--tcsc-border);border-radius:var(--tcsc-radius);background:var(--tcsc-bg);color:var(--tcsc-fg);font:inherit;font-weight:600;line-height:1.25;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.tcsc .single_add_to_cart_button:hover,.tcsc .tcsc-view:hover{transform:translateY(-2px);box-shadow:0 6px 18px #162d5226}
.tcsc .single_add_to_cart_button:focus-visible,.tcsc .tcsc-view:focus-visible{outline:3px solid #36c5f3;outline-offset:3px}
.tcsc .single_add_to_cart_button:disabled{opacity:.6;cursor:wait;transform:none}
.tcsc .tcsc-view{display:none}
.tcsc.tcsc-done .tcsc-view{display:inline-flex}
.tcsc.tcsc-done[data-mode="replace"] .single_add_to_cart_button{display:none!important}
.tcsc.tcsc-no-qty .quantity{display:none!important}
.tcsc form.cart{margin:0 0 10px;display:block}
.tcsc .quantity{display:inline-block;float:none;margin:0 10px 8px 0;vertical-align:middle}
.tcsc input.qty{width:76px;min-height:48px;padding:10px;border:1px solid #d7dce3;border-radius:8px;text-align:center;box-sizing:border-box}
.tcsc[data-mode="below"] .tcsc-view{margin-top:12px}
.tcsc-icon{display:inline-flex;font-size:18px;line-height:1}
.tcsc-icon svg{width:1em;height:1em;fill:currentColor}
.tcsc-status{font-size:14px;color:#36536a;margin-top:12px;line-height:1.6}
.tcsc-status:empty{display:none}
.tcsc .variations{width:100%;margin-bottom:16px}
@media(prefers-reduced-motion:reduce){.tcsc .single_add_to_cart_button,.tcsc .tcsc-view{transition:none;transform:none}}

/* Reference layout: label on left, underlined stepper, purchase button below. */
.tcsc .quantity.tcsc-quantity{display:flex;align-items:center;justify-content:flex-start;gap:20px;width:100%;margin:0 0 15px;float:none}
.tcsc-quantity-label{font-size:13px;letter-spacing:1px;color:#555;flex-shrink:0}
.tcsc .tcsc-stepper{display:inline-flex;align-items:center;justify-content:space-between;width:170px;max-width:100%;min-width:0;border-bottom:1px solid #333;padding-bottom:10px}
.tcsc .tcsc-stepper input.qty{appearance:textfield;-moz-appearance:textfield;flex:1;min-width:0;width:65px;min-height:40px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:8px 0;font-size:14px;color:#444;text-align:center}
.tcsc input.qty::-webkit-inner-spin-button,.tcsc input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tcsc .tcsc-step{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:40px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#777;font-size:24px;line-height:1;box-shadow:none;cursor:pointer}
.tcsc .tcsc-step:hover{color:#222;background:transparent}
.tcsc .tcsc-step:disabled{opacity:.4;cursor:default}
.tcsc .tcsc-step:focus-visible{outline:2px solid #36c5f3;outline-offset:2px}
.tcsc.tcsc-done .quantity{display:none!important}
.tcsc[aria-busy="true"] .tcsc-step{pointer-events:none;opacity:.4}
.tcsc .quantity > .plus,.tcsc .quantity > .minus{display:none!important}