/* THV_ACCOUNT_CARDS_LAYOUT_V1 */
@media(min-width:1000px){html body #root .shell.account-layout:is(:has(.listing-grid),:has(.account-list)){width:calc(100% - 48px);max-width:1500px;grid-template-columns:210px minmax(0,1fr)}}
html body #root .account-layout main{min-width:0}
html body #root .account-layout .listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;align-items:stretch}
html body #root .account-layout .listing-card{display:flex;flex-direction:column;min-width:0;padding:16px;border-radius:12px;gap:12px;background:#fff}
html body #root .account-layout .listing-card>a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px 24px 28px 22px;gap:6px;padding:0;min-width:0;color:inherit;text-decoration:none}
html body #root .account-layout .listing-card>a>img{grid-row:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0;border-radius:8px}
html body #root .account-layout .listing-card>a>.listing-title{grid-row:2;min-height:0;margin:0;font:600 15px/22px Arial,system-ui;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #root .account-layout .listing-card>a>.topper-badge{grid-row:3;align-self:center;justify-self:start;max-width:100%;margin:0;font-size:12px}
html body #root .account-layout .listing-card>a>strong{grid-row:4;font-size:20px;line-height:28px;margin:0}
html body #root .account-layout .listing-card>a>small{grid-row:5;margin:0;line-height:22px;font-size:13px}
html body #root .account-layout .account-listing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin:0}
html body #root .account-layout .account-listing-actions>small{grid-column:1/-1;margin:0;line-height:20px;font-size:13px}
html body #root .account-layout .account-listing-actions>div{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;padding-top:4px!important;min-width:0}
html body #root .account-layout .account-listing-actions>div>p{box-sizing:border-box;margin:0!important;padding:12px;background:#f4f7f9;border-radius:8px;line-height:1.5;font-size:14px;min-height:44px}
html body #root .account-layout .account-listing-actions>div>p strong{font-size:14px;line-height:1.5}
html body #root .account-layout .account-listing-actions>div>p small{margin:6px 0 0;font-size:12px;line-height:1.5;color:#5b6b78}
html body #root .account-layout .account-listing-actions details{margin:0!important;font-size:14px;line-height:1.5}
html body #root .account-layout .account-listing-actions summary{padding:8px 0;min-height:42px;box-sizing:border-box}
html body #root .account-layout .account-listing-actions a,html body #root .account-layout .account-listing-actions button,html body #root .account-layout .listing-card>.compare-choice{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;line-height:20px;font-size:14px;text-align:center;border-radius:6px;white-space:normal;overflow-wrap:break-word}
html body #root .account-layout .account-listing-actions>.account-listing-delete{grid-column:1/-1}
html body #root .account-layout .listing-card>.compare-choice{margin-top:auto}
@media(max-width:600px){html body #root .account-layout .listing-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}html body #root .account-layout .listing-card{padding:14px}html body #root .account-layout .account-listing-actions>div>p{min-height:0}}

/* Account lists: bids, saved searches and followed sellers. */
html body #root .account-layout .account-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
html body #root .account-layout .account-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;border:1px solid #d6e1e7;border-radius:12px;background:#fff;min-width:0;box-sizing:border-box}
html body #root .account-layout .account-row>div{flex:1 1 300px;min-width:0;overflow-wrap:anywhere}
html body #root .account-layout .account-row strong{display:block;font-size:16px;line-height:1.5}
html body #root .account-layout .account-row small{display:block;margin-top:6px;line-height:1.5}
html body #root .account-layout .account-row>button,html body #root .account-layout .account-row>a{box-sizing:border-box;min-height:44px;min-width:140px;line-height:20px;padding:10px 14px;margin:0;text-align:center;border-radius:6px;white-space:normal;flex:0 0 auto}
html body #root .account-layout .account-row .checkbox{display:flex;align-items:center;gap:8px;margin-top:10px;min-height:44px}
html body #root .account-layout .account-listing-actions button{flex:0 0 auto!important}
@media(max-width:600px){html body #root .account-layout .account-row{padding:14px;gap:10px}html body #root .account-layout .account-row>div{flex-basis:100%}html body #root .account-layout .account-row>button,html body #root .account-layout .account-row>a{width:100%;min-width:0}}