.live-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start;margin-top:16px}
@media(max-width:960px){.live-layout{grid-template-columns:1fr}}
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.live-card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.live-card-photo{position:relative;aspect-ratio:4/3;background:#f1f4f9}
.live-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.live-number{position:absolute;top:8px;left:8px;background:#0b1633;color:#fff;font-weight:700;font-size:15px;line-height:1;padding:8px 12px;border-radius:999px;letter-spacing:.01em;z-index:1}
.live-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.live-card-name{font-size:14.5px;line-height:1.3}
.live-card-category{font-size:11.5px;color:#8a93a6;text-transform:uppercase;letter-spacing:.04em}
.live-colors{display:flex;flex-wrap:wrap;gap:6px}
.live-color-chip{font-size:11px;background:#f1f4f9;border:1px solid #e4e8ef;border-radius:999px;padding:3px 9px;color:#4a5468}
.live-sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.live-size-btn{min-width:88px;padding:10px 8px;border-radius:12px;border:2px solid #0b1633;background:#fff;color:#0b1633;font-size:16px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15;gap:3px}
.live-size-color{font-size:10.5px;font-weight:600;color:#4a5468;text-transform:none}
.live-size-stock{font-size:9.5px;font-weight:600;color:#4a5468;text-transform:none;white-space:normal;text-align:center}
.live-size-btn:hover:not(:disabled) .live-size-color,.live-size-btn:hover:not(:disabled) .live-size-stock{color:#dfe4ee}
.live-size-btn small{font-size:10px;font-weight:600;color:#4a5468}
.live-size-btn:hover:not(:disabled){background:#0b1633;color:#fff}
.live-size-btn:hover:not(:disabled) small{color:#dfe4ee}
.live-size-btn:disabled,.live-size-btn.out{border-color:#e4e8ef;color:#b7bec9;cursor:not-allowed}
.live-size-btn:disabled small,.live-size-btn.out small{color:#b7bec9}
.live-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}
.live-side-title{font-size:14px;margin:0}
.live-cart-tabs{display:flex;flex-direction:column;gap:8px}
.live-cart-tab{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid #e4e8ef;background:#fff;cursor:pointer;font-size:13px;text-align:left}
.live-cart-tab span{font-size:11.5px;color:#8a93a6;white-space:nowrap}
.live-cart-tab.active{border-color:#0b1633;background:#f1f4f9}
.live-cart-panel{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:14px}
.live-cart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.live-countdown{background:#fff3d6;color:#6b5a1f;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px}
.live-cart-items{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.live-cart-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;font-size:12.5px}
.live-cart-item small{display:block;color:#8a93a6;font-size:11px}
.live-qty{display:flex;align-items:center;gap:6px}
.live-qty button{width:24px;height:24px;border-radius:999px;border:1px solid #e4e8ef;background:#f8fafc;cursor:pointer;font-size:14px;line-height:1}
.live-remove{border:none;background:none;color:#b23b3b;font-size:16px;cursor:pointer;padding:0 2px}
.live-cart-total{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid #e4e8ef;padding-top:10px;margin-bottom:10px}