/* =============================================================
   page-product-satis.css — urun-satis.html satış ek stilleri.
   page-product.css'in ÜSTÜNE yüklenir (paylaşılan .mcy-pd hero/galeri/spec/uses/
   rel + .mcy-pd__chips/__trust/__titem oradan). Burada yalnızca satış öğeleri.
   DİL: site ile birebir, RAFİNE/küçük. Butonlar doğal .mcy-btn (büyütülmez),
   adet yumuşak küçük pill, ara toplam ince satır. Kutu/ayraç YOK. SCOPE: .mcy-pd.
   ============================================================= */
.mcy-pd { --s-ease: cubic-bezier(0.22, 1, 0.36, 1); }

/* Fiyat satırı — zarif, kâğıt üzerinde */
.mcy-pd .mcy-pd__pricerow { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 11px; margin: 18px 0 0; }
.mcy-pd .mcy-pd__price { font-family: "Poppins", sans-serif; font-weight: 600; font-size: clamp(1.5rem, 2vw, 1.85rem); letter-spacing: -0.035em; color: var(--text-dark-dark); }
.mcy-pd .mcy-pd__unit { font-size: 0.5em; font-weight: 500; color: rgba(28, 22, 18, 0.4); letter-spacing: 0; margin-left: 2px; }
.mcy-pd .mcy-pd__oldprice { font-family: "Poppins", sans-serif; font-size: 0.9rem; font-weight: 500; color: rgba(28, 22, 18, 0.34); text-decoration: line-through; }
.mcy-pd .mcy-pd__save { font-size: 11px; font-weight: 600; letter-spacing: 0.01em; color: var(--primary-color-dark); background: rgba(234, 29, 38, 0.09); padding: 3px 8px; border-radius: 999px; transform: translateY(-1px); }
.mcy-pd .mcy-pd__stock { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; color: #1c7a38; }
.mcy-pd .mcy-pd__stock i { width: 6px; height: 6px; border-radius: 999px; background: #22a447; box-shadow: 0 0 0 3px rgba(34, 164, 71, 0.14); }
.mcy-pd .mcy-pd__taxnote { display: block; margin: 7px 0 0; font-size: 11.5px; color: rgba(28, 22, 18, 0.42); }

/* Satın alma alanı — kutu YOK, kompakt */
.mcy-pd .mcy-pd__order { margin: 26px 0 0; }
.mcy-pd .mcy-pd__qtylabel { display: block; margin: 0 0 10px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(28, 22, 18, 0.42); }

/* Adet + butonlar tek satırda */
.mcy-pd .mcy-pd__buyrow { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }

/* Adet — küçük yumuşak yuvarlak pill (chip diliyle aynı) */
.mcy-pd .mcy-pd__qty { display: inline-flex; align-items: center; gap: 1px; background: rgba(28, 22, 18, 0.05); border-radius: 999px; padding: 4px; flex-shrink: 0; }
.mcy-pd .mcy-pd__qtybtn { width: 32px; height: 32px; border: 0; background: transparent; border-radius: 999px; font-size: 16px; font-weight: 500; line-height: 1; color: rgba(28, 22, 18, 0.6); cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
.mcy-pd .mcy-pd__qtybtn:hover { background: var(--card-bg); color: var(--text-dark-dark); box-shadow: 0 4px 12px -7px rgba(28, 22, 18, 0.4); }
.mcy-pd .mcy-pd__qtyval { width: 34px; border: 0; background: transparent; text-align: center; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 14px; color: var(--text-dark-dark); }
.mcy-pd .mcy-pd__qtyval:focus { outline: none; }

/* Butonlar — DOĞAL .mcy-btn boyutu (büyütülmez); sadece is-added rengi eklenir */
.mcy-pd .mcy-pd__cart.is-added { background: #1c7a38; }
.mcy-pd .mcy-pd__cart.is-added:hover { background: #1c7a38; }

/* Ara toplam — ince, kâğıt üzerinde (adetle güncellenir) */
.mcy-pd .mcy-pd__subtotal { display: block; margin: 14px 0 0; font-size: 12.5px; color: rgba(28, 22, 18, 0.5); }
.mcy-pd .mcy-pd__subtotal b { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 13.5px; letter-spacing: -0.01em; color: var(--text-dark-dark); }

@media (max-width: 480px) {
  .mcy-pd .mcy-pd__buyrow .mcy-btn { flex: 1; justify-content: center; }
  .mcy-pd .mcy-pd__stock { margin-left: 0; }
}