.cart-main { width: 100%; flex: 1; padding-top: 44px; padding-bottom: 64px; }
.cart-main h1 { font-size: clamp(28px, 4vw, 42px); margin: 22px 0 12px; }
.cart-main h1 span { font-size: 18px; color: #8dbaff; }
#cartNotice, .cart-summary p, .cart-meta { color: #aaa8bc; font-size: 13px; line-height: 1.7; }
.cart-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 24px; margin-top: 28px; align-items: start; }
.cart-list, .cart-summary { background: #181120; border: 1px solid #ffffff18; border-radius: 14px; padding: 24px; }
.cart-item { display: flex; align-items: center; gap: 20px; padding: 22px 0; border-bottom: 1px solid #ffffff14; }
.cart-item:first-child { padding-top: 0; }
.cart-item:last-child { border-bottom: 0; }
.cart-cover { object-fit: cover; border-radius: 6px; }
.cart-item-info { flex: 1; }
.cart-item-name { font-size: 16px; font-weight: 600; }
.cart-quantity { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
.cart-quantity button { width: 30px; height: 30px; background: #25203b; color: white; border: 1px solid #ffffff30; border-radius: 5px; cursor: pointer; }
.cart-quantity button:disabled { opacity: .4; cursor: default; }
.cart-summary h2 { font-size: 21px; }
.cart-summary-total { display: flex; justify-content: space-between; gap: 12px; margin: 28px 0; }
.cart-summary-total strong { font-size: 23px; color: #8dbaff; }
.cart-summary p { margin: 18px 0; }
.cart-summary a { font-size: 12px; }
.cart-empty { padding: 55px 15px; text-align: center; color: #aaa8bc; }
@media(max-width:760px) { .cart-layout { grid-template-columns: 1fr; } .cart-list, .cart-summary { padding: 18px; } .cart-item { gap: 12px; } }