/* TWB — sepete eklendi modalı */
.twb-cm[hidden] { display: none; }
.twb-cm { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.twb-cm__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); animation: twb-cm-fade .2s ease; }
.twb-cm__box { position: relative; width: 100%; max-width: 460px; max-height: calc(100vh - 32px); overflow: auto; background: #fff; color: #1a1a1a; padding: 28px 28px 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); animation: twb-cm-in .25s ease; }
.twb-cm__x { position: absolute; top: 8px; right: 10px; width: 36px; height: 36px; border: 0; background: none; font-size: 26px; line-height: 1; color: #777; cursor: pointer; padding: 0; }
.twb-cm__x:hover { color: #1a1a1a; background: none; }
.twb-cm__title { margin: 0 0 18px; font-size: 16px; font-weight: 600; letter-spacing: .02em; }
.twb-cm__check { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 6px; border-radius: 50%; background: #c9a236; color: #fff; font-size: 12px; vertical-align: 1px; }
.twb-cm__item { display: flex; gap: 16px; align-items: center; padding: 14px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.twb-cm__img { flex: 0 0 84px; }
.twb-cm__img:empty { display: none; }
.twb-cm__img img { display: block; width: 84px; height: 84px; object-fit: contain; background: #f4f4f4; }
.twb-cm__name { margin: 0 0 4px; font-size: 15px; line-height: 1.35; font-weight: 500; }
.twb-cm__meta { margin: 0; font-size: 14px; color: #555; }
.twb-cm__sum { margin: 14px 0 20px; font-size: 13px; color: #555; }
.twb-cm__sum strong { color: #1a1a1a; }
.twb-cm__actions { display: flex; gap: 10px; }
.twb-cm__btn { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 14px; border: 1px solid #c9a236; font-family: inherit; font-size: 14px; font-weight: 500; letter-spacing: inherit; text-transform: none; border-radius: 0; text-align: center; text-decoration: none; cursor: pointer; transition: background .15s, color .15s; }
.twb-cm__btn--ghost, .twb-cm__btn--ghost:focus { background: #fff; color: #1a1a1a; }
.twb-cm__btn--ghost:hover { background: #f7f1e1; color: #1a1a1a; }
.twb-cm__btn--primary, .twb-cm__btn--primary:focus, .twb-cm__btn--primary:visited { background: #c9a236; color: #fff; }
.twb-cm__btn--primary:hover { background: #b38e28; border-color: #b38e28; color: #fff; }
body.twb-cm-open { overflow: hidden; }

@media (max-width: 480px) {
    .twb-cm { align-items: flex-end; padding: 0; }
    .twb-cm__box { max-width: none; padding: 24px 16px 16px; }
    .twb-cm__actions { flex-direction: column-reverse; }
}

@keyframes twb-cm-fade { from { opacity: 0; } }
@keyframes twb-cm-in { from { opacity: 0; transform: translateY(12px); } }
@media (prefers-reduced-motion: reduce) { .twb-cm__backdrop, .twb-cm__box { animation: none; } }