:root{--ib-height: 76px}.installment-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 16px #0000001f;padding-bottom:env(safe-area-inset-bottom,0px);color:#1f2937}.installment-bar__inner{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.installment-bar__summary{display:flex;align-items:baseline;gap:18px;flex:0 0 auto}.installment-bar__label{font-size:1.1rem;color:#6b7280;margin-right:4px}.installment-bar__total-amount{font-size:1.5rem;font-weight:700;color:#1f2937;white-space:nowrap}.installment-bar__monthly-amount{font-size:2rem;font-weight:800;color:#b91c1c;letter-spacing:-.01em;white-space:nowrap}.installment-bar__monthly-unit{font-size:1.2rem;color:#6b7280;margin-left:2px;white-space:nowrap}.installment-bar__counts{display:flex;gap:6px;flex:1 1 auto;flex-wrap:wrap;justify-content:center}.installment-bar__count{min-height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;font-size:1.3rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.installment-bar__count:hover{border-color:#9ca3af}.installment-bar__count.is-active{background:#1f2937;border-color:#1f2937;color:#fff}.installment-bar__cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:none;border-radius:6px;background:#1f2937;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background .15s}.installment-bar__cta:hover{background:#111827}.installment-bar__note{flex-basis:100%;margin:4px 0 0;font-size:1.1rem;color:#6b7280;text-align:center;line-height:1.4}body{padding-bottom:var(--ib-height)}.line-fixed-button{bottom:calc(var(--ib-height) + 20px)!important}@media screen and (max-width:768px){.line-fixed-button{bottom:var(--ib-height)!important}}@media screen and (max-width:749px){.installment-bar__inner{padding:8px 12px;gap:8px;align-items:stretch}.installment-bar__summary{justify-content:space-between;gap:10px}.installment-bar__total-amount{font-size:1.3rem}.installment-bar__monthly-amount{font-size:1.7rem}.installment-bar__counts{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding-bottom:2px}.installment-bar__count{flex:0 0 auto}.installment-bar__cta{width:100%}.installment-bar__note{margin-top:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/installment-bar.css.map */