.cart-layout{
    display:grid;
    grid-template-columns:1fr 340px;
    gap:24px;
}
.cart-card,.summary-card,.account-card,.checkout-card{
    background:#fff;
    border:1px solid var(--line);
    padding:20px;
}
.cart-item{
    display:grid;
    grid-template-columns:90px 1fr auto;
    gap:16px;
    padding:16px 0;
    border-bottom:1px solid var(--line);
}
.cart-img{aspect-ratio:1;background:#e5ece6}
.qty{
    display:inline-flex;
    align-items:center;
    gap:16px;
    border:1px solid var(--line);
    padding:8px 12px;
    margin-top:10px;
}
.summary-row{
    display:flex;
    justify-content:space-between;
    padding:12px 0;
    border-bottom:1px solid var(--line);
}
.summary-row.total{font-size:18px;font-weight:500;border:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.input{
    width:100%;
    border:1px solid var(--line);
    padding:13px;
    background:#fff;
}
.full{grid-column:1/-1}
.account-layout{display:grid;grid-template-columns:260px 1fr;gap:22px}
.account-menu a{
    display:block;
    padding:12px 14px;
    font-weight:500;
    border-bottom:1px solid var(--line);
}
.account-menu a.active,.account-menu a:hover{background:var(--soft)}
@media(max-width:900px){
    .cart-layout,.account-layout{grid-template-columns:1fr}
}
@media(max-width:620px){
    .cart-item{grid-template-columns:72px 1fr}
    .cart-price{grid-column:2}
    .form-grid{grid-template-columns:1fr}
}