.sidecart {
    --primary:#4f46e5;
    --accent:#22c55e;
    --accent-hover:#16a34a;
    --danger:#dc2626;
    --text:#111827;
    --muted:#6b7280;
    --bg:#f9fafb;
    --card:#ffffff;
    --radius:12px;
    --shadow:0 12px 30px rgba(0,0,0,.12);
    --base-font:12.5px;
}

.sidecart, .sidecart *,
.sidecart-overlay, .sidecart-overlay *,
.cart-item, .cart-item *,
.sidecart-header, .sidecart-header *,
.sidecart-footer, .sidecart-footer * {
    box-sizing:border-box;
    /* Font ailesi Poppins olarak güncellendi */
    font-family: 'Poppins', sans-serif;
    font-size:var(--base-font);
}

/* SIDECART OVERLAY */
.sidecart-overlay{
    position:fixed;
    inset:0;
    background:rgba(17,24,39,.6);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:.4s;
    z-index:999;
}
.sidecart-overlay.active{opacity:1;visibility:visible;}

/* SIDECART */
.sidecart{
    position:fixed;
    top:0;
    right:-460px;
    width:430px;
    height:100%;
    background:var(--bg);
    z-index:1000;
    display:flex;
    flex-direction:column;
    transition:.45s cubic-bezier(.4,0,.2,1);
    box-shadow:-20px 0 40px rgba(0,0,0,.25);
}
.sidecart.active{ right:0; }

/* HEADER */
.sidecart-header{
    padding:16px;
    background:var(--card);
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #e5e7eb;
    flex-shrink:0;
}
.sidecart-header h3{margin:0;font-size:14px;}

/* CLOSE BUTTON */
.sidecart-close{
    background:#f3f4f6;
    border:none;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    cursor:pointer;
}

/* ITEMS */
.sidecart-items{
    flex:1;
    overflow-y:auto;
    padding:16px;
    min-height: 100px;
}

/* EMPTY CART */
.empty-cart{
    height:100%;
    display:none;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:var(--muted);
    padding:40px 0;
}
.empty-cart i{font-size:42px;margin-bottom:12px;color:#d1d5db;}
.empty-cart h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151;}
.start-shopping{
    background:var(--primary) !important; 
    color:#fff !important; 
    padding:10px 20px !important; 
    transition: background 0.3s ease !important;
}

/* CART ITEM */
.cart-item{
    display:flex;
    gap:10px;
    background:var(--card);
    padding:10px;
    border-radius:var(--radius);
    box-shadow:0 6px 14px rgba(0,0,0,.08);
    margin-bottom:12px; 
    transition: opacity 0.2s;
}
.cart-item img{width:64px;height:64px;border-radius:8px;object-fit:cover;}
.item-info{ flex:1; }
.item-info h4{margin:0 0 3px;font-size:12.5px;font-weight:500;}
.item-info h4 a{text-decoration:none;color:#111827;}
.item-price{font-weight:600;color:#000;font-size:12px;}

/* QTY CONTROL */
.qty-control{
    display:flex;
    align-items:center;
    gap:3px;
    margin-top:5px;
}

/* + / - BUTTONS */
.qty-control button{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    line-height:1 !important;
    padding:0 !important;
    flex-shrink:0 !important;
    aspect-ratio:1/1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border:none;
    border-radius:20%;
    background:#eef2ff;
    color:var(--primary);
    font-size:11px;
    cursor:pointer !important;
    transition: background 0.15s ease, transform 0.15s ease;
}

.qty-control button:hover,
.qty-control button:active,
.qty-control button:focus,
.qty-control button:focus-visible {
    background:#eef2ff !important;
    color:var(--primary) !important;
    outline:none !important;
    box-shadow:none !important;
    transform:none !important;
}

.qty-control button:active {
    background:#dbe4ff !important;
    transform:scale(0.9);
    transition: transform 0.1s ease, background 0.1s ease;
}

/* INPUT */
.qty-control input{
    width:32px;
    height:24px;
    text-align:center;
    border:1px solid #e5e7eb;
    border-radius:6px;
    font-size:12px; 
    background:#fff;
    font-family: 'Poppins', sans-serif;
}

/* REMOVE ITEM */
.remove-item{
    border:none;
    background:#fee2e2;
    width:28px;
    height:28px;
    border-radius:20%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer !important;
    color:var(--danger);
}

.remove-item:hover,
.remove-item:active,
.remove-item:focus,
.remove-item i:hover,
.remove-item i:active,
.remove-item i:focus {
    background:#fee2e2 !important;
    color:var(--danger) !important;
    outline:none !important;
    box-shadow:none !important;
}

/* FOOTER */
.sidecart-footer{
    background:var(--card);
    padding:16px;
    border-top:1px solid #e5e7eb;
    flex-shrink:0;
}
.free-shipping{margin-bottom:12px;}
.free-shipping-text{display:flex;align-items:center;gap:6px;font-weight:500;margin-bottom:6px;}

.progress{width:100%;height:6px;background:#e7e7eb;border-radius:999px;overflow:hidden;}
.progress-bar{height:100%;width:0%;background:linear-gradient(135deg,var(--accent),#16a34a); transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

.cart-total{display:flex;justify-content:space-between;margin-bottom:10px;}
.cart-total span{font-size:14px;font-weight:500;}
.cart-total strong{font-size:15px;font-weight:600;color:#000;}

/* BUTTONS */
.btn{
    display:flex;
    justify-content:center;
    padding:11px;
    border-radius:10px;
    font-weight:500;
    text-decoration:none;
    margin-bottom:7px;
    cursor:pointer !important;
    border:none !important;
    font-family: 'Poppins', sans-serif;
}
.checkout{background:linear-gradient(135deg,var(--accent),#16a34a) !important;color:#fff !important;}
.view-cart{background:#f3f4f6 !important;color:var(--text) !important;}
.btn.checkout:hover{ background:linear-gradient(135deg,var(--accent-hover),#15803d) !important; opacity:0.95; }
.btn.view-cart:hover{ background:#e5e7eb !important; }

@media(max-width:768px){.sidecart{width:100%;right:-100%;}}