/* /basket/ — tinwell/basket.html. Builds on landing.css + shop.css. */
.tw-shop{min-height:calc(100vh - 100px)}

.tw-bk{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:900px){.tw-bk{grid-template-columns:minmax(0,1fr)}}
.tw-bk[hidden],.tw-bk-empty[hidden]{display:none}
.tw-bk-items{display:flex;flex-direction:column;gap:16px;min-width:0}

/* The licence line */
.tw-bk-line{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr) auto;gap:20px clamp(16px,2.4vw,28px);align-items:start;padding:clamp(16px,2.4vw,24px)}
@media (max-width:640px){.tw-bk-line{grid-template-columns:96px minmax(0,1fr)}.tw-bk-line-p{grid-column:1/-1;flex-direction:row !important;justify-content:space-between;align-items:baseline !important;padding-top:14px;border-top:1px solid #dddddd}}
.tw-bk-thumb{display:block;border-radius:8px;overflow:hidden;background:#ececec;padding:6px}
.tw-bk-thumb .tw-scr>div{box-shadow:none !important}
.tw-bk-line-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.tw-bk-line-t h2{font-family:var(--tw-display);margin:0;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.02em}
.tw-bk-line-t h2 a{color:#1c2b26}
.tw-bk-line-t h2 a:hover{color:#1f7d6a}
.tw-bk-line-t p{margin:0;font-size:15px;line-height:1.5;color:#52615a}
.tw-bk-line-ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-top:12px}
.tw-bk-line-ctl>div{display:flex;flex-direction:column;gap:6px}
.tw-bk-lbl{font-size:13px;font-weight:600;color:#52615a}
.tw-bk-line-ctl .tw-link{min-height:44px;font-size:14px}
.tw-bk-line-p{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.tw-bk-line-p strong{font-family:var(--tw-display);font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tw-bk-line-p span{font-size:13px;color:#5f6f67;white-space:nowrap}
.tw-bk-more{margin:4px 0 0;font-size:14px;color:#5f6f67}
.tw-bk-more a{color:#1f7d6a;text-decoration:underline;text-underline-offset:2px}

/* Summary */
.tw-bk-side{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.6vw,30px);box-shadow:0 30px 60px -40px rgba(28,43,38,.35)}
@media (min-width:901px){.tw-bk-side{position:sticky;top:24px}}
.tw-bk-side-h{font-family:var(--tw-display);margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.tw-bk-cont{align-self:center;font-size:14px;font-weight:600;color:#1f7d6a}
.tw-bk-cont:hover{color:#1a6357}

/* Empty */
.tw-bk-empty{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;padding:clamp(36px,5vw,56px) 24px;text-align:center}
.tw-bk-empty-i{width:64px;height:64px;border-radius:50%;background:#E6F3EC;color:#1f7d6a;display:flex;align-items:center;justify-content:center}
.tw-bk-empty h2{font-family:var(--tw-display);margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}
.tw-bk-empty .tw-btn{margin-top:8px}