/* SEPET SAYFASI */
.cart-items-box { background: #fff; border-radius: calc(var(--y) * 0.75); padding: calc(var(--y) * 1.5); height: auto; }
.cart-summary-box { background: #111; border: 1px solid #333; border-radius: calc(var(--y) * 0.75); padding: calc(var(--y) * 1.5); aspect-ratio: 1 / 1; position: sticky; top: calc(var(--y) * 5); z-index: 10; }
.cart-items-box h2 { color: #000; border-bottom: 2px solid #eee; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); }
.cart-item { display: flex; align-items: center; gap: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 0.75); background: #fdfdfd; border: 1px solid #eee; padding: calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.5); cursor: pointer; transition: 0.2s; }
.cart-item:hover { border-color: #ff99cc; }
.cart-item img { width: calc(var(--y) * 4); height: calc(var(--y) * 4); object-fit: cover; background: #222; border-radius: calc(var(--y) * 0.25); padding: 0; }
.cart-item-info { flex-grow: 1; }
.cart-item-info h4 { color: #000; margin-bottom: calc(var(--y) * 0.25); font-size: calc(var(--y) * 1.1); }
.qty-control { display: inline-flex; align-items: center; background: #f5f5f5; border: 1px solid #ddd; border-radius: calc(var(--y) * 0.25); overflow: hidden; margin-top: calc(var(--y) * 0.25); margin-left: calc(var(--y) * 0.75); }
.qty-btn { background: #eee; color: #000; border: none; padding: calc(var(--y) * 0.25) calc(var(--y) * 0.75); cursor: pointer; font-weight: bold; font-size: calc(var(--y) * 1.1); transition: 0.2s; }
.qty-btn:hover { background: #ff99cc; }
.qty-val { padding: 0 calc(var(--y) * 0.75); font-weight: bold; font-size: calc(var(--y) * 0.9); min-width: calc(var(--y) * 2); text-align: center; color: #000; }
.remove-btn { background: transparent; color: #ff4d4d; border: 1px solid #ff4d4d; padding: calc(var(--y) * 0.5) calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.25); font-weight: bold; cursor: pointer; transition: 0.2s; }
.remove-btn:hover { background: #ff4d4d; color: #fff; }



/* Ana Sayfa Grid İçin Küçük İstek Listesi Butonu */
.wishlist-btn-grid { display: flex; align-items: center; gap: calc(var(--y) * 0.25); cursor: pointer; }
.wishlist-btn-grid .btn-text::before { content: "TÜKENDİ"; }

/* Kart Hover Zekası (Tüm karta gelindiğinde resmi canlandır ve yazıyı değiştir) */
.out-of-stock-img { filter: grayscale(100%) opacity(0.7); transition: 0.4s ease; }
.card:hover .out-of-stock-img { filter: grayscale(0%) opacity(1); }
.card:hover .wishlist-btn-grid .btn-text::before { content: "YİNE DE EKLE"; }

/* SEPET KUTUCUKLARI (LÜKS TASARIM) */
.cart-checkbox {
    width: calc(var(--y) * 1.25); height: calc(var(--y) * 1.25); border: 2px solid #ff99cc; border-radius: calc(var(--y) * 0.25);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; margin-right: calc(var(--y) * 0.75); transition: 0.2s; flex-shrink: 0;
}
.cart-checkbox.active { background: #ff99cc; }
.cart-checkbox.active::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #000; font-size: calc(var(--y) * 0.9); }
.cart-checkbox.disabled { border-color: #444; cursor: not-allowed; background: transparent; }

/* ==========================================
   JS'DEN ÇIKARILAN ORTAK SEPET & KASA STİLLERİ
========================================== */

/* Kasa (Checkout) Özellikleri */
.checkout-loading { text-align: center; padding: calc(var(--y) * 2.5); color: #fff; }
.wallet-use-box { background: #222; border: 1px solid #ff99cc; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.25); margin-bottom: calc(var(--y) * 1); }
.wallet-use-title { color: #ff99cc; font-weight: bold; margin-bottom: calc(var(--y) * 0.5); }
.wallet-use-label { display: flex; align-items: center; gap: calc(var(--y) * 0.5); cursor: pointer; color: #fff; font-size: calc(var(--y) * 0.9); }
.wallet-use-cb { width: calc(var(--y) * 1); height: calc(var(--y) * 1); accent-color: #ff99cc; cursor: pointer; }
.success-wrapper { text-align: center; color: white; padding: calc(var(--y) * 2.5); }
.success-icon { color: #ff99cc; font-size: calc(var(--y) * 3.5); margin-bottom: calc(var(--y) * 1); }
.success-title { font-size: calc(var(--y) * 1.8); }
.success-desc { color: #aaa; margin-top: calc(var(--y) * 0.5); }
.order-code-box { background: #1a1a1a; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.5); margin: calc(var(--y) * 1) auto; max-width: calc(var(--y) * 17.5); border: 1px solid #ff99cc; }
.order-code-label { color: #aaa; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 0.25); }
.order-code-val { color: #ff99cc; font-size: calc(var(--y) * 1.4); font-weight: bold; letter-spacing: 2px; }
.pin-label { margin-top: calc(var(--y) * 0.75); border-top: 1px dashed #333; padding-top: calc(var(--y) * 0.5); color: #aaa; font-size: calc(var(--y) * 0.9); }
.pin-val { color: #fff; font-size: calc(var(--y) * 1.1); font-weight: bold; letter-spacing: 3px; }
.btn-continue-shop { max-width: calc(var(--y) * 12.5); margin-top: calc(var(--y) * 1.5); }
.text-red { color: #ff4d4d; }

/* Sepet (Cart Engine) Özellikleri */
.cart-empty-wrapper { text-align: center; color: white; padding: calc(var(--y) * 2.5); }
.cart-empty-icon { font-size: calc(var(--y) * 2.7); margin-bottom: calc(var(--y) * 1); color: #333; }
.cart-header-nav { width: 100%; max-width: 1400px; margin: 0 auto calc(var(--y) * 0.5) auto; padding: 0 calc(var(--y) * 0.5); }
.cart-item-opts { font-size: calc(var(--y) * 0.7); color: #888; margin: calc(var(--y) * 0.25) 0; }
.cart-item-out { color: #ff4d4d; font-size: calc(var(--y) * 0.7); font-weight: bold; margin-top: calc(var(--y) * 0.25); }
.cart-item-out-style { opacity: 0.6; filter: grayscale(100%); }
.cart-return-badge { background: #ff4d4d; color: #fff; font-size: calc(var(--y) * 0.7); padding: 2px calc(var(--y) * 0.25); border-radius: calc(var(--y) * 0.25); margin-right: calc(var(--y) * 0.5); font-weight: bold; }
.cart-return-timer { color: #ff99cc; font-size: calc(var(--y) * 0.7); font-weight: bold; margin-top: calc(var(--y) * 0.25); }
.cart-price-red { color: #ff4d4d; }
.cart-price-pink { color: #ff99cc; }
.cart-return-qty { font-size: calc(var(--y) * 0.9); color: #aaa; margin-left: calc(var(--y) * 0.75); }
.cart-price-row { font-size: calc(var(--y) * 1.1); font-weight: bold; margin-top: calc(var(--y) * 0.25); }
.cart-exch-box { background: #1a1a1a; border: 1px solid #ff99cc; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1); }
.cart-exch-title { color: #ff99cc; margin-bottom: calc(var(--y) * 0.5); font-size: calc(var(--y) * 0.9); text-transform: uppercase; }
.cart-exch-label { display: flex; gap: calc(var(--y) * 0.5); align-items: flex-start; cursor: pointer; margin-bottom: calc(var(--y) * 0.5); color: #ccc; font-size: calc(var(--y) * 0.9); }
.cart-exch-label-last { margin-bottom: 0; }
.cart-exch-radio { margin-top: 3px; accent-color: #ff99cc; width: calc(var(--y) * 1); height: calc(var(--y) * 1); }
.text-white { color: #fff; }
.cart-coupon-box { background: #1a1a1a; border: 1px solid #333; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1); }
.cart-coupon-title { color: #ff99cc; margin-bottom: calc(var(--y) * 0.5); font-size: calc(var(--y) * 0.9); }
.cart-coupon-list { display: flex; flex-direction: column; gap: calc(var(--y) * 0.5); }
.cart-coupon-item { display: flex; justify-content: space-between; align-items: center; background: #222; padding: calc(var(--y) * 0.5); border-radius: calc(var(--y) * 0.25); }
.cart-coupon-code { color: #fff; font-weight: bold; }
.cart-coupon-val { font-size: calc(var(--y) * 0.7); color: #4ade80; }
.cart-coupon-desc { color: #888; font-size: calc(var(--y) * 0.7); }
.cart-coupon-btn { padding: calc(var(--y) * 0.25) calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.25); border-style: solid; border-width: 1px; cursor: pointer; font-weight: bold; transition: 0.2s; }
.btn-applied { background: #ff99cc; color: #000; border-color: #ff99cc; }
.btn-apply { background: transparent; color: #aaa; border-color: #444; }
.cart-discount-row { display: flex; justify-content: space-between; margin-bottom: calc(var(--y) * 0.75); font-size: calc(var(--y) * 0.9); color: #4ade80; align-items: flex-start; }
.text-right { text-align: right; }
.text-bold { font-weight: bold; }
.cart-summary-title { color: #ff99cc; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); margin-bottom: calc(var(--y) * 1); font-size: calc(var(--y) * 1.4); }
.cart-sum-row { display: flex; justify-content: space-between; margin-bottom: calc(var(--y) * 0.75); font-size: calc(var(--y) * 1.1); color: #ccc; }
.cart-sum-row-mb { margin-bottom: calc(var(--y) * 1); }
.cart-sum-total { border-top: 1px dashed #333; padding-top: calc(var(--y) * 1); margin-bottom: calc(var(--y) * 1.25); display: flex; justify-content: space-between; align-items: center; }
.cart-sum-total-label { font-size: calc(var(--y) * 1.5); color: #fff; }
.cart-sum-total-val { font-size: calc(var(--y) * 1.6); font-weight: bold; color: #ff99cc; }
.cart-ret-warn-box { background: #2a0000; border: 1px solid #ff4d4d; padding: calc(var(--y) * 0.75); border-radius: calc(var(--y) * 0.5); margin-bottom: calc(var(--y) * 1); }
.cart-ret-warn-title { color: #ff4d4d; font-size: calc(var(--y) * 0.9); margin-bottom: calc(var(--y) * 0.25); }
.cart-ret-warn-val { color: #fff; font-size: calc(var(--y) * 1.4); font-weight: bold; }
.cart-ret-warn-desc { color: #aaa; font-size: calc(var(--y) * 0.7); margin-top: calc(var(--y) * 0.25); }
.cart-sum-ret-row { color: #ff4d4d; border-bottom: 1px dashed #333; padding-bottom: calc(var(--y) * 0.75); }
.cart-fast-exch-row { display: flex; justify-content: space-between; margin-bottom: calc(var(--y) * 0.5); font-size: calc(var(--y) * 1.4); font-weight: bold; color: #fff; }
.cart-fast-exch-val { color: #ff99cc; }
.cart-fast-ret-row { display: flex; justify-content: space-between; font-size: calc(var(--y) * 0.9); color: #aaa; }
.cart-fast-ret-val { color: #4ade80; }
.btn-checkout-hata { background: #555; color: #999; margin-top: calc(var(--y) * 1); width: 100%; }
.btn-checkout { width: 100%; font-size: calc(var(--y) * 1.1); padding: calc(var(--y) * 0.75); margin-top: calc(var(--y) * 1); }