@import url("/css/theme.css");

.container{max-width:1100px;margin:30px auto;padding:0 20px;}
.section-title{text-align:center;margin-bottom:24px;}

.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;}
.cart-items{display:flex;flex-direction:column;gap:16px;}
.cart-item{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--accent);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow);}
.cart-item-image{width:140px;height:140px;object-fit:cover;border-radius:12px;display:block;background:#eee;}
.cart-item-main h3{margin:0 0 8px;font-size:18px;}
.cart-item-category{margin:0 0 12px;color:var(--muted);}
.cart-item-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.qty-btn{width:38px;min-width:38px;height:38px;padding:0;border-radius:50%;font-size:18px;line-height:1;}
.qty-value{min-width:18px;text-align:center;font-weight:700;}
.cart-remove{padding:10px 16px;}
.cart-item-price{font-size:20px;font-weight:800;white-space:nowrap;}
.cart-summary{position:sticky;top:90px;background:var(--accent);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow);}
.cart-summary h3{margin-top:0;margin-bottom:16px;}
.cart-summary p{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;}
.cart-summary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.empty{background:#fff;border:1px solid var(--border);padding:18px;border-radius:14px;text-align:center;}

@media (max-width:860px){
  .cart-layout{grid-template-columns:1fr;}
  .cart-summary{position:static;}
}
@media (max-width:640px){
  .cart-item{grid-template-columns:1fr;text-align:center;}
  .cart-item-image{margin:0 auto;}
  .cart-item-controls{justify-content:center;}
  .cart-item-price{justify-self:center;}
}

/* header exactly like promotions */

body > header.header {
    background: #fff !important;
    border-bottom: 1px solid #f2dede !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
}

    body > header.header > .nav {
        max-width: 1100px !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px 20px !important;
    }

        body > header.header > .nav > .logo {
            font-family: Georgia, serif !important;
            color: #b3003b !important;
            letter-spacing: 2px !important;
            font-size: 28px !important;
            font-weight: 700 !important;
        }

        body > header.header > .nav > .links {
            display: flex !important;
            gap: 18px !important;
            align-items: center !important;
        }

            body > header.header > .nav > .links > a,
            body > header.header > .nav > .links > a:visited,
            body > header.header > .nav > .links > a:hover,
            body > header.header > .nav > .links > a:active {
                color: #333 !important;
                text-decoration: none !important;
                padding: 6px 10px !important;
                border-radius: 8px !important;
                transition: background .18s !important;
            }

                body > header.header > .nav > .links > a:hover {
                    background: rgba(179,0,59,0.06) !important;
                }