/* Modalele de tabel de marimi din produs.php (id="tabel-marimi-…": tricouri, body, tricouri sport, hanorac) in stilul nou al site-ului, ca modalele de cont (css/auth-modal.css) */
.modal[id^="tabel-marimi-"] .modal-dialog { width: 600px; max-width: calc(100% - 20px); }
.modal[id^="tabel-marimi-"] .modal-content { border: 0; border-radius: 18px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); overflow: hidden; }
.modal[id^="tabel-marimi-"] .modal-header { position: relative; padding: 26px 64px 6px 28px; border: 0; min-height: 0; }
.modal[id^="tabel-marimi-"] .modal-header .modal-title { font-size: 22px; font-weight: 700; color: #1d2b33; line-height: 1.25; text-transform: none; }
.modal[id^="tabel-marimi-"] .modal-header .close { position: absolute; right: 12px; top: 12px; width: 38px; height: 38px; margin: 0; padding: 0; border-radius: 50%; font-size: 28px; line-height: 38px; font-weight: 400; color: #54656f; opacity: 1; text-shadow: none; transition: background-color .15s, color .15s; }
.modal[id^="tabel-marimi-"] .modal-header .close:hover, .modal[id^="tabel-marimi-"] .modal-header .close:focus { background: #f3f7f7; color: #1d2b33; outline: 0; }
.modal[id^="tabel-marimi-"] .modal-body { padding: 14px 28px 8px; color: #1d2b33; }
.modal[id^="tabel-marimi-"] .modal-body h5 { font-size: 16px; font-weight: 700; color: #1d2b33; }
/* tabelele: colturi rotunde, cap deschis (inline era gri #888 cu text alb), fara grila grea */
.modal[id^="tabel-marimi-"] .table { border: 1px solid #dfe8ea; border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; margin-bottom: 10px; }
.modal[id^="tabel-marimi-"] .table > thead > tr { background: #e3f5f6 !important; color: #1d2b33 !important; }
.modal[id^="tabel-marimi-"] .table > thead > tr > th { border: 0; border-bottom: 1px solid #dfe8ea; padding: 10px 6px; font-weight: 700; font-size: 14px; color: #1d2b33; vertical-align: middle; }
.modal[id^="tabel-marimi-"] .table > tbody > tr > td { border: 0; border-top: 1px solid #eef3f4; padding: 9px 6px; font-size: 14px; color: #3a4a52; vertical-align: middle; }
.modal[id^="tabel-marimi-"] .table > tbody > tr:first-child > td { border-top: 0; }
.modal[id^="tabel-marimi-"] .table > tbody > tr > td:first-child { font-weight: 700; color: #1d2b33; }
.modal[id^="tabel-marimi-"] .table > tbody > tr:nth-child(even) > td { background: #fafcfc; }
.modal[id^="tabel-marimi-"] .modal-body p { color: #8a9aa3 !important; font-size: 13px !important; }
.modal[id^="tabel-marimi-"] .modal-body picture img { max-height: 340px; width: auto; margin: 6px auto 0; }
/* buton: verde plin, ca „Conectare” */
.modal[id^="tabel-marimi-"] .modal-footer { padding: 12px 28px 24px; border: 0; text-align: center; }
.modal[id^="tabel-marimi-"] .modal-footer .btn { width: 100%; height: 50px; border: 0 !important; border-radius: 10px; background: #7cb342 !important; color: #fff !important; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0; box-shadow: 0 6px 18px rgba(124, 179, 66, .3); }
.modal[id^="tabel-marimi-"] .modal-footer .btn:hover, .modal[id^="tabel-marimi-"] .modal-footer .btn:focus { background: #6ca236 !important; }
@media (max-width: 767px) {
    .modal[id^="tabel-marimi-"] .modal-dialog { margin: 10px auto; }
    .modal[id^="tabel-marimi-"] .modal-header { padding: 22px 56px 4px 18px; }
    .modal[id^="tabel-marimi-"] .modal-header .modal-title { font-size: 19px; }
    .modal[id^="tabel-marimi-"] .modal-body { padding: 12px 14px 6px; }
    .modal[id^="tabel-marimi-"] .table > thead > tr > th, .modal[id^="tabel-marimi-"] .table > tbody > tr > td { padding: 8px 3px; font-size: 13px; }
    .modal[id^="tabel-marimi-"] .modal-footer { padding: 10px 14px 18px; }
}