.vitrin {
    --primary-color: #3b82f6;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --text-muted: #64748b;
    --text-main: #0f172a;
    --surface-border: #e2e8f0;
    --radius-lg: 12px;
    --transition-fast: 0.2s ease;
    --background-start: #f8fafc;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
}

.vitrin .d-none { display: none !important; }
.vitrin .position-relative { position: relative; }
.vitrin .mb-0 { margin-bottom: 0; }
.vitrin .text-dark { color: #1e293b !important; }

.vitrin .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.55rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    background: transparent;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: pointer;
    transform: none;
}
.vitrin .btn-sm { padding: 0.35rem 0.7rem; font-size: 0.85rem; }
.vitrin .btn-primary { background: var(--primary); color: #fff; }
.vitrin .btn-primary:hover { background: var(--primary-dark); transform: none; box-shadow: none; }
.vitrin .btn-success { background: #10b981; color: #fff; }
.vitrin .btn-success:hover { background: #059669; }
.vitrin .btn-outline-secondary { background: #fff; border-color: var(--border); color: var(--text-main); }
.vitrin .btn-outline-secondary:hover { border-color: var(--primary); color: var(--primary); }
.vitrin .btn:disabled { opacity: 0.5; cursor: default; }
.vitrin .btn:disabled:hover { border-color: var(--border); color: var(--text-main); }

.vitrin .badge { display: inline-block; padding: 0.25em 0.55em; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 600; color: #fff; line-height: 1.2; }
.vitrin .bg-success { background: #10b981; }
.vitrin .bg-warning { background: #f59e0b; }

.vitrin-head { padding-bottom: 2.5rem; text-align: center; }
.vitrin-head .section-desc { margin-bottom: 0.75rem; }
.vitrin-note { font-size: 0.95rem; color: var(--text-light); max-width: 640px; margin: 0 auto; }
.vitrin-lang { display: inline-flex; gap: 0.25rem; margin-top: 1.25rem; padding: 0.25rem; border: 1px solid var(--border); border-radius: 999px; background: #fff; }
.vitrin-lang button { border: 0; background: transparent; padding: 0.3rem 0.9rem; border-radius: 999px; font: inherit; font-size: 0.85rem; font-weight: 600; color: var(--text-light); cursor: pointer; }
.vitrin-lang button.active { background: var(--primary); color: #fff; }

.vitrin-body { padding: 2.5rem 0 4rem; }
.vitrin.vitrin-playing .vitrin-head { display: none; }
.vitrin.vitrin-playing .vitrin-body { padding-top: 110px; }
.vitrin-body .tr-section-title { font-size: 1.1rem; }
.vitrin-body .tr-player-head .btn { flex: 0 0 auto; }

.vitrin-cta { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border); }
.vitrin-cta h4 { font-size: 1rem; margin-bottom: 0.35rem; }
.vitrin-cta p { font-size: 0.9rem; color: var(--text-light); margin-bottom: 0.75rem; }
.vitrin-cta .btn { width: 100%; margin-bottom: 0.4rem; }