.ctp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex-basis:100%;width:100%;margin:0 0 12px}.ctp-cards .ctp-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:76px;padding:12px 5px;background:#fff;color:#333;border:1px solid #ddd;border-radius:0;box-shadow:none;text-transform:none;font-weight:400;font-size:14px;line-height:1.4;cursor:pointer}.ctp-cards .ctp-card:hover,.ctp-cards .ctp-card.is-active{border-color:#222;background:#f7f7f7}.ctp-card strong{font-size:12px;font-weight:600}.ctp-status{width:100%;flex-basis:100%;margin:0 0 14px;font-size:13px;color:#555}@media(max-width:480px){.ctp-cards{gap:6px}.ctp-cards .ctp-card{font-size:11px;padding:10px 2px;min-height:70px}.ctp-card strong{font-size:11px}}
.ctp-widget{display:block!important;width:100%;flex:0 0 100%;margin:0 0 20px;clear:both}.ctp-form{flex-wrap:wrap!important}.ctp-native-qty{display:none!important}.ctp-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.ctp-counter{display:flex;border:1px solid #ddd;align-items:center}.ctp-counter button{border:0;background:#f5f5f5;color:#222;min-width:40px;height:40px;padding:0;font-size:20px}.ctp-counter input.ctp-mult{width:52px!important;min-width:0;text-align:center;border:0;height:40px;padding:0;appearance:textfield;-moz-appearance:textfield}.ctp-mult::-webkit-inner-spin-button{appearance:none}.ctp-total{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;padding:14px 0;border-top:1px solid #eee}.ctp-total>span,.ctp-total>small{flex-basis:100%;font-size:13px}.ctp-total>strong{font-size:25px;color:#222}.ctp-total>del{color:#888;font-size:16px}.ctp-total>small{color:#777;font-size:11px}.ctp-error{color:#b42318;font-size:12px}.ctp-card span{white-space:normal;overflow-wrap:anywhere}
/* Keep this component isolated from theme button and form rules. */
.ctp-widget .ctp-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0 0 12px!important}.ctp-widget button.ctp-card{display:flex!important;float:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:82px!important;padding:12px 5px!important;text-transform:none!important;white-space:normal!important;border:1px solid #ddd!important;background:#fff!important;color:#333!important}.ctp-widget button.ctp-card.is-active{border-color:#222!important;background:#f7f7f7!important}.ctp-widget .ctp-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.ctp-widget .ctp-counter{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;width:136px!important;flex:0 0 136px!important}.ctp-widget .ctp-counter>button{display:block!important;width:40px!important;min-width:40px!important;flex:0 0 40px!important;height:40px!important;padding:0!important;margin:0!important}.ctp-widget .ctp-counter>input.ctp-mult{display:block!important;width:54px!important;min-width:0!important;max-width:54px!important;flex:0 0 54px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important}.ctp-form .ctp-native-qty{display:none!important}.ctp-widget .ctp-total{display:flex!important;width:100%!important}.ctp-widget .ctp-error:empty{display:none!important}@media(max-width:480px){.ctp-widget .ctp-controls>span{font-size:13px}.ctp-widget button.ctp-card{font-size:11px!important}}