.basket-box{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:#f1f3e9;border:1px solid #dce3cf;border-radius:14px;margin:22px 0}.basket-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#e3e9d6;color:#617a47;flex-shrink:0}.basket-icon .icon{width:25px;height:25px}.basket-title{font-weight:650;color:#395936;font-size:14px;padding:0;text-align:right;line-height:2}.basket-title:not(:disabled):hover{text-decoration:underline;text-underline-offset:5px}.basket-box p{font-size:12px;color:#71805f;margin:2px 0 8px}.basket-box small{display:block;font-size:10px;color:#8a947d;line-height:2}.basket-box .basket-position{font-size:12px;color:#42683a}.basket-box .text-link{margin-top:6px;font-size:11px}.basket-account{margin-top:28px}.basket-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--line)}.basket-row .book-title{min-height:auto;font-size:13px;text-align:right}.basket-row small{display:block;color:var(--muted);font-size:11px}.basket-row .btn{flex-shrink:0}.loan-actions button[disabled]{font-size:10px}.tab-row{overflow-x:auto}.tab-row button{white-space:nowrap}
@media(max-width:600px){.basket-box{padding:17px 15px;gap:12px}.basket-title{font-size:12px}.basket-icon{width:35px;height:35px;border-radius:10px}.basket-icon .icon{width:21px;height:21px}.basket-box p{font-size:10px}.basket-box small{font-size:9px}.basket-row{align-items:flex-start;flex-direction:column;gap:9px}.basket-row .book-title{font-size:12px}.basket-row small{font-size:10px}.basket-account{margin-top:20px}}