/* Bloknot ürün sayfası: "karışık 3 bloknot" şeridi + yan sepet hatırlatması */
.mix3 { margin: 0.6rem 0 0.9rem; border-radius: 14px; padding: 0.85rem 1rem; background: linear-gradient(135deg, #ff7a18, #ff4d6d); color: #fff; box-shadow: 0 6px 18px rgba(255, 77, 109, 0.28); }
.mix3.is-done { background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 6px 18px rgba(5, 150, 105, 0.28); }
.mix3 p { margin: 0; }
.mix3__t { display: flex; align-items: center; gap: 0.5rem; font-weight: 800; font-size: 1.05rem; line-height: 1.25; }
.mix3__t b { background: #fff; color: #ff4d6d; border-radius: 8px; padding: 0.1rem 0.45rem; font-size: 0.95rem; white-space: nowrap; }
.mix3__s { margin: 0.3rem 0 0.55rem !important; font-size: 0.92rem; opacity: 0.95; line-height: 1.35; }
.mix3__row { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }
.mix3__dots { display: flex; gap: 0.3rem; }
.mix3__dots i { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: 800; font-size: 0.8rem; }
.mix3__dots i.is-on { background: #fff; color: #ff4d6d; }
.mix3.is-done .mix3__dots i.is-on, .mix3.is-done .mix3__t b { color: #059669; }
.mix3__n { font-weight: 700; font-size: 0.95rem; }
.mix3__a { margin-left: auto; background: #fff; color: #1f2430 !important; font-weight: 800; border-radius: 999px; padding: 0.4rem 0.9rem; text-decoration: none !important; font-size: 0.9rem; white-space: nowrap; }
.mix3__a:hover { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45); }
.mix3__sm { display: none; }

/* Bloknotlar sipariş üzerine üretilir; stok sayısı müşteriye gösterilmez */
.product-detail--bloknot .product-detail__stock { display: none !important; }

/* Telefon: şerit tek satır, sipariş düğmeleri ilk ekranda kalsın */
@media (max-width: 480px) {
    .mix3 { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.7rem; margin: 0.4rem 0 0.6rem; border-radius: 12px; }
    .mix3__s, .mix3__lg, .mix3__a:not(.mix3__a--go) { display: none; }
    .mix3__sm { display: inline; }
    .mix3__t { font-size: 0.92rem; flex: 1 1 auto; min-width: 0; white-space: nowrap; }
    .mix3__t b { font-size: 0.85rem; }
    .mix3__row { flex: 0 0 auto; gap: 0.35rem; }
    .mix3__dots i { width: 20px; height: 20px; font-size: 0.7rem; border-width: 1.5px; }
    .mix3.is-done .mix3__dots { display: none; }
    .mix3__n { font-size: 0.85rem; }
    .mix3__a--go { margin: 0; padding: 0.3rem 0.6rem; font-size: 0.8rem; }
}

/* Okunabilirlik: başlık büyük ve kalın beyaz kalır; küçük yazılar koyu (zemin aynı) */
.mix3__t { font-size: 1.2rem; }
.mix3__s, .mix3__n { color: #1f2430; font-weight: 700; }
.mix3__t b, .mix3__dots i.is-on { color: #be123c; }
.mix3.is-done .mix3__t, .mix3.is-done .mix3__s, .mix3.is-done .mix3__n { color: #052e16; }
.mix3.is-done .mix3__t b, .mix3.is-done .mix3__dots i.is-on { color: #047857; }
@media (max-width: 480px) {
    .mix3__t { font-size: 0.92rem; color: #1f2430; }
}