.sspp-wrap{width:100%;margin:0 0 18px;flex-basis:100%}.sspp-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.sspp-table{width:100%;border-collapse:collapse;border:1px solid #e5e5e5;margin:0;background:#fff}.sspp-table th,.sspp-table td{border:1px solid #e5e5e5;text-align:center;vertical-align:middle;padding:0}.sspp-table thead th{padding:14px 10px;font-weight:700;font-size:16px;color:#222}.sspp-table .sspp-name{padding:16px 14px;font-weight:700;font-size:15px;color:#222;min-width:160px}.sspp-pack{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-width:90px;min-height:70px;padding:10px 8px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.sspp-pack .sspp-qty{font-size:22px;line-height:1;color:#222}.sspp-pack .sspp-price{font-size:12px;color:#777}.sspp-pack .sspp-price .amount{color:inherit}.sspp-pack:hover{background:#f4f7fa}.sspp-pack:focus-visible{box-shadow:inset 0 0 0 2px #1f4e79}.sspp-pack.is-active{background:#1f4e79;color:#fff}.sspp-pack.is-active .sspp-qty,.sspp-pack.is-active .sspp-price{color:#fff}.sspp-summary{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;padding:10px 14px;background:#f7f7f7;border-radius:4px;font-size:14px}.sspp-summary strong{color:#1f4e79}.sspp-qty-label{margin:14px 0 6px;font-weight:600}.sspp-per,.sspp-from{font-weight:400;color:#777}@media (max-width:600px){.sspp-table .sspp-name{display:none}.sspp-table .sspp-name-head{display:none}.sspp-pack{min-width:72px}.sspp-pack .sspp-qty{font-size:18px}}